<?php

declare(strict_types=1);

require __DIR__ . '/includes/bootstrap.php';

$pageTitle = config('site_title');
$currentPage = 'home';
$period = booking_period();
$rooms = active_rooms();
$flashes = get_flashes();
$old = $_SESSION['_old'] ?? [];
unset($_SESSION['_old']);

$roomsForJs = [];
foreach ($rooms as $key => $room) {
    $roomsForJs[$key] = [
        'label'           => $room['label'],
        'breakfasts'      => (int) $room['breakfasts'],
        'price_per_night' => (float) $room['price_per_night'],
    ];
}

require __DIR__ . '/includes/header.php';
?>

<section class="hero">
    <img src="<?= e(asset('img/banner.webp')) ?>" alt="Belgian Week of Pathology" class="hero-banner d-none d-md-block">
    <div class="container-xl hero-content text-center">
        <h1>Hotel reservation for<br><strong>Belgian Week</strong> of <strong>Pathology 2027</strong></h1>
        <p class="date-line mb-1">12 – 17 January 2027</p>
        <p class="venue-line mb-3"><?= e(config('hotel.name')) ?></p>
        <p class="col-lg-8 mx-auto text-muted mb-4">
            A preferential rate has been negotiated with the hotel for participants of the BWP 2027 Congress.
            Please complete the form below to request your room for the congress dates.
        </p>
        <a href="#booking" class="btn btn-bwp-red btn-lg rounded-pill px-4">
            <i class="bi bi-calendar-check me-2"></i>Book your room
        </a>
    </div>
</section>

<?php foreach ($flashes as $flash): ?>
<div class="container-xl mt-4">
    <div class="alert alert-<?= e($flash['type'] === 'error' ? 'danger' : $flash['type']) ?> alert-dismissible fade show" role="alert">
        <?= e($flash['message']) ?>
        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
    </div>
</div>
<?php endforeach; ?>

<section id="rooms" class="py-5">
    <div class="container-xl">
        <div class="text-center mb-4">
            <h2 class="section-title">Available rooms</h2>
            <p class="text-muted col-lg-7 mx-auto">
                Two room types are available. The double room includes breakfast for two guests.
            </p>
        </div>
        <div class="row g-4 justify-content-center">
            <?php
            $images = ['single' => 'tangla01.jpg', 'double' => 'tangla02.jpg'];
            foreach ($rooms as $key => $room):
                $img = $images[$key] ?? 'tangla01.jpg';
            ?>
            <div class="col-md-6 col-lg-5">
                <article class="room-card">
                    <img src="<?= e(asset('img/' . $img)) ?>" alt="<?= e($room['label']) ?>">
                    <div class="p-4">
                        <div class="d-flex justify-content-between align-items-start mb-2">
                            <h3 class="h5 mb-0 fw-bold"><?= e($room['label']) ?></h3>
                            <span class="badge badge-breakfast rounded-pill">
                                <?= (int) $room['breakfasts'] ?> breakfast<?= (int) $room['breakfasts'] > 1 ? 's' : '' ?>
                            </span>
                        </div>
                        <p class="text-muted small mb-3"><?= e($room['description']) ?></p>
                        <p class="room-price mb-3">
                            <?= e(format_price((float) $room['price_per_night'], $room['currency'] ?? 'EUR')) ?>
                            <?php if ((float) $room['price_per_night'] > 0): ?>
                                <small>/ night</small>
                            <?php endif; ?>
                        </p>
                        <a href="#booking" class="btn btn-bwp-blue rounded-pill w-100"
                           onclick="document.querySelector('[name=room_type]').value='<?= e($key) ?>'; document.querySelector('[name=room_type]').dispatchEvent(new Event('change'));">
                            Select this room
                        </a>
                    </div>
                </article>
            </div>
            <?php endforeach; ?>
        </div>
    </div>
</section>

