@extends('layouts.front-layout')
@section('title')
    Product-Rental
@endsection
@section('content')
    <section class="inner-banner p-0">
        <video class="inner-banner__video" autoplay muted loop playsinline>
            <source src="{{ $setting->settingImage('home_top_banner_video') ?? '' }}" type="video/mp4">
        </video>
        <div class="container">
            <div class="inner-banner__content">
                <h1>{{ $pageData['Product']['top_banner_title'] ?? '' }}</h1>
            </div>
        </div>
        <figure class="inner-banner__bottom">
            <img src="{{ asset('upload/images/banner-shape.png') }}" alt="image" class="img-fluid">
        </figure>
    </section>

    <section class="products">
        <div class="container">
            <div class="row">
                @forelse($get_products as $product)
                    <div class="col-md-6">
                        <div class="product-card">
                            <div class="pcard-cntnt">
                                <div class="pcard-img">
                                    <img src="{{ $product->productImage('product_image') ?? '' }}" class="img-fluid"
                                        alt="">
                                    {{-- <div class="pricing-cntnt">
                                        <p>pricing<span>$ {{ $product->price ?? '' }}</span></p>
                                    </div> --}}
                                </div>
{{--                                <p>--}}
{{--                                    {{ $product->approximately ?? '' }}--}}
{{--                                </p>--}}
                                <div class="pcdimg-info">
                                    <h2>{{ $product->product_name ?? '' }}</h2>
                                    {{-- {!! $product->description ?? '' !!} --}}
                                    <div class="pd-anc">
                                        <a href="{{ route('product.detail', ['slug' => $product->slug, 'type' => 'RENT']) }}">
                                            <p>Rent</p>
                                        </a>
                                        <a href="{{ route('product.detail', ['slug' => $product->slug, 'type' => 'BUY']) }}">
                                            <p>Buy</p>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                @empty
                    <h3>Product Data Not Available</h3>
                @endforelse
            </div>
        </div>
    </section>
@endsection