@extends('layouts.public')

@section('content')
@php

/**
 * Contact page.
 *
 * Left column  : actionable contact details (mailto/tel), support hours,
 *                average-response note, quick links (Help / Partner) and a
 *                self-contained inline SVG locator (zero external map dependency).
 * Right column : the message form with a topic <select>, an aria-live status
 *                region and inline, field-level validation that repopulates on
 *                error. Progressive JS validation lives in assets/js/contact.js.
 *
 * @var array<string,string> $topics  Topic key => label (from ContactController)
 */
use App\Support\Session;

$topics = $topics ?? [];

/**
 * First inline error message for a field, or '' if none.
 *
 * Read from Laravel's own error bag, which the ContactRequest fills on a failed submit —
 * $errors is shared with every Blade view, so the form needs nothing stashed for it.
 */
$err = static function (string $field) use ($errors, $__env): string {
    return $errors->has($field) ? (string) $errors->first($field) : '';
};

$email   = (string) setting('contact_email');
$phone   = (string) setting('contact_phone');
$address = (string) setting('contact_address');
// Support hours: a 7-day (0=Sun..6=Sat) structured schedule, same shape and
// input UI as a restaurant's own opening hours (admin Settings -> Contact).
$dayKeys = ['sunday', 'monday', 'tuesday', 'wednesday', 'thursday', 'friday', 'saturday'];
$contactHoursRaw = json_decode((string) setting('contact_hours', ''), true);
$hoursLines = [];
if (is_array($contactHoursRaw)) {
    foreach ($dayKeys as $d => $dayKey) {
        $row = is_array($contactHoursRaw[$d] ?? null) ? $contactHoursRaw[$d] : null;
        if (!$row) {
            continue;
        }
        $dayName = t_raw('common.day_' . $dayKey);
        $hoursLines[] = !empty($row['closed'])
            ? $dayName . ': ' . t_raw('common.closed')
            : $dayName . ': ' . (string) ($row['open'] ?? '') . '–' . (string) ($row['close'] ?? '');
    }
}
$responseNote = trim((string) setting('contact_response_note', ''));

// tel: href needs digits/plus only.
$telHref = $phone !== '' ? preg_replace('/[^0-9+]/', '', $phone) : '';
@endphp
@php /* The page head is this page's "intro" section, so its switch governs it like any other — and
         so does clearing it. The check is here rather than inside the subheader partial: that
         partial is shared by every storefront page, and a blank title means something different on
         a page whose heading is not editable content. */
@endphp
@php $introTitle = trim(t_raw('contact_page.title'));
@endphp
@php $introSub = trim(t_raw('contact_page.sub', [':site' => setting('site_name', 'QuickMunch')]));
@endphp
@if (setting('contact_intro_enabled', '1') === '1' && ($introTitle !== '' || $introSub !== ''))
@partial('subheader', [
    'type'        => 'page',
    'title'       => $introTitle,
    'description' => $introSub,
    'crumbs'      => [['label' => t_raw('common.home'), 'url' => route('home')], ['label' => t_raw('footer.contact')]],
])
@endif

<section class="qm-section">
    <div class="container-fluid">
        <div class="row g-4 align-items-start">

            <!-- Left: contact details, hours, quick links, locator -->
            <div class="col-lg-4">
                @if (setting('contact_details_enabled', '1') === '1')
                <div class="qm-contact-cards">
                    @if ($email !== '')
                    <a class="qm-contact-card" href="mailto:{{ $email }}">
                        <span class="qm-contact-ico"><i class="fas fa-envelope" aria-hidden="true"></i></span>
                        <span class="qm-contact-body">
                            <span class="qm-contact-label">{{ t_raw('footer.email_us') }}</span>
                            <span class="qm-contact-value">{{ $email }}</span>
                        </span>
                    </a>
                    @endif

                    @if ($phone !== '')
                    <a class="qm-contact-card" href="tel:{{ $telHref }}">
                        <span class="qm-contact-ico"><i class="fas fa-phone-alt" aria-hidden="true"></i></span>
                        <span class="qm-contact-body">
                            <span class="qm-contact-label">{{ t_raw('footer.call_us') }}</span>
                            <span class="qm-contact-value">{{ $phone }}</span>
                        </span>
                    </a>
                    @endif

                    @if ($address !== '')
                    <div class="qm-contact-card">
                        <span class="qm-contact-ico"><i class="fas fa-map-marker-alt" aria-hidden="true"></i></span>
                        <span class="qm-contact-body">
                            @php $visitLabel = trim(t_raw('contact_page.visit_us_label'));
