@extends('layouts.public')

@section('content')
@php
/**
 * Marketing opt-out confirmation. Four states on one page, mirroring the storefront's other
 * single-message screens (resources/views/public/table-closed.blade.php): the standard `.qm-page-head`
 * band, then a `.qm-empty` block inside a `.qm-section`.
 *
 * @var string $state  confirm | done | already | resubscribed | invalid
 * @var string $email  the address the token belongs to ('' when the token is unknown)
 * @var string $token
 */
$state = $state ?? 'invalid';
$email = $email ?? '';
$token = $token ?? '';
$shown = '<strong>' . e($email) . '</strong>';
@endphp
<div class="qm-page-head">
    <div class="container-fluid">
        <h1 class="qm-page-title">{{ t_raw('unsubscribe.title') }}</h1>
        <nav class="breadcrumb" aria-label="{{ t_raw('common.breadcrumb_aria') }}"><a href="{{ route('home') }}">{{ t_raw('common.home') }}</a><span class="mx-2" aria-hidden="true">/</span><span class="active">{{ t_raw('unsubscribe.title') }}</span></nav>
    </div>
</div>
@php /* The page's messages belong UNDER its title band, inside the page the reader is
         looking at — not floating above it. getFlashes() consumes, so the layout's own
         call further out finds nothing and does not draw it twice. */
@endphp
<div class="container-fluid">@partial('flash')</div>


<section class="qm-section">
    <div class="container-fluid">
        <div class="qm-empty">
            @if ($state === 'confirm')
            <i class="fas fa-envelope-open-text d-block" aria-hidden="true"></i>
            <p>{!! t_raw('unsubscribe.confirm_body', [':email' => $shown]) !!}</p>
            <form method="post" action="{{ route('unsubscribe.post') }}" class="mt-3">
                @csrf
                <input type="hidden" name="token" value="{{ $token }}">
                <input type="hidden" name="action" value="unsubscribe">
                <button type="submit" class="qm-btn"><i class="fas fa-ban" aria-hidden="true"></i> {{ t_raw('unsubscribe.confirm_btn') }}</button>
                <a href="{{ route('home') }}" class="qm-btn qm-btn-outline">{{ t_raw('common.cancel') }}</a>
            </form>

            @elseif ($state === 'done' || $state === 'already')
            <i class="fas fa-check-circle d-block" aria-hidden="true"></i>
            <p>{!! t_raw('unsubscribe.done_body', [':email' => $shown]) !!}</p>
            <p>{{ t_raw('unsubscribe.done_transactional') }}</p>
            @php // The token stays valid, so the way back is on the same page rather than a support email.
@endphp
            <form method="post" action="{{ route('unsubscribe.post') }}" class="mt-3">
                @csrf
                <input type="hidden" name="token" value="{{ $token }}">
                <input type="hidden" name="action" value="resubscribe">
                <button type="submit" class="qm-btn qm-btn-outline"><i class="fas fa-undo" aria-hidden="true"></i> {{ t_raw('unsubscribe.resubscribe_btn') }}</button>
                <a href="{{ route('home') }}" class="qm-btn"><i class="fas fa-home" aria-hidden="true"></i> {{ t_raw('error.go_home') }}</a>
            </form>

            @elseif ($state === 'resubscribed')
            <i class="fas fa-check-circle d-block" aria-hidden="true"></i>
            <p>{!! t_raw('unsubscribe.resubscribed_body', [':email' => $shown]) !!}</p>
            <div class="mt-3">
                <a href="{{ route('restaurants') }}" class="qm-btn"><i class="fas fa-store" aria-hidden="true"></i> {{ t_raw('restaurant.browse') }}</a>
                <a href="{{ route('home') }}" class="qm-btn qm-btn-outline"><i class="fas fa-home" aria-hidden="true"></i> {{ t_raw('error.go_home') }}</a>
            </div>

            @else
            <i class="fas fa-unlink d-block" aria-hidden="true"></i>
            <p>{{ t_raw('unsubscribe.invalid_body') }}</p>
            <div class="mt-3">
                <a href="{{ route('contact') }}" class="qm-btn"><i class="fas fa-envelope" aria-hidden="true"></i> {{ t_raw('footer.contact') }}</a>
                <a href="{{ route('home') }}" class="qm-btn qm-btn-outline"><i class="fas fa-home" aria-hidden="true"></i> {{ t_raw('error.go_home') }}</a>
            </div>
            @endif
        </div>
    </div>
</section>
@endsection