@php
    $getCountry = \App\Models\Country::where('prefix',session('country'))->first();
@endphp

@extends('front.front_layouts.main')

@section('content')

    <section class="bannar">
        <div class="container">
            <div class="row">
                <div class="col-lg-3">
                    <div class="categories">
                        <div class="title text-center"><h2>كافة التصنيفات</h2></div>
                        <div class="scroll">
                            @foreach($categories as $category)
                                <a href="{{ route('front.supplierByCategory', $category->id ) }}" class="hvr-bounce-to-left">
                                    <div class="d-inline-block" style="width:30px;"><img src="{{$category->image_url}}" alt="" class="icon"></div>{{$category->name}}
                                </a>
                            @endforeach
                        </div>
                    </div>
                </div>
                <div class="col-lg-9">
                    <div class="row">
                        <div class="col-lg-3">
                            <a href="{{ route('front.supplierBySpecial') }}" class="quick-links"><img src="{{ asset('front_asset/assets/images/icons/store3.png') }}" alt="" class="icon">موردين مميزين</a>
                        </div>
                        <div class="col-lg-3">
                            <a href="{{ route('front.offet_product') }}" class="quick-links"><img src="{{ asset('front_asset/assets/images/icons/sale1.png') }}" alt="" class="icon">عروض الموردين</a>
                        </div>
                        <div class="col-lg-3">
                            <a href="{{ route('front.bonce_product') }}" class="quick-links"><img src="{{ asset('front_asset/assets/images/icons/box3.png') }}" alt="" class="icon">عروض البونص</a>
                        </div>
                        <div class="col-lg-3">
                            {{--<a href="{{ route('front.brands') }}" class="quick-links">@include('components.front.svg.mozy')العلامات التجارية</a>--}}
                            <a href="{{ route('front.brands') }}" class="quick-links"><img src="{{ asset('front_asset/assets/images/icons/mozy1.png') }}" alt="" class="icon">العلامات التجارية</a>
                        </div>
                    </div>

                    <div class="bannar-carousel owl-carousel owl-theme">
                        @foreach($sliders as $slider)
                            <div class="item">
                                <div class="main-banner">
                                    <img src="{{ $slider->image_url }}" alt="">
                                    <a href="{{ $slider->slider_url }}" class="shop-now hvr-shadow">{{$slider->button_text}}</a>
                                </div>
                            </div>
                        @endforeach
                    </div>

                    <div class="row">
                        @foreach($subsliders as $slider)
                            <div class="col-lg-4">
                                <a href="{{ $slider->slider_url }}" class="view-link hvr-shadow">
                                    <img src="{{ $slider->image_url }}" alt="">
                                    <span>{{ $slider->description }}</span>
                                </a>
                            </div>
                        @endforeach
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section>
        <div class="container">
            <div class="header">
                <h2 class="title"><img class="ml-2 icon" src="{{ asset('front_asset/assets/images/icons/tag.png') }}" alt="">عروض الموردين</h2>
                <div class="line"></div>
                <a href="{{ route('front.offet_product') }}" class="link hvr-shadow">عرض الكل</a>
            </div>
            <div class="product-carousel owl-carousel owl-theme">
                @foreach($offers as $product)
                    <div class="item">
                        @include('front.front_component.offer_product')
                    </div>
                @endforeach
            </div>
        </div>
    </section>

    <section>
        <div class="container">
            <div class="header">
                <h2 class="title"><img class="ml-2 icon" src="{{ asset('front_asset/assets/images/icons/box.png') }}" alt="">عروض البونص</h2>
                <div class="line"></div>
                <a href="{{ route('front.bonce_product') }}" class="link hvr-shadow">عرض الكل</a>
            </div>
            <div class="product-carousel owl-carousel owl-theme">

                @foreach($bouns as $product)