@extends('layouts.admin')
@section('content')
<nav aria-label="breadcrumb " class="breadcrumb-wrap">
    <div class="container">
        <ol class="breadcrumb mrm-15">
            <li class="breadcrumb-item"><a href="{{url('/')}}"><i class="ti-home"></i></a></li>
            <li class="breadcrumb-item active" aria-current="page">Site Map</li>
        </ol>
    </div>
</nav>

<div class="container site-map-page mb-5">

    <div class="col-12 col-md-12">

        <div class="mb-4">
            <h5 class="bm-block__title">Category</h5>
            <ul class="bm-block__list">
                <li class="my-masonry -grid cat-subcat-lists">
                    @if(!empty($category_list))
                    @foreach($category_list as $category)
                    @if(!empty($category->subcategory))
                    <div class="mega-menu__column">
                        <h4>
                            <a data-category-id="{{$category->id}}" data-name-slug="{{$category->name_slug}}" data-meta-keyword="{{$category->meta_keywords}}" data-meta-description="{{$category->meta_description}}" data-level="{{$category->level}}" href="javascript:;" class="category_product_list">
                                <span>{{ $category->name }}</span>
                            </a>
                        </h4>
                        <ul class="sub-menu--mega">
                            @foreach($category->subcategory as $sub)
                            <li>
                                <a data-category-id="{{$sub->id}}" data-name-slug="{{$sub->name_slug}}" data-meta-keyword="{{$sub->meta_keywords}}" data-meta-description="{{$sub->meta_description}}" data-level="{{$sub->level}}" href="javascript:;" class="category_product_list">
                                    <span>{{ $sub->name }}</span>
                                </a>
                            </li>
                            @endforeach
                        </ul>
                        <hr />
                    </div>

                    @endif
                    @endforeach
                    @endif
                </li>
            </ul>
        </div>

        <div class="mb-4" style="display: inline-block; width: 100%;">
            <br /><br /><br />
            <div class="bottom-box mb-3" style="float: left;width: 21.5%;">

                <h5 class="bm-block__title">Company Info</h5>

                <ul class="bm-block__list">
                    <li class="mega-menu__column"><a href="{{ url('/') }}">Home</a></li>
                                                                                <li class="mega-menu__column">
                        <a href="{{ url('/cms/about-us') }}">About us</a>
                    </li>
                    <li class="mega-menu__column">
                        <a href="{{ url('/product-list/all-products/all') }}">Products</a>
                    </li>

                    <li class="mega-menu__column"><a href="{{ url('/contact-us') }}">Contact Us</a></li>
                    <li class="mega-menu__column"><a href="{{ url('/cms/faq') }}">FAQ</a></li>
                </ul>
            </div>

            <div class="bottom-box mb-3" style="float: left;width: 21.5%;">
                <h5 class="bm-block__title">Our Policy</h5>
                <ul class="bm-block__list">
                    <li class="mega-menu__column"><a href="{{ url('/cms/privacy-policy') }}">Privacy Policy</a></li>
                    <li class="mega-menu__column"><a href="{{ url('/cms/terms-conditions') }}">Terms and Conditions</a></li>
                    <li class="mega-menu__column"><a href="{{ url('/cms/return-policy') }}">Return Policy</a></li>
                    <li class="mega-menu__column"><a href="{{ url('/cms/site-map') }}">Site Map</a></li>
                </ul>
            </div>
        </div>

    </div>

    <script>
        jQuery(document).ready(function($) {

            $('.my-masonry-grid').css({
                'max-width': '1200px'
            }).masonry('layout');
        });
    </script>
    @endsection