@extends('layouts.front_end')
@section('title', 'Product Search')
@section('content')
<div>
    <style>
        .buy-now{
        border: 2px solid black;
        background-color: white;
        color: black;
        padding: 7px 22px;
        font-size: 16px;
        border-radius: 25px;
        cursor: pointer;
    }
    .buy-now-button:hover{
        background: black;
        color: white;
        font-weight: bold;
    }
    </style>
    <main>
        <div class="furniture-cat-banner-area">
            <div class="custom-container-three">
                <div class="row">
                    <div class="col-12">
                        <div class="deal-day-top">
                            <div class="deal-day-title">
                                <h4 class="title">Product Search Result</h4>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row justify-content-center">
                    @if($data['products'])
                        @foreach($data['products'] as $product)
                            <div class="col-xl-4 col-md-4 col-sm-6">
                                <div class="exclusive-item exclusive-item-three text-center mb-40">
                                    <div class="exclusive-item-thumb">
                                        <a href="{{route('product-details',['id'=>$product['slug']])}}">
                                            <img loading="lazy" @if($product['product_image_first']) src="{{ asset('storage/photo/'.$product['product_image_first']['image']) }}" @endif style="width: 100%;height: auto;" alt="{{$product['name']}}">
                                            <img loading="lazy" class="overlay-product-thumb" @if($product['product_image_last']) src="{{ asset('storage/photo/'.$product['product_image_last']['image']) }}" @endif style="height: 220px;" alt="{{$product['name']}}">
                                        </a>
                                        {{-- <ul class="action">
                                            <li><a href="#"><i class="flaticon-shuffle-1"></i></a></li>
                                            <li><a href="javascript:void(0)" class="add-to-card" data-product-id="{{ $product['id'] }}"><i class="flaticon-supermarket"></i></a></li>
                                            <li><a href="#"><i class="flaticon-witness"></i></a></li>
                                        </ul> --}}
                                    </div>
                                    <div class="exclusive-item-content">
                                        <h5>
                                            <a href="{{route('product-details',['id'=>$product['slug']])}}" style="text-transform: capitalize;font-size: 12px;">
                                                @if(strlen($product['name'])>50)
                                                      {{ substr($product['name'], 0,49).'...' }}
                                                @else
                                                      {{ $product['name'] }}
                                                @endif
                                            </a>
                                        </h5>
                                        <div class="exclusive--item--price pb-10">
                                            <span class="new-price" style="color:#ff0000;">
                                                @if($currencySymbol)
                                                      <span style="font-size: 14px;">{{ $currencySymbol->symbol }}</span>{{ $product['special_price'] }}
                                                @else
                                                      {{ $product['special_price'] }}
                                                @endif

                                                </span>
                                              <del class="old-price">
                                                  @if($currencySymbol)
                                                  <span class="text-dark"><span style="font-size: 14px;">{{ $currencySymbol->symbol }}</span>{{ $product['regular_price'] }}</span>
                                                  @else
                                                      {{ $product['regular_price'] }}
                                                  @endif

                                              </del>
                                        </div>
                                        {{-- <div class="rating">
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                        </div> --}}
                                        <a href="javascript:void(0)" class="add-to-card buy-now buy-now-button cartModal" data-product-id="{{ $product['id'] }}" @if($product['in_stock']=="Out of Stock") style="pointer-events: none;" @endif style="color: #ff5c00;">
                                            @if($product['in_stock']=="Out of Stock")
                                            স্টক শেষ
                                           @else
                                            ক্রয় করুণ
                                           @endif
                                        </a>
                                        <a href="javascript:void(0)" class=" buy-now buy-now-button cartModal1 btn-mobile-modal" data-product-id="{{ $product['id'] }}" data-product-name="{{ $product['name'] }}" data-product-price="{{ $product['special_price'] }}" data-product-quantity="{{ $orderQuantity ? $orderQuantity : $minimumQuantity }}" data-product-minimum-quantity="{{ $minimumQuantity }}" data-product-image="{{ asset('storage/photo/'.$product['product_image_first']['image']) }}" data-toggle="modal" data-target=".bd-example-modal-sm" @if($product['in_stock']=="Out of Stock") style="pointer-events: none;" @endif style="color: #ff5c00;">
                                            @if($product['in_stock']=="Out of Stock")
                                            স্টক শেষ
                                           @else
                                            ক্রয় করুণ
                                           @endif
                                        </a>
                                    </div>
                                </div>
                            </div>
                        @endforeach
                    @else
                        <div class="col-md-12">
                            <div class="alert alert-info text-center"> Op's there is no products </div>
                        </div>
                    @endif
                </div>
            </div>
        </div>

    </main>
</div>

@endsection