

<?php $__env->startSection('title', $hotel->name . ' — ' . ($hotel->public_site_tagline ?: 'Stay')); ?>

<?php $__env->startPush('head'); ?>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,400;0,500;0,600;0,700;1,500&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
    <?php echo $__env->make('public-booking.partials.theme-variables', ['hotel' => $hotel], array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?>
    <style>
        * { box-sizing: border-box; }
        body { margin: 0; font-family: 'Plus Jakarta Sans', system-ui, sans-serif; color: #1a1a1a; background: #0a0a0a; }
        /* —— Full-viewport background media; dark copy column overlaid on the left —— */
        .m-hero {
            position: relative;
            min-height: 100dvh;
            min-height: 100svh;
            display: flex;
            align-items: stretch;
            width: 100%;
            background: #0a0a0a;
        }
        .m-hero__media {
            position: absolute;
            inset: 0;
            z-index: 0;
            overflow: hidden;
        }
        .m-hero__media .ph-hero--v2 {
            position: absolute !important;
            inset: 0 !important;
            width: 100% !important;
            height: 100% !important;
            min-height: 100% !important;
        }
        .m-hero__media .ph-hero--v2 .ph-dim {
            background: linear-gradient(105deg, rgba(10, 10, 10, 0.75) 0%, rgba(10, 10, 10, 0.2) 38%, rgba(0,0,0,0.05) 100%) !important;
        }
        .m-left {
            --m-px: clamp(1.75rem, 5vw, 3.25rem);
            position: relative; z-index: 2; display: flex; flex-direction: column; justify-content: center;
            flex: 0 0 auto;
            width: min(44vw, 30rem);
            max-width: 100%;
            min-height: 100dvh;
            min-height: 100svh;
            padding: clamp(2.25rem, 5vh, 3.5rem) var(--m-px) clamp(2rem, 4vh, 3rem);
            background: #161616;
            color: #fff;
        }
        @media (max-width: 900px) {
            .m-left { width: 100%; min-height: 100dvh; }
        }
        .m-left::before {
            content: ""; position: absolute; inset: 0; pointer-events: none; opacity: 0.4;
            background: radial-gradient(120% 80% at 0% 100%, rgba(255, 204, 0, 0.06) 0%, transparent 50%);
        }
        .m-left__brand {
            position: relative; z-index: 1; margin-bottom: 1.75rem;
        }
        .m-left__brand .pb-site-logo { max-width: min(18rem, 100%); }
        .m-left__body { position: relative; z-index: 1; }
        .m-accentbar {
            width: 48px; height: 3px; background: var(--site-accent, #ffcc00); border-radius: 1px; margin: 0 0 1.5rem;
            box-shadow: 0 0 20px rgba(255, 204, 0, 0.25);
        }
        .m-line1 {
            font-size: clamp(0.8rem, 1.1vw, 0.9rem); font-weight: 600; letter-spacing: 0.28em; text-transform: uppercase;
            margin: 0 0 0.65rem; color: rgba(255, 255, 255, 0.95); line-height: 1.3;
        }
        .m-line2 {
            font-size: clamp(1.5rem, 2.8vw, 2.35rem); font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase;
            margin: 0 0 1.35rem; line-height: 1.12;
            color: var(--site-accent, #ffcc00);
        }
        .m-lead {
            color: rgba(255, 255, 255, 0.82); font-size: 0.95rem; line-height: 1.75; max-width: 32rem; margin: 0; font-weight: 400;
        }
        /* Compact “Learn more” + yellow bar to panel edge */
        .m-cta-extend {
            position: relative; z-index: 1;
            display: flex; align-items: center; width: calc(100% + var(--m-px));
            margin: 1.75rem calc(-1 * var(--m-px)) 0 0;
            min-height: 2.1rem; height: 2.1rem;
        }
        .m-cta-extend a.m-cta {
            display: inline-flex; align-items: center; justify-content: center;
            padding: 0 0.9rem; flex-shrink: 0; height: 100%;
            background: var(--site-accent, #ffcc00); color: #0a0a0a !important; text-decoration: none;
            font-size: 0.52rem; font-weight: 800; letter-spacing: 0.14em; text-transform: uppercase;
            border: none; cursor: pointer; transition: filter 0.2s;
        }
        .m-cta-extend a.m-cta:hover { filter: brightness(1.06); }
        .m-cta-extend a.m-cta:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
        .m-cta-extend__bar {
            flex: 1; min-width: 1.25rem; height: 100%; align-self: stretch;
            background: var(--site-accent, #ffcc00);
            opacity: 0.92;
        }
        @media (max-width: 900px) {
            .m-cta-extend { width: 100%; margin-right: 0; }
        }
        .m-hero-wrap { background: #0a0a0a; padding: 0; }
        .m-float-wrap { position: relative; z-index: 20; margin-top: -2.1rem; padding: 0 1rem 0; }
        .m-float {
            max-width: 1100px; margin: 0 auto; background: #fff; border-radius: 999px;
            padding: 0.55rem 0.65rem 0.55rem 1.1rem;
            box-shadow: 0 20px 50px rgba(0,0,0, 0.14), 0 4px 12px rgba(0,0,0,0.06);
        }
        .pb-bookform--mod { background: transparent !important; margin: 0; padding: 0 !important; border: none !important; }
        .pb-bookform--mod .pb-bf-grid {
            display: grid; grid-template-columns: 1.1fr 1fr 1fr 1.1fr; gap: 0; align-items: end;
        }
        .pb-bookform--mod .pb-bf-item { padding: 0.2rem 0.65rem; border-left: 1px solid #e5e7eb; }
        .pb-bookform--mod .pb-bf-item:first-of-type { border-left: 0; padding-left: 0.25rem; }
        .pb-bookform--mod .pb-bf-action { padding-left: 0.75rem; }
        @media (max-width: 800px) {
            .m-float { border-radius: 1rem; padding: 0.75rem; }
            .pb-bookform--mod .pb-bf-grid { grid-template-columns: 1fr; }
            .pb-bookform--mod .pb-bf-item { border-left: 0; border-top: 1px solid #e5e7eb; padding-top: 0.65rem; }
            .pb-bookform--mod .pb-bf-item:first-of-type { border-top: 0; }
        }
        .pb-bookform--mod .pb-bf-lbl { font-size: 0.52rem; color: #64748b; text-transform: uppercase; letter-spacing: 0.12em; font-weight: 600; }
        .pb-bookform--mod .pb-bf-item input { color: #0f172a; border: none; background: transparent; font-weight: 600; font-size: 0.88rem; width: 100%; }
        .pb-bookform--mod .pb-bf-btn {
            min-height: 2.65rem; padding: 0 1.25rem; border-radius: 999px; font-weight: 800; letter-spacing: 0.12em; text-transform: uppercase;
            background: var(--site-accent, #ffcc00) !important; color: #0a0a0a !important; width: 100%; border: none;
        }
        .m-sec { padding: 3.5rem 1.25rem 3.5rem; background: #f8fafc; scroll-margin-top: 1.5rem; }
        .m-sec__head { text-align: center; }
        .m-sec__kicker { font-size: 0.65rem; text-transform: uppercase; letter-spacing: 0.22em; color: #94a3b8; margin: 0; font-weight: 600; }
        .m-sec__h { font-size: 1.5rem; font-weight: 700; color: #0f172a; margin: 0.35rem 0 0; letter-spacing: -0.02em; }
        .m-grid { max-width: 1000px; margin: 1.25rem auto 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(260px,1fr)); gap: 1rem; }
        .pb-rm-card { background: #fff; border: 1px solid #e2e8f0; border-radius: 10px; padding: 1.15rem; }
        .pb-rm-title { font-size: 1.05rem; font-weight: 700; margin: 0; color: #0f172a; }
        .pb-rm-meta, .pb-rm-desc { color: #64748b; font-size: 0.8rem; margin: 0.35rem 0; }
        .m-site-footer { text-align: center; padding: 1.75rem; color: #64748b; font-size: 0.82rem; border-top: 1px solid #e2e8f0; }
        .m-site-footer a { color: #0f172a; text-decoration: none; margin: 0 0.5rem; }
        .m-site-footer__addr { margin: 0.6rem auto 0; max-width: 28rem; }
        .m-site-footer__extra { margin: 0.5rem 0 0; color: #94a3b8; }
    </style>
<?php $__env->stopPush(); ?>

<?php $__env->startSection('content'); ?>
    <div class="m-hero-wrap">
        <div class="m-hero">
            <div class="m-hero__media">
                <?php echo $__env->make('public-booking.partials.hero-backdrop', ['variant' => '2'], array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?>
            </div>
            <div class="m-left">
                <div class="m-left__brand">
                    <?php echo $__env->make('public-booking.partials.site-logo', ['logoVariant' => 'on-dark', 'logoSize' => 'md'], array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?>
                </div>
                <div class="m-left__body">
                    <div class="m-accentbar" aria-hidden="true"></div>
                    <p class="m-line1"><?php echo e($hotel->public_site_hero_eyebrow ?: \Illuminate\Support\Str::upper($hotel->name)); ?></p>
                    <p class="m-line2"><?php echo e($hotel->public_site_tagline ?: 'For your comfort'); ?></p>
                    <p class="m-lead"><?php if(filled($hotel->public_site_intro)): ?><?php echo nl2br(e($hotel->public_site_intro)); ?><?php else: ?>
                        Welcome to <?php echo e($hotel->name); ?> — refined comfort in <?php echo e($hotel->city ?? 'a destination you will love'); ?>, with warm hospitality and spaces designed to help you rest.
                    <?php endif; ?></p>
                </div>
            </div>
        </div>
    </div>
    <div class="m-float-wrap">
        <div class="m-float">
            <?php echo $__env->make('public-booking.partials.booking-form', [
                'bfFormClass' => 'pb-bookform--mod',
                'bfLabels' => [
                    'in' => 'Check in',
                    'out' => 'Check out',
                    'guests' => 'Guests',
                    'button' => 'Book now',
                ],
            ], array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?>
        </div>
    </div>
    <section class="m-sec" id="r">
        <div class="m-sec__head">
            <p class="m-sec__kicker">Stay with us</p>
            <h2 class="m-sec__h"><?php echo e($hotel->guestPageText($hotel->getPublicSiteSetting('rooms_section_title', 'Rooms & rates'))); ?></h2>
        </div>
        <div class="m-grid">
            <?php if(($bookableRooms ?? collect())->count() > 0 || $roomTypes->count()): ?> <?php echo $__env->make('public-booking.partials.room-list', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?> <?php else: ?>
                <p style="text-align:center; color:#64748b; grid-column:1/-1;">We’re finalizing rates — <a href="tel:<?php echo e(preg_replace('/\s+/', '', $hotel->phone)); ?>">phone us to book</a>.</p>
            <?php endif; ?>
        </div>
    </section>
    <footer class="m-site-footer">
        <?php echo $__env->make('public-booking.partials.guest-site-footer-block', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?>
    </footer>
<?php $__env->stopSection(); ?>

<?php echo $__env->make('public-booking.layouts.shell', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?><?php /**PATH C:\Users\Admin\DELUX-SYSTEM\resources\views/public-booking/templates/modern.blade.php ENDPATH**/ ?>