@extends('layouts.main')

@section('page-title',  $page['seo_title'])
@section('keywords',    $page['seo_keywords'])
@section('description', $page['seo_description'])

@section('content')

    <main class="page__main">
        <div class="contacts js-animate">
            <div class="contacts__wrap">
                <div class="contacts__inner inner">
                    <div class="contacts-box js-animate">
                        <div class="contacts-box__name">АДРЕС:</div>
                        <div class="contacts-box__desc">
                            <p>{!! nl2br($page['address']) !!}</p>
                        </div>
                        <div class="contacts-box__btn-box">
                            <button type="button" class="contacts-box__btn btn btn--type-1 js-modal-link" data-link="#contacts-box">КАК ДОБРАТЬСЯ</button>
                        </div>
                    </div>
                    <div class="contacts-box js-animate">
                        <div class="contacts-box__name">Телефон:</div>
                        <div class="contacts-box__phone-box">
                            <a href="tel:{{ preg_replace('/\D\+/', '', $page['phone1']) }}" class="contacts-box__phone">{{ $page['phone1'] }}</a>
                            <a href="tel:{{ preg_replace('/\D\+/', '', $page['phone2']) }}" class="contacts-box__phone">{{ $page['phone2'] }}</a>
                        </div>
                    </div>
                    <div class="contacts-box js-animate">
                        <div class="contacts-box-list">
                            @if($page['email_tender'])
                            <div class="contacts-box-list__box">
                                <div class="contacts-box-list__name">Пригласить в тендер</div>
                                <div class="contacts-box-list__desc">
                                    <a href="mailto:welcome@movie-group.ru">{{ $page['email_tender'] }}</a>
                                </div>
                            </div>
                            @endif
                            @if($page['email_common'])
                            <div class="contacts-box-list__box">
                                <div class="contacts-box-list__name">По общим вопросам</div>
                                <div class="contacts-box-list__desc">
                                    <a href="mailto:reception@movie-group.ru">{{ $page['email_common'] }}</a>
                                </div>
                            </div>
                            @endif
                            @if($page['email_hr'])
                            <div class="contacts-box-list__box">
                                <div class="contacts-box-list__name">Хочу работать у вас</div>
                                <div class="contacts-box-list__desc">
                                    <a href="mailto:hr@movie-group.ru">{{ $page['email_hr'] }}</a>
                                </div>
                            </div>
                            @endif
                            @if($page['email_pr'])
                            <div class="contacts-box-list__box">
                                <div class="contacts-box-list__name">По вопросам PR и спикерства</div>
                                <div class="contacts-box-list__desc">
                                    <a href="mailto:pr@movie-group.ru">{{ $page['email_pr'] }}</a>
                                </div>
                            </div>
                            @endif
                        </div>
                    </div>
                </div>
            </div>
            <div class="contacts__map-box">
                <canvas id="c-wave" class="contacts__map-wave"></canvas>
                <div class="contacts__map js-contacts-map" id="contacts-map" data-x="{{ trim($coordinates[0]) }}" data-y="{{ trim($coordinates[1]) }}"></div>
            </div>
            <script src="https://api-maps.yandex.ru/2.1/?lang=ru_RU" type="text/javascript"></script>
        </div>
    </main>

@endsection

@section('modal')
    <div id="contacts-box" class="modal js-modal">
        <div class="modal__close-box">
            <button type="button" class="modal__close js-modal-close"></button>
        </div>
        <div class="modal-content">
            <div class="modal-content__wrap">
                <div class="modal-content__title">КАК ДОБРАТЬСЯ:</div>
                <div class="modal-contacts">
                    <div class="modal-contacts__box">
                        <div class="modal-contacts__desc">
                            {!! $page['route'] !!}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection