@extends('public.core.core')
@section('title')
    {{ $category->title }}
@endsection
@section('content')
    <!--====== BANNER PART START ======-->
    <section class="banner-area bg_cover">
        <div class="container">
            <div class="row">
                <div class="col-lg-6">
                    <div class="banner-content">
                        <h1 class="text-white">{{ $category->title }} </h1>
                        <nav aria-label="breadcrumb">
                            <ol class="breadcrumb">
                                <li class="breadcrumb-item"><a href="/">Anasayfa</a></li>
                                <li class="breadcrumb-item active" aria-current="page">{{ $category->title }}</li>
                            </ol>
                        </nav>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--====== BANNER PART END ======-->

    <!--====== CATEGORY PART START ======-->
    <section class="category-area pb-110">
        <div class="container">
            <!-- category top -->
            <div class="category-top box-style">
                <div class="row align-items-center">
                    <div class="col-md-6">
                        <div class="left-wrapper">
                            <div class="sorting">
                                <label for="sort">Show items</label>
                                <select name="sort" id="sort">
                                    <option value="0">Popular Items</option>
                                    <option value="1">By Default</option>
                                    <option value="2">Newest Items</option>
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="right-wrapper">

                            <ul class="nav product-view-btns" id="myTab" role="tablist">
                                <li class="product-view-item" role="presentation">
                                    <a class="product-view-btn active" id="list-tab" data-toggle="tab" href="#list"
                                        role="tab" aria-controls="list" aria-selected="true"><i
                                            class="lni lni-list"></i></a>
                                </li>
                                <li class="product-view-item" role="presentation">
                                    <a class="product-view-btn" id="grid-tab" data-toggle="tab" href="#grid"
                                        role="tab" aria-controls="grid" aria-selected="false"><i
                                            class="lni lni-grid-alt"></i></a>
                                </li>
                            </ul>

                            <form action="#">
                                <input type="text" name="search" id="search" placeholder="Ara">
                                <button><i class="lni lni-search-alt"></i></button>
                            </form>
                        </div>
                    </div>

                </div>
            </div>
            <!-- category wrapper -->
            <div class="category-wrapper">
                <div class="row">
                    <!-- left-wrapper  -->
                    <div class="col-lg-8">
                        <div class="left-wrapper">
                            <div class="tab-content" id="myTabContent">
                                <div class="tab-pane fade" id="grid" role="tabpanel" aria-labelledby="grid-tab">

                                    <div class="row">
                                        @foreach ($ads as $ad)
                                            <div class="col-lg-6 col-md-6">
                                                <div class="single-product">
                                                    <div class="product-img">
                                                        <a
                                                            href="{{ route('detail', ['number' => $ad->ad_number, 'slug' => $ad->slug]) }}">
                                                            <img src="/storage/ad_img/{{ $ad->ad_number }}/{{ $ad->adImages->random()->path }}"
                                                                alt="{{ $ad->title }}">
                                                        </a>
                                                        <div class="product-action">
                                                            <a href="javascript:void(0)"><i class="lni lni-heart"></i></a>
                                                            <a href="javascript:void(0)" class="share"><i
                                                                    class="lni lni-share"></i></a>
                                                        </div>
                                                    </div>

                                                    <div class="product-content">
                                                        <h3 class="name"><a
                                                                href="{{ route('detail', ['number' => $ad->ad_number, 'slug' => $ad->slug]) }}">{{ $ad->title }}</a>
                                                        </h3>
                                                        <span class="update">Son Güncelleme :
                                                            {{ date('d-m-Y', strtotime($ad->updated_at)) }} </span>
                                                        <ul class="address">
                                                            <li>
                                                                <a href="javascript:void(0)"><i
                                                                        class="lni lni-calendar"></i>
                                                                    {{ date('d-m-Y', strtotime($ad->created_at)) }}</a>
                                                            </li>
                                                            <li>
                                                                <a href="javascript:void(0)"><i
                                                                        class="lni lni-map-marker"></i>
                                                                    {{ $ad->city }}</a>
                                                            </li>
                                                            <li>
                                                                <a href="javascript:void(0)"><i class="lni lni-user"></i>
                                                                    {{ $ad->user->fname }}</a>
                                                            </li>
                                                            <li>
                                                                <a
                                                                    href="{{ route('category', ['slug' => $ad->category->slug]) }}">
                                                                    <i class="lni lni-package"></i>
                                                                    {{ $ad->category->title }}</a>
                                                            </li>
                                                        </ul>
                                                        <div class="product-bottom">
                                                            <h3 class="price">@if($ad->price != "0"){{ number_format($ad->price, 2, ',', '.') }} ₺ @else Belirtilmedi @endif</h3>
                                                            <a href="javascript:void(0)" class="link-ad"><i
                                                                    class="lni lni-checkmark-circle"></i> Doğrulanmış</a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        @endforeach
                                    </div>
                                </div>
                                <div class="tab-pane fade show active" id="list" role="tabpanel"
                                    aria-labelledby="list-tab">
                                    <div class="row">
                                        @foreach ($ads as $ad)
                                            <div class="col-lg-12">
                                                <div class="single-product list-view">
                                                    <div class="product-img">
                                                        <a
                                                            href="{{ route('detail', ['number' => $ad->ad_number, 'slug' => $ad->slug]) }}">
                                                            <img src="/storage/ad_img/{{ $ad->ad_number }}/{{ $ad->adImages->random()->path }}"
                                                                alt="">
                                                        </a>
                                                        <div class="product-action">
                                                            <a href="javascript:void(0)"><i class="lni lni-heart"></i></a>
                                                            <a href="javascript:void(0)" class="share"><i
                                                                    class="lni lni-share"></i></a>
                                                        </div>
                                                    </div>

                                                    <div class="product-content">
                                                        <h3 class="name"><a
                                                                href="{{ route('detail', ['number' => $ad->ad_number, 'slug' => $ad->slug]) }}">{{ $ad->title }}</a>
                                                        </h3>
                                                        <span class="update">Son Güncelleme :
                                                            {{ date('d-m-Y', strtotime($ad->updated_at)) }}</span>
                                                        <ul class="address">
                                                            <li>
                                                                <a href="javascript:void(0)"><i
                                                                        class="lni lni-calendar"></i>
                                                                    {{ date('d-m-Y', strtotime($ad->created_at)) }}</a>
                                                            </li>
                                                            <li>
                                                                <a href="javascript:void(0)"><i
                                                                        class="lni lni-map-marker"></i>
                                                                    {{ $ad->city }}</a>
                                                            </li>
                                                            <li>
                                                                <a href="javascript:void(0)"><i class="lni lni-user"></i>
                                                                    {{ $ad->user->fname }}</a>
                                                            </li>
                                                            <li>
                                                                <a
                                                                    href="{{ route('category', ['slug' => $ad->category->slug]) }}"><i
                                                                        class="lni lni-package"></i>
                                                                    {{ $ad->category->title }}</a>
                                                            </li>
                                                        </ul>
                                                        <div class="product-bottom">
                                                            <h3 class="price">@if($ad->price != "0"){{ number_format($ad->price, 2, ',', '.') }} ₺ @else Belirtilmedi @endif ₺</h3>
                                                            <a href="javascript:void(0)" class="link-ad"><i
                                                                    class="lni lni-checkmark-circle"></i> Doğrulanmış</a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        @endforeach
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- sidebar wrapper  -->
                    <div class="col-lg-4">
                        <div class="sidebar-wrapper">
                            <!-- sidebar category  -->
                            <div class="box-style sidebar-category">
                                <h3 class="mb-30">Tüm Kategoriler</h3>
                                <ul>
                                    @foreach ($cats as $cat)
                                        <li><a href="{{ route('category', ['slug' => $cat->slug]) }}"><span>{{ $cat->title }}</span>
                                                <span class="right">{{ $cat->get_count($cat->slug) }}</span></a>
                                        </li>
                                    @endforeach
                                </ul>
                            </div>
                            <!-- add box -->
                            <div class="box-style add-box">
                                <h3 class="mb-30">Advertisement</h3>
                                <div class="image">
                                    <a href="javascript:void(0)" class="d-block">
                                        <img src="assets/images/product/ad-img.jpg" alt="" class="w-100">
                                    </a>
                                </div>
                            </div>
                            <!-- social box -->
                            <div class="box-style social-box">
                                <h3 class="mb-30">Bizi Takip Edin</h3>
                                <ul class="social">
                                    <li><a href="{{ $site_setting->facebook }}"><i
                                                class="lni lni-facebook-filled"></i></a></li>
                                    <li><a href="{{ $site_setting->twitter }}"><i class="lni lni-twitter-filled"></i></a>
                                    </li>
                                    <li><a href="{{ $site_setting->instagram }}"><i
                                                class="lni lni-instagram-filled"></i></a></li>
                                    <li><a href="{{ $site_setting->linkedin }}"><i
                                                class="lni lni-linkedin-original"></i></a></li>
                                </ul>
                            </div>

                        </div>
                    </div>

                </div>
            </div>
        </div>
    </section>
    <!--====== CATEGORY PART END ======-->
@endsection