@section('title'){{$cat->seo_title}}@endsection

@section('description'){{$cat->seo_description}}@endsection


@extends('layouts.main')

@section('main.content')
    <div class="container">
        <div class="row" style="display: flex;">
            <div class="ads col-xs-12 col-lg-8">

                <div class="banner-horizontal">
                    <div>{!! $banners[1] ?? null !!}</div>
                </div>

                <div id="ad-list" data-bind="foreachInit: {data: ads, createElement: createAd}">

                    <nav class="breadcrumb">
                        @if($cat->url !== '/')
                            <a class="breadcrumb-item" href="/">Вернуться на главную</a>
                        @endif
                        <span class="breadcrumb-item active">{{$cat->name}}</span>
                    </nav>


                    <h3>Категория - {{$cat->name}}</h3> <br/>

                    @if (empty($info_massage))
                    <div class="info-massag flash-message">
                        <!--<button type="button" class="close alert-close" data-dismiss="alert" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>-->
                        <p class="alert alert-danger">
                     <!--       <b>Здесь может быть ваша реклама!</b><br><br>
                            Реклама будет отображаться во всех разделах в самом верху (в закреплении).<br>
                            По вопросам размещения рекламы пишите на почту: <a href="mailto:admin@gejmoskva.net">admin@gejmoskva.net</a> или через обратную связь на сайте
                    -->
                                                         РЕКЛАМА<br/><br/>
                           <b>Нонна, 22, <a href="tel:+79163748810">+79163748810</a> (Уни)</b><br/><br/>