@endphp
                            @if ($visitLabel !== '')<span class="qm-contact-label">{{ $visitLabel }}</span>@endif
                            <span class="qm-contact-value">{{ $address }}</span>
                        </span>
                    </div>
                    @endif

                    <!-- Support hours + response time -->
                    @if ($hoursLines || $responseNote !== '')
                    <div class="qm-contact-card qm-contact-card-hours">
                        <span class="qm-contact-ico"><i class="fas fa-clock" aria-hidden="true"></i></span>
                        <span class="qm-contact-body">
                            @if ($hoursLines)
                            <span class="qm-contact-label">{{ t_raw('admin.settings.field_contact_hours') }}</span>
                            @foreach ($hoursLines as $line)
                            <span class="qm-contact-value">{{ $line }}</span>
                            @endforeach
                            @endif
                            @if ($responseNote !== '')
                            <span class="qm-contact-note">{{ $responseNote }}</span>
                            @endif
                        </span>
                    </div>
                    @endif
                </div>
                @endif

                <!-- Quick links -->
                @if (setting('contact_links_enabled', '1') === '1')
                <nav class="qm-contact-links" aria-label="{{ t_raw('contact_page.helpful_links_aria') }}">
                    <a class="qm-contact-link" href="{{ route('help') }}">
                        <span class="qm-contact-link-ico"><i class="fas fa-life-ring" aria-hidden="true"></i></span>
                        <span class="qm-contact-link-body">
                            <span class="qm-contact-link-title">{{ t_raw('footer.help') }}</span>
                            @php $helpLinkText = trim(t_raw('contact_page.help_link_text'));
@endphp
                            @if ($helpLinkText !== '')<span class="qm-contact-link-text">{{ $helpLinkText }}</span>@endif
                        </span>
                        <i class="fas fa-chevron-right qm-contact-link-arrow" aria-hidden="true"></i>
                    </a>
                    @php // No separate FAQ link: it pointed at an anchor inside the Help Centre,
                          // which is the row directly above it.
@endphp
                    @if (partner_page_open())
                    <a class="qm-contact-link" href="{{ route('partner') }}">
                        <span class="qm-contact-link-ico"><i class="fas fa-store" aria-hidden="true"></i></span>
                        <span class="qm-contact-link-body">
                            <span class="qm-contact-link-title">{{ t_raw('home.hero.s4_title_hl') }}</span>
                            @php $partnerLinkText = trim(t_raw('contact_page.partner_link_text'));
@endphp
                            @if ($partnerLinkText !== '')<span class="qm-contact-link-text">{{ $partnerLinkText }}</span>@endif
                        </span>
                        <i class="fas fa-chevron-right qm-contact-link-arrow" aria-hidden="true"></i>
                    </a>
                    @endif
                </nav>
                @endif
            </div>

            <!-- Right: message form -->
            @if (setting('contact_form_enabled', '1') === '1')
            <div class="col-lg-8">
                <div class="qm-card">
                    @php // Heading and intro render only when written; the form itself always does,
                          // because the form is the section's function rather than its wording.
@endphp
                    @php $formTitle = trim(t_raw('contact_page.form_title'));
@endphp
                    @php $formIntro = trim(t_raw('contact_page.form_intro', [':mark' => '<span class="qm-req-mark" aria-hidden="true">*</span>']));