<section id="booking" class="section-soft py-5">
    <div class="container-xl">
        <div class="row justify-content-center">
            <div class="col-lg-9 col-xl-8">
                <div class="text-center mb-4">
                    <h2 class="section-title">Reservation request</h2>
                    <p class="text-muted mb-0">
                        Possible stay: <strong><?= e(format_date($period['check_in_from'])) ?></strong>
                        → <strong><?= e(format_date($period['check_out_until'])) ?></strong>
                    </p>
                </div>

                <?php if (empty($period['open'])): ?>
                    <div class="alert alert-warning"><?= e($period['closed_message']) ?></div>
                <?php else: ?>
                <div class="booking-panel">
                    <form id="booking-form" method="post" action="book.php" novalidate
                          data-min-in="<?= e($period['check_in_from']) ?>"
                          data-max-out="<?= e($period['check_out_until']) ?>">
                        <?= csrf_field() ?>

                        <h3 class="h6 text-uppercase fw-bold text-muted mb-3">Stay details</h3>
                        <div class="row g-3 mb-4">
                            <div class="col-md-6">
                                <label class="form-label" for="room_type">Room type *</label>
                                <select class="form-select" name="room_type" id="room_type" required>
                                    <?php foreach ($rooms as $key => $room): ?>
                                        <option value="<?= e($key) ?>" <?= ($old['room_type'] ?? 'single') === $key ? 'selected' : '' ?>>
                                            <?= e($room['label']) ?> (<?= (int) $room['breakfasts'] ?> breakfast<?= (int) $room['breakfasts'] > 1 ? 's' : '' ?>)
                                        </option>
                                    <?php endforeach; ?>
                                </select>
                            </div>
                            <div class="col-md-6">
                                <label class="form-label" for="guests">Number of guests *</label>
                                <select class="form-select" name="guests" id="guests" required>
                                    <option value="1">1 guest</option>
                                </select>
                            </div>
                            <div class="col-md-6">
                                <label class="form-label" for="check_in">Check-in *</label>
                                <input type="date" class="form-control" name="check_in" id="check_in" required
                                       value="<?= e($old['check_in'] ?? $period['check_in_from']) ?>"
                                       min="<?= e($period['check_in_from']) ?>">
                            </div>
                            <div class="col-md-6">
                                <label class="form-label" for="check_out">Check-out *</label>
                                <input type="date" class="form-control" name="check_out" id="check_out" required
                                       value="<?= e($old['check_out'] ?? '2027-01-16') ?>"
                                       max="<?= e($period['check_out_until']) ?>">
                            </div>
                        </div>

                        <div id="booking-summary" class="summary-box mb-4 d-none"></div>

                        <h3 class="h6 text-uppercase fw-bold text-muted mb-3">Guest details</h3>
                        <div class="row g-3 mb-4">
                            <div class="col-md-3">
                                <label class="form-label" for="guest_title">Title</label>
                                <select class="form-select" name="guest_title" id="guest_title">
                                    <?php foreach (['', 'Dr', 'Prof', 'Mr', 'Ms', 'Mrs'] as $t): ?>
                                        <option value="<?= e($t) ?>" <?= ($old['guest_title'] ?? '') === $t ? 'selected' : '' ?>>
                                            <?= $t === '' ? '—' : e($t) ?>
                                        </option>
                                    <?php endforeach; ?>
                                </select>
                            </div>
                            <div class="col-md-4">
                                <label class="form-label" for="guest_firstname">First name *</label>
                                <input type="text" class="form-control" name="guest_firstname" id="guest_firstname" required
                                       maxlength="100" value="<?= e($old['guest_firstname'] ?? '') ?>">
                            </div>
                            <div class="col-md-5">
                                <label class="form-label" for="guest_lastname">Last name *</label>
                                <input type="text" class="form-control" name="guest_lastname" id="guest_lastname" required
                                       maxlength="100" value="<?= e($old['guest_lastname'] ?? '') ?>">
                            </div>
                            <div class="col-md-6">
                                <label class="form-label" for="guest_email">E-mail *</label>
                                <input type="email" class="form-control" name="guest_email" id="guest_email" required
                                       maxlength="180" value="<?= e($old['guest_email'] ?? '') ?>">
                            </div>
                            <div class="col-md-6">
                                <label class="form-label" for="guest_phone">Phone</label>
                                <input type="tel" class="form-control" name="guest_phone" id="guest_phone"
                                       maxlength="50" value="<?= e($old['guest_phone'] ?? '') ?>">
                            </div>
                            <div class="col-md-6">
                                <label class="form-label" for="guest_institution">Institution / Hospital</label>
                                <input type="text" class="form-control" name="guest_institution" id="guest_institution"
                                       maxlength="200" value="<?= e($old['guest_institution'] ?? '') ?>">
                            </div>
                            <div class="col-md-6">
                                <label class="form-label" for="guest_country">Country</label>
                                <input type="text" class="form-control" name="guest_country" id="guest_country"
                                       maxlength="100" value="<?= e($old['guest_country'] ?? '') ?>">
                            </div>
                            <div class="col-12">
                                <label class="form-label" for="special_requests">Special requests</label>
                                <textarea class="form-control" name="special_requests" id="special_requests" rows="3"
                                          maxlength="1000"><?= e($old['special_requests'] ?? '') ?></textarea>
                            </div>
                        </div>

                        <div class="d-grid d-md-flex justify-content-md-end gap-2">
                            <button type="submit" class="btn btn-bwp-red btn-lg rounded-pill px-5">
                                Submit reservation request
                            </button>
                        </div>
                        <p class="small text-muted mt-3 mb-0">
                            * Required fields. Your request will be reviewed by the organising team.
                            Rates may still be subject to confirmation.
                        </p>
                    </form>
                </div>
                <?php endif; ?>
            </div>
        </div>
    </div>
</section>

<script>
window.BWP_ROOMS = <?= json_encode($roomsForJs, JSON_UNESCAPED_UNICODE) ?>;
window.BWP_PRICE_TBA = <?= json_encode(config('price_tba_label')) ?>;
</script>

<?php require __DIR__ . '/includes/footer.php'; ?>