@extends('layouts.app')
@push('styles')
    <link rel="stylesheet" href="{{ asset('assets/css/category_products.css') }}">
@endpush

@section('contents')
        

    <section class="section ec-product-tab section-space-p position-relative">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="section-title">
                        <h1>Search Results</h1>
                        <p>for the keyword "{{ $keyword }}"</p>
                    </div>
                </div>

                <!-- Tab Start -->
                <section>
                    <div class="container py-5">
                        <div class="row">
                            @foreach($search_products as $fp)
                                <div class="col-lg-3 col-md-4 col-6 my-3">
                                    <div class="ec-product-inner">
                                        <div class="ec-pro-image-outer">
                                            <a href="{{ url($fp->product_slug)}}" class="image">
                                                <div class="ec-pro-image">
                                                    <img
                                                        class="main-image"
                                                        src="{{ asset('assets/products/'.$fp->product_image) }}" alt="{{$fp->product_alt}}"
                                                        width="318"
                                                        height="318"
                                                    />

                                                    <div class="ec-pro-loader"></div>
                                                </div>
                                            </a>
                                        </div>
                                        <div class="ec-pro-content">
                                            <a href="{{ url($fp->product_slug)}}"
                                            ><span class="ec-pro-stitle">{{$fp->product_title}}</span></a
                                            >


                                        </div>
                                    </div>
                                </div>
                            @endforeach
                        </div>
                    </div>
                </section>
                <!-- Tab End -->
            </div>

        </div>
    </section>


@endsection