@extends('index')

@section('main')
    <main id="main" class="subpage bgWhite">
        <div id="slogan">
            <div class="women">
                <div class="container">
                    <p class="text">
                        <strong>Detektor tętna płodu</strong> <b>Posłuchaj bicia serca <span>swojego dziecka</span></b> </p>
                </div>
            </div>
        </div>
        <article>
            <header id="heading">
                <div class="container">
                    <h1>{!! $page->name !!}</h1>
                </div>
            </header>
            <div class="content" id="contact">
                <div class="container">
                    <div class="row">
                        <div class="col5">
                            <h2>{!! nl2br($page->extra_i18n->header ?? '') !!}</h2>
                            {!! $page->extra_i18n->left->text ?? '' !!}
                            <div class="row list">
                                <div class="col5">
                                    <strong>Lokalizacja</strong>
                                </div>
                                <div class="col7">
                                    <p>{!! nl2br($page->extra_i18n->data->address ?? '') !!}</p>
                                    <p>{!! nl2br($page->extra_i18n->data->nip ?? '') !!}</p>
                                </div>
                            </div>
                            @if(!empty($page->extra_i18n->data->email))
                                <div class="row list">
                                    <div class="col5">
                                        <strong>{!! nl2br($page->extra_i18n->data->email_header ?? '') !!}</strong>
                                    </div>
                                    <div class="col7">
                                        <p><a href="mailto:{{ $page->extra_i18n->data->email }}">{{ $page->extra_i18n->data->email }}</a></p>
                                    </div>
                                </div>
                            @endif
                        </div>
                        <div class="col4 colOffset2">
                            <h3>Formularz kontaktowy</h3>
                            @messages
                            <form action="{{ route('contact.post') }}" method="post" class="validate js-validate--ajax">
                                @csrf
                                @captcha('contact')
                                <ul class="form cc">
                                    <li>
                                        <input name="name" type="text" placeholder="Imię i nazwisko" required>
                                    </li>
                                    <li>
                                        <input name="email" type="text" placeholder="E-mail" class="email" required>
                                    </li>
                                    <li>
                                        <input name="phone" type="text" placeholder="Telefon" required>
                                    </li>
                                    <li>
                                        <textarea name="message" rows="5" placeholder="Treść wiadomości" required></textarea>
                                    </li>
                                    <li>
                                        <div class="form__group">
                                            <div class="form__field">
                                                <div class="form__checkbox">
                                                    <div class="checkbox">
                                                        <input type="checkbox" name="terms" id="f-accept-rules" value="1" class="required">
                                                        <div class="checkbox__text">
                                                            <label for="f-accept-rules" class="checkbox__label">Zapoznałam/em się z informacją o <a class="js-tooltip" data-tooltip-content=".rodoTooltipTemplateContent">administratorze i przetwarzaniu danych</a></label>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </li>
                                    <li class="submit">
                                        <button type="submit" class="btn outline">Wyślij</button>
                                    </li>
                                </ul>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </article>
        <div class="rodoTooltipTemplate">
            <div class="rodoTooltipTemplateContent">
                {!! nl2br($page->extra_i18n->form->rodo ?? '') !!}
            </div>
        </div>
    </main>
@endsection