@extends('site.templates.voyage.layout')

@section('content')
    <section class="v-page-head">
        <div class="v-container">
            <h1 class="v-page-head__title">{{ $page['title'] ?? 'İletişim' }}</h1>
            <p class="v-page-head__subtitle">Sorularınız için bize yazın; en kısa sürede dönüş yapalım.</p>
        </div>
    </section>

    <section class="v-section">
        <div class="v-container v-contact">
            <div class="v-contact__info">
                <div class="v-contact-card">
                    <h3>İletişim Bilgileri</h3>
                    <ul>
                        @if($agency->contact_phone)
                            <li>
                                <span class="v-contact-card__icon"><x-voyage.icon name="phone" /></span>
                                <div>
                                    <small>Telefon</small>
                                    <a href="tel:{{ preg_replace('/\s+/', '', $agency->contact_phone) }}">{{ $agency->contact_phone }}</a>
                                </div>
                            </li>
                        @endif
                        @if($agency->contact_email)
                            <li>
                                <span class="v-contact-card__icon"><x-voyage.icon name="mail" /></span>
                                <div>
                                    <small>E-posta</small>
                                    <a href="mailto:{{ $agency->contact_email }}">{{ $agency->contact_email }}</a>
                                </div>
                            </li>
                        @endif
                        @if($agency->contact_address)
                            <li>
                                <span class="v-contact-card__icon"><x-voyage.icon name="pin" /></span>
                                <div>
                                    <small>Adres</small>
                                    <span>{{ $agency->contact_address }}</span>
                                </div>
                            </li>
                        @endif
                        @if($agency->tursab_number)
                            <li>
                                <span class="v-contact-card__icon"><x-voyage.icon name="shield" /></span>
                                <div>
                                    <small>TÜRSAB Belge No</small>
                                    <span>{{ $agency->tursab_number }}</span>
                                </div>
                            </li>
                        @endif
                    </ul>
                </div>

                @php $mapEmbed = $snapshot->footer()['map_embed'] ?? null; @endphp
                @if($mapEmbed)
                    <div class="v-contact__map">{!! $mapEmbed !!}</div>
                @endif
            </div>

            <div class="v-contact__form">
                <div class="v-form-card">
                    <h3>Bize Yazın</h3>
                    <form action="{{ $preview ? '#' : route('customer.agency.forms.submit', ['agency' => $agency->slug, 'formKey' => 'contact']) }}"
                          method="POST" @if($preview) onsubmit="return false" @endif>
                        @csrf
                        <input type="text" name="website" class="v-hp" tabindex="-1" autocomplete="off" aria-hidden="true">
                        <div class="v-form-row">
                            <label class="v-field">
                                <span>Adınız Soyadınız *</span>
                                <input type="text" name="name" value="{{ old('name') }}" required maxlength="120">
                            </label>
                            <label class="v-field">
                                <span>Telefon *</span>
                                <input type="tel" name="phone" value="{{ old('phone') }}" required maxlength="30">
                            </label>
                        </div>
                        <div class="v-form-row">
                            <label class="v-field">
                                <span>E-posta</span>
                                <input type="email" name="email" value="{{ old('email') }}" maxlength="190">
                            </label>
                            <label class="v-field">
                                <span>Konu</span>
                                <input type="text" name="subject" value="{{ old('subject') }}" maxlength="190">
                            </label>
                        </div>
                        <label class="v-field">
                            <span>Mesajınız *</span>
                            <textarea name="message" rows="5" required maxlength="3000">{{ old('message') }}</textarea>
                        </label>
                        @if($errors->any())
                            <div class="v-form-errors">
                                @foreach($errors->all() as $error)<p>{{ $error }}</p>@endforeach
                            </div>
                        @endif
                        <button type="submit" class="v-btn v-btn--cta v-btn--block">
                            Mesajı Gönder <x-voyage.icon name="arrow-right" />
                        </button>
                    </form>
                </div>
            </div>
        </div>
    </section>

    @foreach($sections as $section)
        @if($editorMode ?? false)
            <div class="v-editable" data-v-section="{{ $section['id'] }}" id="v-section-{{ $section['id'] }}">
                @includeIf('site.templates.voyage.sections.' . $section['section_type'], ['section' => $section])
            </div>
        @else
            @includeIf('site.templates.voyage.sections.' . $section['section_type'], ['section' => $section])
        @endif
    @endforeach
@endsection