@extends('layouts.main')

@section('main.content')

    <div class="container" style="margin-top:50px;">
        <div class="row" style="display: flex;">
            <div class="ads col-xs-12 col-lg-8">
                <div class="banner-horizontal">
                    <div>{!! $banners[1] !!}</div>
                </div>

                @include('ad.form_sms')


                <div></div>
            </div>
            <div class="sidebar hidden-md-down col-lg-4">
                <div class="banner-vertical">
                    <div>{!! $banners[4] !!}</div>
                </div>
                <div class="card card-block">
                    {!! $info_blocks['infoblock_right'] !!}
                </div>
            </div>
        </div>
    </div>


@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




@section('css')
    <style>


        .steps-form {
            display: table;
            width: 100%;
            position: relative;
        }

        .steps-form .steps-row {
            display: table-row;
        }

        .steps-form .steps-row:before {
            top: 14px;
            bottom: 0;
            position: absolute;
            content: " ";
            width: 100%;
            height: 1px;
            background-color: #ccc;
        }

        .steps-form .steps-row .steps-step {
            display: table-cell;
            text-align: center;
            position: relative;
        }

        .steps-form .steps-row .steps-step p {
            margin-top: 0.5rem;
        }

        .steps-form .steps-row .steps-step button[disabled] {
            opacity: 1 !important;
            filter: alpha(opacity=100) !important;
        }

        .steps-form .steps-row .steps-step .btn-circle {
            width: 30px;
            height: 30px;
            text-align: center;
            padding: 6px 0;
            font-size: 12px;
            line-height: 1.428571429;
            border-radius: 15px;
            margin-top: 0;
        }
    </style>
@endsection