@extends('index')

@section('main')

    @php
        $file = new \IguanaStudio\Cms\Models\File();
        $file->path = $page->extra_i18n->top->background[0]->path ?? '';
    @endphp

    <section class="section top-section top-section--overlay-alt relative" style="background-image: url({{ !empty($file->path) ? $file->widen(1920) : 'assets/img/img-bg-3.jpg' }});">
        <figure class="section-abs-img section-abs-img--machines-1"><img class="js-paroller" data-paroller-factor="0.2" data-paroller-type="foreground" src="assets/img/img-leaf-1.png" alt=""></figure>
        <figure class="section-abs-img section-abs-img--machines-2"><img class="js-paroller" data-paroller-factor="-0.2" data-paroller-type="foreground" src="assets/img/img-leaf-2.png" alt=""></figure>
        <div class="section__inner section__inner--section section__inner--center">

            <div class="container">
                <div class="row">
                    <div class="col-md-10 col-md-offset-1 col-lg-8 col-lg-offset-2">
                        <h1 class="top-section__title main-title main-title--regular main-title--white main-title--large cmb text-center">{!! \App\Helpers\Helper::htmlTags(nl2br($page->extra_i18n->top->header ?? ''), [[ 's', 'strong', '']]) !!}</h1>
                    </div>
                </div>

            </div>
        </div>

    </section>
    <div class="section contact mt-20 mb-20 relative">
        <div class="section__inner section__inner--section bg-color-key-4 relative section-circle section-circle--contact relative">
            <figure class="section-abs-img section-abs-img--contact-1"><img class="js-paroller" data-paroller-factor="0.2" data-paroller-type="foreground" src="assets/img/img-item-15.png" alt=""></figure>
            <figure class="section-abs-img section-abs-img--contact-2"><img class="js-paroller" data-paroller-factor="0.2" data-paroller-type="foreground" src="assets/img/img-item-21.png" alt=""></figure>
            <figure class="section-abs-img section-abs-img--contact-3"><img class="js-paroller" data-paroller-factor="-0.2" data-paroller-type="foreground" src="assets/img/img-item-16.png" alt="img-item-16.png"></figure>
            <div class="container z-index">
                <div class="row gutters-14">
                    <div class="col-md-5 col-md-offset-1 col-lg-4 col-lg-offset-2 flex flex--center-y">
                        <div class="contact__body">
                            <h2 class="contact__title main-title">{!! \App\Helpers\Helper::htmlTags(nl2br($page->extra_i18n->data->header ?? ''), [[ 'y', 'span', 'class="color-key-1"'], [ 's', 'strong', '']]) !!}</h2>

                            <div class="contact__action-body">
                                <div class="contact__label main-label">{{ $page->extra_i18n->data->header_address ?? '' }}</div>
                                <div class="contact__text">
                                    <p>{!! nl2br(e($page->extra_i18n->data->address ?? '')) !!}</p>
                                </div>
                                <div class="contact__text">
                                    <p>NIP: {{ $page->extra_i18n->data->nip ?? '' }}<br>REGON: {{ $page->extra_i18n->data->regon ?? '' }}</p>
                                </div>
                            </div>

                            <div class="contact__action-body">
                                <div class="contact__label main-label">{{ $page->extra_i18n->data->header_office ?? '' }}</div>
                                <div class="contact__phone">
                                    <a href="tel:{{ str_replace(' ', '', $page->extra_i18n->data->phone_office1 ?? '') }}">{{ $page->extra_i18n->data->phone_office1 ?? '' }}</a>
                                </div>
                                <div class="contact__phone">
                                    <a href="tel:{{ str_replace(' ', '', $page->extra_i18n->data->phone_office2 ?? '') }}">{{ $page->extra_i18n->data->phone_office2 ?? '' }}</a>
                                </div>
                                <div class="contact__email">
                                    <a href="mailto:{{ $page->extra_i18n->data->email_office ?? '' }}">{{ $page->extra_i18n->data->email_office ?? '' }}</a>
                                </div>
                            </div>

                            <div class="contact__action-body">
                                <div class="contact__label main-label">{{ $page->extra_i18n->data->header_support ?? '' }}</div>
                                <div class="contact__phone">
                                    <a href="tel:{{ str_replace(' ', '', $page->extra_i18n->data->phone_support ?? '') }}">{{ $page->extra_i18n->data->phone_support ?? '' }}</a>
                                </div>
                                <div class="contact__email">
                                    <a href="mailto:{{ $page->extra_i18n->data->email_support ?? '' }}">{{ $page->extra_i18n->data->email_support ?? '' }}</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-5 col-lg-4">
                        <div class="contact-map">
                            {!! data_get($page, 'extra.map_iframe') !!}
                            {{--
                            <div class="map js-map"></div>
                            <script>
                                /* [x, y] */
                                var mapPoints = [
                                    [{!! (float)($page->extra->map->lat ?? 0) !!}, {!! (float)($page->extra->map->lng ?? 0) !!}]
                                ];
                            </script>
                            <a href="#" class="contact-map__box">
                                <div class="contact-map__body">
                                    <div class="contact-map__text">Wyznacz<br> trasę</div>
                                    <div class="contact-map__icon">
                                        <i class="ico ico-arrow-right"></i>
                                    </div>
                                </div>
                            </a>
                            --}}
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </div>
    <div class="section contact overflow-h relative">
        <figure class="section-abs-img section-abs-img--contact-4"><img src="assets/img/img-item-26.jpg" alt=""></figure>
        <figure class="section-abs-img section-abs-img--contact-5"><img class="js-paroller" data-paroller-factor="0.2" data-paroller-type="foreground" src="assets/img/img-item-23.png" alt=""></figure>
        <div class="section__inner section__inner--section relative">
            <div class="container">
                <div class="row gutters-14">
                    <div class="col-lg-8 col-lg-offset-2">
                        <h2 class="main-title text-center">{!! \App\Helpers\Helper::htmlTags(nl2br($page->extra_i18n->form->header ?? ''), [[ 'y', 'span', 'class="color-key-1"'], [ 's', 'strong', '']]) !!}</h2>
                    </div>
                </div>
                <div class="row gutters-14">
                    <div class="col-md-10 col-md-offset-1">
                        <form action="{{ route('contact.post') }}" method="post" class="form form-contact js-validate--ajax">
                            @csrf
                            @captcha('contact')

                            <div class="row gutters-14">
                                <div class="col-md-4">
                                    <div class="form__group">
                                        <label for="f-name" class="form__label">Imię / nazwa firmy</label>
                                        <div class="form__field">
                                            <input type="text" name="name" placeholder="Wpisz" class="form__input" id="f-name">
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="form__group">
                                        <label for="f-phone" class="form__label">Numer telefonu</label>
                                        <div class="form__field">
                                            <input type="text" name="phone" placeholder="Wpisz" class="form__input" id="f-phone">
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="form__group">
                                        <label for="f-email" class="form__label">Adres e-mail</label>
                                        <div class="form__field">
                                            <input type="text" name="email" placeholder="Wpisz" class="form__input" id="f-email">
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="form__group">
                                <label for="f-message" class="form__label">Twoja wiadomość:</label>
                                <div class="form__field">
                                    <textarea name="message" rows="3" class="form__textarea" id="f-message" placeholder="Wpisz"></textarea>
                                </div>
                            </div>
                            <div class="form__group">
                                <div class="form__field">
                                    <div class="form__checkbox">
                                        <label class="checkbox" for="accept1">
                                            <input type="checkbox" name="accept1" id="accept1" class="checkbox__input js-checkbox">
                                            <span class="checkbox__text">
																<span class="checkbox__label">Wyrażam zgodę na przetwarzanie moich danych osobowych przez Administratora w celu udzielenia odpowiedzi na wysłany przeze mnie formularz kontaktowy i oświadczam, iż podanie przeze mnie danych osobowych jest dobrowolne oraz że zostałem poinformowany o możliwości wycofania zgody w każdym czasie poprzez przesłanie oświadczenia o wycofaniu zgody na adres mailowy: <a href="mailto:biuro@bmg-partner.pl">biuro@bmg-partner.pl</a>. Mam świadomość, że wycofanie zgody nie wpływa na zgodność z prawem przetwarzania, którego dokonano na podstawie tej zgody przed jej wycofaniem.</span>
															</span>
                                        </label>
                                    </div>
                                    <div class="form__checkbox">
                                        <label class="checkbox" for="accept2">
                                            <input type="checkbox" name="accept2" id="accept2" class="checkbox__input js-checkbox">
                                            <span class="checkbox__text">
																<span class="checkbox__label">Wyrażam zgodę na otrzymywanie drogą elektroniczną na wskazany przeze mnie adres e-mail informacji handlowej, w rozumieniu art. 10 ust. 2 Ustawy z dnia 18 lipca 2002 roku o świadczeniu usług drogą elektroniczną od Administratora i oświadczam, iż podanie przeze mnie danych osobowych jest dobrowolne oraz że zostałem poinformowany o możliwości wycofania zgody w każdym czasie poprzez przesłanie oświadczenia o wycofaniu zgody na adres mailowy: <a href="mailto:biuro@bmg-partner.pl">biuro@bmg-partner.pl</a>. Mam świadomość, że wycofanie zgody nie wpływa na zgodność z prawem przetwarzania, którego dokonano na podstawie tej zgody przed jej wycofaniem.</span>
															</span>
                                        </label>
                                    </div>
                                    <div class="form__checkbox">
                                        <label class="checkbox" for="accept3">
                                            <input type="checkbox" name="accept3" id="accept3" class="checkbox__input js-checkbox">
                                            <span class="checkbox__text">
																<span class="checkbox__label">Wyrażam zgodę na używanie przez Administratora telekomunikacyjnych urządzeń końcowych dla celów marketingu bezpośredniego poprzez kontakt telefoniczny na wskazany przeze mnie numer telefonu, zgodnie z art. 172 ust. 1 Ustawy z dnia 16 lipca 2004 r. Prawo telekomunikacyjne i oświadczam, iż podanie przeze mnie danych osobowych jest dobrowolne oraz że zostałem poinformowany o możliwości wycofania zgody w każdym czasie poprzez przesłanie oświadczenia o wycofaniu zgody na adres mailowy: <a href="mailto:biuro@bmg-partner.pl">biuro@bmg-partner.pl</a>. Mam świadomość, że wycofanie zgody nie wpływa na zgodność z prawem przetwarzania, którego dokonano na podstawie tej zgody przed jej wycofaniem.</span>
															</span>
                                        </label>
                                    </div>
                                    <div class="form__checkbox">
                                        <label class="checkbox" for="accept4">
                                            <input type="checkbox" name="accept4" id="accept4" class="checkbox__input js-checkbox">
                                            <span class="checkbox__text">
																<span class="checkbox__label">Wyrażam zgodę na przetwarzanie moich danych osobowych przez Administratora, w celu przedstawiania ofert marketingowych i oświadczam, iż podanie przeze mnie danych osobowych jest dobrowolne oraz że zostałem poinformowany o możliwości wycofania zgody w każdym czasie poprzez przesłanie oświadczenia o wycofaniu zgody na adres mailowy: <a href="mailto:biuro@bmg-partner.pl">biuro@bmg-partner.pl</a>. Mam świadomość, że wycofanie zgody nie wpływa na zgodność z prawem przetwarzania, którego dokonano na podstawie tej zgody przed jej wycofaniem.</span>
															</span>
                                        </label>
                                    </div>
                                    <div class="form__checkbox">
                                        <label class="checkbox" for="f-accept">
                                            <input type="checkbox" name="rodo" id="f-accept" class="checkbox__input js-checkbox">
                                            <span class="checkbox__text">
																<span class="checkbox__label">Akceptuje <a href="{{ Page::urlByController('Terms') }}" target="_blank">regulamin</a></span>
															</span>
                                        </label>
                                    </div>
                                </div>
                            </div>

                            @messages

                            <div class="form__actions flex flex--center-x">
                                <button class="btn-flip" data-back="Wyślij" data-front="Wyślij"></button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

{{--
@push('scripts')
    <script src="//maps.googleapis.com/maps/api/js?key={!! env('GOOGLE_MAPS_KEY') !!}"></script>
@endpush
--}}