@extends('layouts.welcomelayouts.app')
@section('title')
<title>{{App\general::latest()->first()->name}} | {{App\general::latest()->first()->subtitle}}</title>
@endsection
@section('SEO')
<meta name="description" content="{!!App\general::latest()->first()->meta_dsc!!}">
<meta name="keywords" content="{{App\general::latest()->first()->meta_key}}">
<meta property="og:title" content="{{App\general::latest()->first()->name}}">
<meta property="og:description" content="{!!App\general::latest()->first()->meta_dsc!!}">
<meta property="og:image" content="{!!App\general::latest()->first()->meta_dsc!!}">
<meta property="og:url" content="{{route('index')}}}">
@endsection
@push('css')
@endpush
@section('contents')
<div class="breadcrumb-area pt-95 pb-100 bg-img" style="background-image:url({{asset('public/images/breadcrumb.jpg')}})">
    <div class="container">
        <div class="breadcrumb-content text-center">
            <div class="breadcrumb-title">
                <h2>Search Products</h2>
            </div>
            <ul>
                <li>
                    <a href="{{route('index')}}">Home</a>
                </li>
                <li class="active">Search Products</li>
            </ul>
        </div>
    </div>
</div>
<div class="shop-area pt-10 pb-10">
    <div class="container">
        <div class="row flex-row-reverse">
            <div class="col-lg-12">
                <div class="shop-bottom-area mt-35">
                    <div class="tab-content jump">
                        <div id="shop-1" class="tab-pane active">
                            <div class="row">
                                @foreach($products as $product)
                                <div class="col-xl-3 col-lg-3 col-md-3 col-sm-6 col-12">
                                    <div class="product-wrap product-border-1 mb-30">
                                    <div class="product-img">
                                        <a href="{{route('single',$product->slug)}}">
                                            <img class="showimagehide" src="{{asset('public/images/products/'.$product->feture_img)}}" alt="{{$product->title}}">
                                            <img class="hideimageshow" src="{{asset('public/images/products/'.$product->hover_image)}}" alt="{{$product->title}}">
                                        </a>
                                        @if($product->discount > 0)
                                        <span class="product-badge">-{{$product->discount}}%</span>
                                        @endif
                                    </div>
                                    <div class="product-content product-content-padding text-center">
                                        <h4><a href="{{route('single',$product->slug)}}">{{Str::limit($product->title,35)}}</a></h4>
                                        <div class="product-rating">
                                            <i class="la la-star"></i>
                                            <i class="la la-star"></i>
                                            <i class="la la-star"></i>
                                            <i class="la la-star"></i>
                                            <i class="la la-star"></i>
                                        </div>
                                        <div class="product-price">
                                           
                                            <span>${{$product->final_price}}</span>
                                            @if($product->save_price > 0)
                                            <span class="old">${{$product->regular_price}}</span>
                                            @endif
                                        </div>
                                    </div>
                                </div>
                                </div>
                                @endforeach

                            </div>
                        </div>

                    </div>
                </div>
            </div>

        </div>
    </div>
</div>

@endsection
@push('js')
@endpush