@extends('site.layouts.app')
@section('content')
    <section class="suppliers-section sec-padding-bottom position-relative bg-grey pt-5">
        <div class="container">
            <div class="row gx-lg-45">
                {{-- <div class="col-lg-3 mb-4 mb-lg-0"> --}}
                <div class="row gx-lg-45">

                    @include('site.inc.filter_bar', ['categories' => $categories, 'type' => $type])
                </div>
                {{-- </div> --}}
                <div class="col-lg-9">
                    <div class="section-filter mb-46">
                        <div class="form-group position-relative">
                            <form>
                                <input type="text" name="search" value="{{ old('search', request('search')) }}"
                                    class="form-control border-0 overflow-hidden bg-white"
                                    placeholder="{{ $type == 'service' ? __('site.Home.Search_2') : __('site.Home.Search_1') }}">
                                <div class="left-side d-flex align-items-center">
                                    <button type="submit" class="main-btn min-width-auto px-3"><i
                                            class="icon-search"></i></button>
                                </div>
                            </form>
                        </div>
                    </div>
                    <div class="cards-wrapper def-bg rounded-md">
                        <div class="row gx-lg-45">
                            @include('site.inc.products', ['data' => $data, 'type' => $type])
                        </div>
                        {{ $data->appends(Request::except(['_token']))->links('main-site.inc.pagination') }}
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection

@section('script')
    @include('site.inc.checkbox', [
        'route' => route('saudi.products', $type),
    ])
@endsection