@extends('front.app')

@section('meta')
    <x-meta :meta="$meta"/>
@stop

@section('container')
    <div class="page-content">

        <div class="breadcrumbs-wrapper">
            <div class="container">
                {{ Breadcrumbs::render($parent_menu->alias, $parent_menu) }}
            </div>
        </div>

        <div class="contacts">
            <div class="container">
                <div class="contacts-inner">
                    <div class="contacts-info">
                        <div class="contacts-map">
                            {!! showSettingBodyByAlias('google-maps') !!}
                        </div>
                        <div class="contacts-content">
                            @if($parent_menu->itemByLang)
                                @if($parent_menu->itemByLang->short_descr)
                                    <div class="contacts-content-col">
                                        <div class="contacts-content-title">{{ShowLabelById(17)}}</div>
                                        <div class="contacts-list">
                                            {!! $parent_menu->itemByLang->short_descr !!}
                                        </div>
                                    </div>
                                @endif
                                @if($parent_menu->itemByLang->body)
                                    <div class="contacts-content-col">
                                        <div class="contacts-content-title">{{ShowLabelById(18)}}</div>
                                        <div class="contacts-list">
                                            {!! $parent_menu->itemByLang->body !!}
                                        </div>
                                    </div>
                                @endif
                            @endif
                        </div>
                    </div>
                    <div class="contacts-form">
                        <form method="POST" action="{{ route('simpleFeedbackAjax') }}"
                              id="contacts-form"
                              enctype="multipart/form-data">
                            @csrf
                            <div class="contacts-form-title">{{ShowLabelById(13)}}</div>
                            <div class="form-item">
                                <label for="name">{{ShowLabelById(7)}}</label>
                                <input type="text" id="name" name="name">
                            </div>
                            <div class="form-item">
                                <label for="phone">{{ShowLabelById(8)}}</label>
                                <input type="text" id="phone" name="phone">
                            </div>
                            <div class="form-item">
                                <label for="email">E-mail *</label>
                                <input type="text" id="email" name="email">
                            </div>
                            <div class="form-item">
                                <label for="comment">{{ShowLabelById(14)}}</label>
                                <textarea id="comment" name="comment"></textarea>
                            </div>
                            <div class="google-policies">
                                <p>{!! ShowLabelById(15) !!}</p>
                            </div>
                            <div class="captcha">
                                <input type="hidden" name="g-recaptcha-response" id="recaptcha-contacts-form">
                            </div>
                            <p class="aggreement">
                                <label>
                                    <input id="agree" name="agree" type="checkbox">
                                    <span class="aggreement-checkbox"></span>
                                    {{ShowLabelById(16)}}
                                </label>
                            </p>
                            <div class="form-submit">
                                <button type="submit" class="button" onclick="saveForm(this)"
                                        data-form-id="contacts-form">{{ShowLabelById(10)}}</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>

    </div>
@stop