@endphp
                    @if ($formTitle !== '')<h2>{{ $formTitle }}</h2>@endif
                    @if ($formIntro !== '')<p class="qm-form-intro">{!! $formIntro !!}</p>@endif

                    <!-- Client-side validation status region (server flash is rendered globally in the layout) -->
                    <div class="qm-form-status" role="status" aria-live="polite" data-form-status hidden></div>

                    <form method="post" action="{{ route('contact') }}" class="qm-contact-form" novalidate data-contact-form>
                        @csrf
                        <div class="qm-form-grid">
                            <div class="mb-3">
                                <label class="form-label" for="c-name">{{ t_raw('contact_page.name_label') }} <span class="qm-req-mark" aria-hidden="true">*</span></label>
                                <input type="text" id="c-name" name="name" placeholder="{{ t_raw('vendor.settings.contact_name_placeholder') }}" class="form-control{!! $err('name') ? ' is-invalid' : '' !!}" value="{{ old('name') }}" required maxlength="120" autocomplete="name"
                                       {!! $err('name') ? 'aria-invalid="true" aria-describedby="c-name-err"' : '' !!}>
                                <p class="qm-field-error" id="c-name-err"{!! $err('name') ? '' : ' hidden' !!}>{!! $err('name') !!}</p>
                            </div>
                            <div class="mb-3">
                                <label class="form-label" for="c-email">{{ t_raw('common.email') }} <span class="qm-req-mark" aria-hidden="true">*</span></label>
                                <input type="email" id="c-email" name="email" class="form-control{!! $err('email') ? ' is-invalid' : '' !!}" value="{{ old('email') }}" required maxlength="190" autocomplete="email"
                                       {!! $err('email') ? 'aria-invalid="true" aria-describedby="c-email-err"' : '' !!} placeholder="{{ t_raw('auth.email_placeholder') }}">
                                <p class="qm-field-error" id="c-email-err"{!! $err('email') ? '' : ' hidden' !!}>{!! $err('email') !!}</p>
                            </div>
                        </div>

                        <div class="qm-form-grid">
                            <div class="mb-3">
                                <label class="form-label" for="c-topic">{{ t_raw('contact_page.topic_label') }}</label>
                                <select id="c-topic" name="topic" class="form-select">
                                    @php $selectedTopic = (string) Session::old('topic', 'general');
@endphp
                                    @php // The labels arrive already translated (ContactController maps the
                                          // canonical list through t()), and t returns escaped text — so they
                                          // are printed, not escaped again. The second pass turned the shipped
                                          // "Press & media" into a literal "Press &amp; media" in the list.
                                          // Same handling the checkout gives its payment-method labels.
@endphp
                                    @foreach ($topics as $key => $label)
                                    <option value="{{ $key }}"{{ $key === $selectedTopic ? ' selected' : '' }}>{{ $label }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="mb-3">
                                <label class="form-label" for="c-subject">{{ t_raw('contact_page.subject_label') }}</label>
                                <input type="text" id="c-subject" name="subject" class="form-control" value="{{ old('subject') }}" maxlength="160" placeholder="{{ t_raw('common.placeholder_subject') }}">
                            </div>
                        </div>

                        <div class="mb-3">
                            <label class="form-label" for="c-message">{{ t_raw('contact_page.message_label') }} <span class="qm-req-mark" aria-hidden="true">*</span></label>
                            <textarea id="c-message" name="message" class="form-control{!! $err('message') ? ' is-invalid' : '' !!}" rows="6" required minlength="10" maxlength="4000"
                                      {!! $err('message') ? 'aria-invalid="true" aria-describedby="c-message-err"' : '' !!} placeholder="{{ t_raw('checkout.notes_placeholder') }}">{{ old('message') }}</textarea>
                            <p class="qm-field-error" id="c-message-err"{!! $err('message') ? '' : ' hidden' !!}>{!! $err('message') !!}</p>
                        </div>

                        {!! \App\Services\Recaptcha::widget('contact') !!}
                        <div class="d-flex justify-content-end"><button type="submit" class="qm-btn"><i class="fas fa-paper-plane" aria-hidden="true"></i> {{ t_raw('contact_page.send_btn') }}</button></div>
                    </form>
                </div>

                <!-- Location map — the site's real map engine (Leaflet). Rendered only when a
                     Contact location is set in Admin → Settings; street tiles load only when
                     Maps are enabled, otherwise a local grid draws (zero external requests). -->
                @php $cLat = (string) setting('contact_lat', ''); $cLng = (string) setting('contact_lng', '');
@endphp
                @if ($cLat !== '' && $cLng !== '')
                <div class="qm-map qm-contact-map mt-4" data-qm-map data-lat="{{ $cLat }}" data-lng="{{ $cLng }}" data-zoom="{{ (string) setting('contact_zoom', '16') }}" data-glyph="fa-map-marker-alt" role="application" aria-label="{{ t_raw('contact_page.map_aria') }}"></div>
                @endif
            </div>
            @endif

        </div>
    </div>
</section>
@endsection