@extends('layout.master')

@section('title','Erkek Giyim - Erkek Kıyafetleri')

@section('content')

<main class="main">

    <div class="page-header text-center" style="background-image: url('assets/assets/images/page-header-bg.jpg')">

        <div class="container-fluid">

            <h1 class="page-title">ERKEK GİYİM<span>Alışverişe başla</span></h1>

        </div><!-- End .container-fluid -->

    </div><!-- End .page-header -->

    <nav aria-label="breadcrumb" class="breadcrumb-nav breadcrumb-with-filter">

        <div class="container-fluid">

            <a href="#" class="sidebar-toggler"><i class="icon-bars"></i>Filtrele</a>

            <ol class="breadcrumb">

                <li class="breadcrumb-item"><a href="{{route('home')}}"><i class="fa fa-home fa-2"></i></a></li>

                <li class="breadcrumb-item"><a href="{{route('erkek')}}">Erkek</a></li>

            </ol>

        </div><!-- End .container-fluid -->

    </nav><!-- End .breadcrumb-nav -->



    <div class="page-content">

        <div class="categories-page">

            <div class="container-fluid">

                <div class="row">

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

                        <div class="row">

                            @foreach($man_sub_categories as $man_category)

                            <div class="col-sm-4">

                                <div class="banner banner-cat banner-badge">

                                    <a href="{{$man_category->url}}">

                                        <img src="{{asset('assets/images/categories/kadin/'.$man_category->image)}}" alt="Banner">

                                    </a>



                                    <a class="banner-link" href="{{$man_category->url}}">

                                        <h3 class="banner-title">{{$man_category->title}}</h3>

                                        <h4 class="banner-subtitle">2 Products</h4>

                                        <span class="banner-link-text">Keşfet</span>

                                    </a>

                                </div>

                            </div>

                                @endforeach

                        </div>

                    </div>





                </div><!-- End .row -->

            </div><!-- End .container-fluid -->

        </div><!-- End .categories-page -->



        <div class="sidebar-filter-overlay"></div><!-- End .sidebar-filter-overlay -->

        <aside class="sidebar-shop sidebar-filter sidebar-filter-banner">

            <div class="sidebar-filter-wrapper">

                <div class="widget widget-clean">

                    <label><i class="icon-close"></i>Filters</label>

                    <a href="#" class="sidebar-filter-clear">Clean All</a>

                </div>

                <div class="widget">

                    <h3 class="widget-title">

                        Browse Category

                    </h3><!-- End .widget-title -->



                    <div class="widget-body">

                        <div class="filter-items filter-items-count">

                            <div class="filter-item">

                                <div class="custom-control custom-checkbox">

                                    <input type="checkbox" class="custom-control-input" id="cat-1">

                                    <label class="custom-control-label" for="cat-1">Women</label>

                                </div><!-- End .custom-checkbox -->

                                <span class="item-count">3</span>

                            </div><!-- End .filter-item -->



                            <div class="filter-item">

                                <div class="custom-control custom-checkbox">

                                    <input type="checkbox" class="custom-control-input" id="cat-2">

                                    <label class="custom-control-label" for="cat-2">Men</label>

                                </div><!-- End .custom-checkbox -->

                                <span class="item-count">0</span>

                            </div><!-- End .filter-item -->



                            <div class="filter-item">

                                <div class="custom-control custom-checkbox">

                                    <input type="checkbox" class="custom-control-input" id="cat-3">

                                    <label class="custom-control-label" for="cat-3">Holiday Shop</label>

                                </div><!-- End .custom-checkbox -->

                                <span class="item-count">0</span>

                            </div><!-- End .filter-item -->



                            <div class="filter-item">

                                <div class="custom-control custom-checkbox">

                                    <input type="checkbox" class="custom-control-input" id="cat-4">

                                    <label class="custom-control-label" for="cat-4">Gifts</label>

                                </div><!-- End .custom-checkbox -->

                                <span class="item-count">0</span>

                            </div><!-- End .filter-item -->



                            <div class="filter-item">

                                <div class="custom-control custom-checkbox">

                                    <input type="checkbox" class="custom-control-input" id="cat-5">

                                    <label class="custom-control-label" for="cat-5">Homeware</label>

                                </div><!-- End .custom-checkbox -->

                                <span class="item-count">0</span>

                            </div><!-- End .filter-item -->



                            <div class="filter-item">

                                <div class="custom-control custom-checkbox">

                                    <input type="checkbox" class="custom-control-input" id="cat-6" checked="checked">

                                    <label class="custom-control-label" for="cat-6">Grid Categories Fullwidth</label>

                                </div><!-- End .custom-checkbox -->

                                <span class="item-count">13</span>

                            </div><!-- End .filter-item -->



                            <div class="sub-filter-items">

                                <div class="filter-item">

                                    <div class="custom-control custom-checkbox">

                                        <input type="checkbox" class="custom-control-input" id="cat-7">

                                        <label class="custom-control-label" for="cat-7">Dresses</label>

                                    </div><!-- End .custom-checkbox -->

                                    <span class="item-count">3</span>

                                </div><!-- End .filter-item -->



                                <div class="filter-item">

                                    <div class="custom-control custom-checkbox">

                                        <input type="checkbox" class="custom-control-input" id="cat-8">

                                        <label class="custom-control-label" for="cat-8">T-shirts</label>

                                    </div><!-- End .custom-checkbox -->

                                    <span class="item-count">0</span>

                                </div><!-- End .filter-item -->



                                <div class="filter-item">

                                    <div class="custom-control custom-checkbox">

                                        <input type="checkbox" class="custom-control-input" id="cat-9">

                                        <label class="custom-control-label" for="cat-9">Bags</label>

                                    </div><!-- End .custom-checkbox -->

                                    <span class="item-count">4</span>

                                </div><!-- End .filter-item -->



                                <div class="filter-item">

                                    <div class="custom-control custom-checkbox">

                                        <input type="checkbox" class="custom-control-input" id="cat-10">

                                        <label class="custom-control-label" for="cat-10">Jackets</label>

                                    </div><!-- End .custom-checkbox -->

                                    <span class="item-count">2</span>

                                </div><!-- End .filter-item -->



                                <div class="filter-item">

                                    <div class="custom-control custom-checkbox">

                                        <input type="checkbox" class="custom-control-input" id="cat-11">

                                        <label class="custom-control-label" for="cat-11">Shoes</label>

                                    </div><!-- End .custom-checkbox -->

                                    <span class="item-count">2</span>

                                </div><!-- End .filter-item -->



                                <div class="filter-item">

                                    <div class="custom-control custom-checkbox">

                                        <input type="checkbox" class="custom-control-input" id="cat-12">

                                        <label class="custom-control-label" for="cat-12">Jumpers</label>

                                    </div><!-- End .custom-checkbox -->

                                    <span class="item-count">1</span>

                                </div><!-- End .filter-item -->



                                <div class="filter-item">

                                    <div class="custom-control custom-checkbox">

                                        <input type="checkbox" class="custom-control-input" id="cat-13">

                                        <label class="custom-control-label" for="cat-13">Jeans</label>

                                    </div><!-- End .custom-checkbox -->

                                    <span class="item-count">1</span>

                                </div><!-- End .filter-item -->



                                <div class="filter-item">

                                    <div class="custom-control custom-checkbox">

                                        <input type="checkbox" class="custom-control-input" id="cat-14">

                                        <label class="custom-control-label" for="cat-14">Sportwear</label>

                                    </div><!-- End .custom-checkbox -->

                                    <span class="item-count">0</span>

                                </div><!-- End .filter-item -->

                            </div><!-- End .sub-filter-items -->

                        </div><!-- End .filter-items -->

                    </div><!-- End .widget-body -->

                </div><!-- End .widget -->

            </div><!-- End .sidebar-filter-wrapper -->

        </aside><!-- End .sidebar-filter -->

    </div><!-- End .page-content -->

</main><!-- End .main -->

@endsection