@extends('user.layouts.layout')
@section('content')


@include('user.layouts.slider',['Sliders' => $Sliders])

<div class="container ">
    <div class="container my-2">
        @include('user.layouts.search')
       <div class="nav-scroller py-1 mb-3 border-bottom" style="overflow-x: auto;">
          <nav class="nav nav-underline justify-content-between text-center mx-auto" style="width: max-content;">
                @foreach($Categories as $Category)
                    <a class="nav-item nav-link link-body-emphasis {{ $Category->parent_category_id == request('id') ? 'active' : '' }}" style="max-width: max-content;font-size: 13px;font-weight: 500;" href="{{ route('category',$Category->parent_category_id) }}">
                        <h6 class="mx-2">
                            {{ $Category[ lang('en') ? 'parent_category_name' : 'parent_category_name_ar'] }}
                        </h6>
                    </a>
                @endforeach
          </nav>
       </div>
    </div>

    <div class="row">
        @if($Products->count())
            <div class="col-12 text-center">
                <h1 class="text-center my-4">{{ $Category['name_'.lang()] }}</h1>
            </div>
            @foreach($Products as $Product)
                <div class="col-6 col-md-6">
                    @include('user.layouts.SingleProduct',['Product' => $Product])
                </div>
            @endforeach
        @else
            <div class="col-12 text-center">
                <img src="{{ asset('empty.png') }}" style="cursor: pointer;max-width: 500px;" class="img-fluid w-100" alt="Empty">
            </div>
        @endif
    </div>
</div>


@endsection