@extends('layouts.front-layout')
@section('title') Categories
@endsection
@section('content')

    <!-- Begin: Main Slider -->
    <div class="innerBan">
        <img src="{{($category->getFirstMediaUrl('category_top_banner_image') ? $category->getFirstMediaUrl('category_top_banner_image') : asset('upload/placeholder.png'))}}" class="w-100" alt="">

        <div class="overlay">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-md-12">
                        <h2>{{ $pageData['Category']['heading'] ?? '' }}</h2>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- End: Main Slider -->


    <section class="shop-categori innershop">
        <div class="container-fluid p-0">

            <div class="row">
                <div class="col-md-2">
                    <div class="sideList">
                        <ul>
                            <li><a href="#" class="active">Shop By Category</a></li>
{{--                            <li><a href="#">All</a></li>--}}
{{--                            <li><a href="#"> New</a></li>--}}
{{--                            <li><a href="#">Most Popular</a></li>--}}
{{--                            <li><a href="#">Spring Collection</a></li>--}}
{{--                            <li><a href="#"> New Products</a></li>--}}
{{--                            <li><a href="#">Best Value</a></li>--}}
                            @forelse($get_categories as $category)
                            <li><a href="{{route('category.product',['slug'=>$category->slug ? : ''])}}">{{$category->category_name ? : ''}}</a></li>
                            @empty
                                <h2 class="text-center">Categories Not Found</h2>
                            @endforelse
                        </ul>
                    </div>
                </div>
                <div class="col-md-9">

                    <div class="row align-items-center">
                        @forelse($get_categories as $category)
                        <div class="col-md-3">
                            <div class="showrap">
                                <a href="{{route('category.product',['slug'=>$category->slug ? : ''])}}">
                                <figure>
                                    <img src="{{($category->getFirstMediaUrl('category_image') ? $category->getFirstMediaUrl('category_image') : asset('upload/placeholder.png'))}}" class="img-fluid" alt="">
                                </figure>
                                <div class="shopcntnt">
                                    <h3>{{$category->category_name ? : ''}}</h3>
                                </div>
                                </a>
                            </div>
                        </div>
                        @empty
                        <h2 class="text-center">Categories Not Found</h2>
                        @endforelse
                    </div>

                </div>
            </div>

        </div>
    </section>
    @include('front.includes.home-sell-sec')

@endsection