@extends('front.front_layouts.main')

@section('content')

    @include('front.front_component.category_slider')

    <section class="top-section">
    <div class="container">
        <div class="header">
            @if(Route::currentRouteNamed('front.most_ordered_product'))
                <h2 class="title"><img class="ml-2 icon" src="{{ asset('front_asset/assets/images/icons/box2.png') }}" alt="">المنتجات الأكثر طلباً</h2>
            @else
                <h2 class="title"><img class="ml-2 icon" src="{{ asset('front_asset/assets/images/icons/box2.png') }}" alt="">وصل حديثاًً</h2>
            @endif
            <div class="line ml-0 w-100"></div>
        </div>
        <div class="row">
            @forelse($products as $product)
                <div class="col-12 col-md-6 col-lg-4 col-xl-3">
                    @include('front.front_component.product')
                </div>
            @empty
                <div class="col-12 text-center mt-4">
                    <p> لا يوجد نتائج </p>
                </div>
            @endforelse
        </div>
    </div>
</section>

@endsection