@extends('layouts.front')
@section('page_title', $category->name . ' | ' )


@section('extra_css')
<style>
 
</style>
@endsection



@section('extra_js')

@endsection

@section('main_content')

	<div class="single__page__cat__list {{ $category->slug }}">
		<div class="container">
		<div class="main">
			<a href="{{ category_url($category->id) }}"> {{ $category->name }}</a>
		</div>
		</div>	
		<div class="sub hidden-sm hidden-xs">
		<div class="container">		
			@foreach($category->SubCategory->all() as $sub_cat)
                                  <a href="{{ route('sub_cat.post', ['cat' => $category->slug, 'sub_cat' => $sub_cat->slug]) }}">{{ $sub_cat->name }}</a>
            @endforeach
        
		</div>
		</div>	
		
	<!--===============================-->
        <!--==================================-->
	</div>	
	            <div class="mvsc hidden-lg hidden-md">
                <nav id="menu-container" class="arrow">
                    <div id="btn-nav-previous">
                        <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25"
                            viewBox="0 0 24 24">
                                <path d="M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z" />
                                <path d="M0 0h24v24H0z" fill="none" /></svg>
                    </div>
                    <div id="btn-nav-next">
                        <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25"
                            viewBox="0 0 24 24">
                                <path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z" />
                                <path d="M0 0h24v24H0z" fill="none" /></svg>
                    </div>
                    <div class="menu-inner-box">
                        <div class="menu">                            
                            @foreach($category->SubCategory->all() as $sub_cat)
                                  <a class="menu-item" href="{{ route('sub_cat.post', ['cat' => $category->slug, 'sub_cat' => $sub_cat->slug]) }}">{{ $sub_cat->name }}</a>
                            @endforeach
                                         
                        </div>
                    </div>
                </nav>
            </div>
	
	<div class="top-banner hidden"> 
				<div class="container">
					<div class="ad_2">