@extends('front.front-app')

@section('meta-tags')
    @include('front.meta-tags.for-other-pages')
@stop

@include('front.header')

@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">
                            @if(showSettingBodyByAlias('google-maps', $lang_id))
                                {!! showSettingBodyByAlias('google-maps', $lang_id) !!}
                            @endif
                        </div>
                        <div class="contacts-list">
                            <ul>
                                <li>
                                    <a>
                                        <svg>
                                            <use xlink:href="{{ asset('front-assets/svg/sprite.svg#pin') }}"></use>
                                        </svg>
                                        <span>{{ ShowLabelById(10, $lang_id) }}</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="tel:{{ str_replace([' ', '(', ')', '-'], '', ShowLabelById(2, $lang_id)) }}">
                                        <svg>
                                            <use xlink:href="{{ asset('front-assets/svg/sprite.svg#phone') }}"></use>
                                        </svg>
                                        <span>{{ ShowLabelById(2, $lang_id) }}</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="mailto:{{ ShowLabelById(11, $lang_id) }}">
                                        <svg>
                                            <use xlink:href="{{ asset('front-assets/svg/sprite.svg#envelope') }}"></use>
                                        </svg>
                                        <span>{{ ShowLabelById(11, $lang_id) }}</span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="contacts-form">
                        <div class="contacts-form-title">{{ ShowLabelById(71, $lang_id) }}</div>
                        <form method="POST" action="{{ url($lang,['simpleFeedback','feedback']) }}"
                              id="contacts-form"
                              enctype="multipart/form-data">

                            @csrf

                            <div class="form-item">
                                <label for="name">{{ ShowLabelById(29, $lang_id) }} *</label>
                                <input type="text" id="name" name="name">
                            </div>
                            <div class="form-item">
                                <label for="phone">{{ ShowLabelById(31, $lang_id) }} *</label>
                                <input type="text" id="phone" name="phone">
                            </div>
                            <div class="form-item">
                                <label for="email">{{ ShowLabelById(32, $lang_id) }} *</label>
                                <input type="email" id="email" name="email">
                            </div>
                            <div class="form-item">
                                <label for="comment">{{ ShowLabelById(72, $lang_id) }} *</label>
                                <textarea id="comment" name="comment"></textarea>
                            </div>

                            <div class="google-policies">
                                <p>{!! ShowLabelById(47, $lang_id) !!}</p>
                            </div>
                            <p class="aggreement">
                                <label>
                                    <input id="agree" name="agree" type="checkbox">
                                    <span class="aggreement-checkbox"></span>
                                    {!! ShowLabelById(48, $lang_id) !!}
                                </label>
                            </p>

                            <div class="captcha">
                                <input type="hidden" name="g-recaptcha-response" id="recaptcha-contacts-form">
                            </div>

                            <div class="form-item-submit">
                                <button type="submit" class="button" onclick="saveForm(this)"
                                        data-form-id="contacts-form">{{ ShowLabelById(73, $lang_id) }}</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>

@stop

@include('front.footer')