+79163748810 ! Достоинство: 20x5. Я доступна для тех, кто может позволить себе немножечко больше. 
Сногсшибательная транссексуалочка прилашает тебя испытать сильнейшее сексуальное и эстетическое наслаждение. 
Красивая, высокая, ухоженная, класс люкс и это всё про меня. Все фото соответствуют, на звонки отвечаю лично. 
Шикарные апартаменты в центре Москвы, полная конфиденциальность! Живу одна.ТГ@nona_moscow<br><br>
                        
                        <a href='https://zcf.gejmoskva5.xyz/ad/2191826'><img style='max-width:100%;height:auto;vertical-align:middle;' src='https://zcf.gejmoskva5.xyz/storage/photos/new/preview_phpYa9mlN0.jpeg'/></a>
                        <a href='https://zcf.gejmoskva5.xyz/ad/2191826'><img style='max-width:100%;height:auto;vertical-align:middle;' src='https://zcf.gejmoskva5.xyz/storage/photos/new/preview_phpzRY16z0.jpeg'/></a>
                        <a href='https://zcf.gejmoskva5.xyz/ad/2191826'><img style='max-width:100%;height:auto;vertical-align:middle;' src='https://zcf.gejmoskva5.xyz/storage/photos/new/preview_phphwJXjk0.jpeg'/></a>
                        <a href='https://zcf.gejmoskva5.xyz/ad/2191826'><img style='max-width:100%;height:auto;vertical-align:middle;' src='https://zcf.gejmoskva5.xyz/storage/photos/new/preview_phpxKRZOu0.jpeg'/></a>
                        <a href='https://zcf.gejmoskva5.xyz/ad/2191826'><img style='max-width:100%;height:auto;vertical-align:middle;' src='https://zcf.gejmoskva5.xyz/storage/photos/new/preview_phpnKImd30.jpeg'/></a>
                    </p>
                    </div>
                    @endif


                    @if(Session::has('flash_message'))
                        <div class="alert alert-success"><span
                                    class="glyphicon glyphicon-ok"></span><em> {!! session('flash_message') !!}</em>
                        </div>
                    @endif


                    <div class="flash-message">
                        @foreach (['danger', 'warning', 'success', 'info'] as $type_message)
                            @if(Session::has('alert-' . $type_message))
                                @foreach (Session::get('alert-' . $type_message) as $message)
                                    <p class="alert alert-{{ $type_message }}">{{ $message }}</p>
                                @endforeach
                            @endif
                        @endforeach
                    </div>

                    <div align="center">
                        <a class="btn btn-success" href="https://zce.mosgay5.xyz/ad/form">Добавить объявление</a>
                        <a href="#" class="btn btn-warning" id="remove_obj">Удалить объявление</a>

                    </div>
                    <br/>

                    <form class="form-filter" method="get">
                        <div class="filter-radio">
                            Фильтр:

                            <label class="radio-inline" style="margin-bottom: 0;">
                                <input type="radio" name="filter" value="0" checked=""> ВЫКЛ
                            </label>

                            <label class="radio-inline" style="margin-bottom: 0;">
                                <input type="radio" name="filter" value="1"> ВКЛ
                            </label>
                        </div>
                        <div class="row form-filters">
                            <div class="col-md-6 form-group">
                                <span class="label-filter">Возраст:</span>
                                <div class="row">
                                    <div class="col-xs-6">
                                        <input type="text" name="from_age" value="{{$from_age}}" class="form-control" placeholder="От">
                                    </div>
                                    <div class="col-xs-6">
                                        <input type="text" name="to_age" value="{{$to_age}}" class="form-control" placeholder="До">
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6 form-group">
                                <span class="label-filter">Поиск:</span>
                                <input type="text" name="keyword" placeholder="Ключевое слово или фраза" class="form-control" value="{{$keyword}}">
                            </div>
                         <!--   <div class="col-md-6 form-group">
                                <span class="label-filter">Метро:</span>
                                <select name="metroid" id="metroid" class="form-control text-center">
                                    <option value="0">---</option>
                                    @foreach(DB::table('metro')->select('id', 'name')->orderBy('name','asc')->get()  as $metro)
                                        @if($metro->id == $metroid)
                                            <option selected value="{{ $metro->id }}">{{$metro->name}}</option>
                                        @else
                                            <option value="{{ $metro->id }}">{{$metro->name}}</option>
                                        @endif
                                    @endforeach
                                </select>
                            </div>-->
                            <div class="col-md-6 form-group">
                                <span class="label-filter">Роль:</span>
                                <select name="type" id="type" class="form-control text-center">
                                    <option value="0">---</option>
                                    <option value="passive" @if($type == 'passive') selected @endif>Пасс</option>
                                    <option value="active" @if($type == 'active') selected @endif>Акт</option>
                                    <option value="uni" @if($type == 'uni') selected @endif>Уни</option>
                                    <option value="other" @if($type == 'other') selected @endif>Другое</option>
                                </select>
                            </div>
                            <div class="col-md-6 form-group">
                                <a href="{{URL::to($cat->getOriginal('url'))}}" style="height: 35px;" class="btn-danger btn btn-md btn-primary btn-block">Сбросить</a>
                            </div>
                            <div class="col-md-6 form-group">
                                <button style="height: 35px;" class="btn btn-md btn-primary btn-block btn-success" type="submit">Найти</button>
                            </div>
                        </div>
                    </form>
                    <br>
                    <center><a href='https://fl6csx.shrtul.org/j'><img style='max-width:100%;height:auto;vertical-align:middle;' src='https://gayder2.xyz/new3.gif'/></a></center><br>
                    @if ($premium_vip)
                        <div id="vipPremiumAdList" data-bind="foreachInit: {data: ads, createElement: createAd}">
                            <div data-template></div>
                            @include('ad.partials.ad', ['ad' => $premium_vip])
                        </div>
                    @endif

                    <div id="vipAdList" data-bind="foreachInit: {data: ads, createElement: createAd}">
                        <div data-template></div>
                        @foreach($vip_ads as $ad)
                            @include('ad.partials.ad', ['ad' => $ad])
                        @endforeach
                    </div>

                    <div data-template></div>
                    @for($i = 0; $i < $ads->count(); $i++)
                        @if ($i % 5 == 0 && $i != 0 && $i != 5)
                            <div class="banner-horizontal">
                                {!! $banners[$i / 5] ?? null !!}
                            </div>
                        @endif
                        @include('ad.partials.ad', ['ad' => $ads[$i]])
                    @endfor
                </div>
                <div>
                    {{ $ads->links() }}
                </div>
            </div>
            <div class="sidebar hidden-md-down col-lg-4">
                <div class="banner-vertical">
                    <div>{!! $banners[4] ?? null !!}</div>
                </div>
                <!--<div class="card card-block">
                    {!! $cat->description !!}
                </div>-->
                <div class="banner-vertical">
                    <div>{!! $banners[5] ?? null !!}</div>
                </div>
            </div>
        </div>
    </div>

    <script>
        document.addEventListener("DOMContentLoaded", function () {
            $('[name=filter]').click(function () {
                if($(this).val() == 1) {
                    $('.filter-radio').addClass('filter-radio-line');
                    $('.form-filters').show();
                } else {
                    $('.filter-radio').removeClass('filter-radio-line');
                    $('.form-filters').hide();
                }
            })
        });
    </script>
@overwrite

@section('main.footer')
    <div class="hidden-sm-down col-md-12">
       <!-- <div class="card card-block">
            {!! $cat->description_bottom !!}
        </div>-->
    </div>
@overwrite


@section('post-scripts')
    @if(Session::has('require-vip'))
        <script>
            $('#myid').val( {!! session('require-vip') !!} );

            var adsId = $('#myid').val();

            $.ajax({
                type: 'GET',
                url: window.location.origin + "/checkPremiumVip",
                data: "ads_id=" + adsId,
                success: function (result) {
                    if (result['status'] == 0) {
                        $('.premium_vip').show();
                    } else {
                        $('.alert_premium_vip').show();
                        $('.alert_premium_vip .massage').html(result['massage'])
                    }

                    $("[data-remodal-id=Oplata]").remodal().open();
                }
            });

        </script>
    @endif
@endsection