@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 align="center">
                    <ul class="list-group" style="font-size:20px;">
                        <li class="list-group-item disabled">Выберите категорию</li>
                        @foreach($categories as $cat)
                            <li class="list-group-item"><a href="{{url($cat->url)}}">{{$cat->name}}</a></li>
                        @endforeach
                        <li class="list-group-item"><a id="remove_obj" href="#">Удалить объявление</a></li>
                    </ul>
                </div>
                <br/>

                <div class="hidden-sm-down col-md-12">
                    <div class="card card-block">
                        {!! $info_blocks['infoblock_bottom'] !!}
                    </div>
                </div>

                <div></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">
                    {!! $info_blocks['infoblock_right'] !!}
                </div>
            </div>
        </div>
    </div>

    @include('partials.create_ad_modal')

@overwrite


@section('post-scripts')
    <script>
        $('#ad_form').modal();

        function validateRecaptcha() {
            var response = grecaptcha.getResponse();
            if (response.length === 0) {
                alert("Подтвердите что вы не робот");
                return false;
            } else {
                return true;
            }
        }
    </script>
@endsection