@extends('layouts.public')

@section('i18n_page', 'booking_offer')
@section('title', 'Бронирование со скидкой — Hotel Pineta')
@section('meta_description', 'Простая регистрация для бронирования номера со скидкой до 25% в Hotel Pineta.')

@section('content')
<section class="section booking-offer-section">
    <div class="container">
        <article class="booking-offer-card">
            <div class="booking-offer-brand">
                <img src="{{ asset('images/home_page/emblem.jpg') }}" alt="Hotel Pineta emblem">
                <div>
                    <span class="eyebrow">Hotel Pineta</span>
                    <h1 data-offer-i18n="title">Забронировать номер со скидкой до 25%</h1>
                </div>
            </div>

            @if(session('error'))
                <div class="booking-offer-alert">{{ session('error') }}</div>
            @endif

            <p class="booking-offer-lead" data-offer-i18n="lead">Для бронирования номера и получения скидки до 25% пройдите простую регистрацию.</p>
            <p class="booking-offer-text" data-offer-i18n="text">После регистрации вы сможете выбрать номер, оформить предварительное бронирование, загрузить квитанцию о предоплате и отслеживать статус брони в личном кабинете.</p>

            <div class="booking-offer-discount-note">
                <strong data-offer-i18n="discountWhyTitle">Откуда берётся скидка?</strong>
                <p data-offer-i18n="discountWhyText">При бронировании на этом сайте вы бронируете напрямую в Hotel Pineta. Нам не нужно платить комиссию другим сайтам, поэтому прямая цена может быть до 25% ниже. На других сайтах такая же бронь может стоить до 25% больше.</p>
            </div>

            <div class="booking-offer-steps">
                <div><strong>1</strong><span data-offer-i18n="step1">Регистрация</span></div>
                <div><strong>2</strong><span data-offer-i18n="step2">Бронирование со скидкой</span></div>
                <div><strong>3</strong><span data-offer-i18n="step3">Квитанция и статус в кабинете</span></div>
            </div>

            <div class="booking-offer-actions">
                <a class="btn btn-primary" href="{{ route('guest.register') }}" data-offer-i18n="registerBtn">Зарегистрироваться и получить скидку</a>
                <a class="btn btn-secondary" href="{{ route('guest.login') }}" data-offer-i18n="loginBtn">У меня уже есть кабинет</a>
                <a class="btn btn-secondary" href="{{ route('public.rooms') }}" data-offer-i18n="roomsBtn">Сначала посмотреть номера</a>
            </div>
        </article>
    </div>
</section>
<script>
(function(){
    const key='hotel-pineta-lang';
    const supported=['it','en','ru','uk','fr','de'];
    const dict={
        it:{title:'Prenotare una camera con sconto fino al 25%',lead:'Per prenotare una camera e ottenere uno sconto fino al 25%, fate una semplice registrazione.',text:'Dopo la registrazione potrete scegliere la camera, creare una prenotazione preliminare, caricare la ricevuta dell’acconto e seguire lo stato della prenotazione nel vostro account.',discountWhyTitle:'Da dove viene lo sconto?',discountWhyText:'Prenotando su questo sito prenotate direttamente con Hotel Pineta. Non dobbiamo pagare commissioni ad altri siti, quindi il prezzo diretto può essere fino al 25% più basso. Su altri siti la stessa prenotazione può costare fino al 25% in più.',step1:'Registrazione',step2:'Prenotazione con sconto',step3:'Ricevuta e stato nell’account',registerBtn:'Registrarsi e ottenere lo sconto',loginBtn:'Ho già un account',roomsBtn:'Prima vedere le camere'},
        en:{title:'Book a room with up to 25% discount',lead:'To book a room and get up to 25% discount, please complete a simple registration.',text:'After registration you can choose a room, create a preliminary booking, upload the prepayment receipt and follow the booking status in your guest cabinet.',discountWhyTitle:'Where does the discount come from?',discountWhyText:'When you book on this website, you book directly with Hotel Pineta. We do not need to pay commission to other websites, so the direct price can be up to 25% lower. On other websites the same booking may cost up to 25% more.',step1:'Registration',step2:'Booking with discount',step3:'Receipt and status in cabinet',registerBtn:'Register and get the discount',loginBtn:'I already have a cabinet',roomsBtn:'View rooms first'},
        ru:{title:'Забронировать номер со скидкой до 25%',lead:'Для бронирования номера и получения скидки до 25% пройдите простую регистрацию.',text:'После регистрации вы сможете выбрать номер, оформить предварительное бронирование, загрузить квитанцию о предоплате и отслеживать статус брони в личном кабинете.',discountWhyTitle:'Откуда берётся скидка?',discountWhyText:'При бронировании на этом сайте вы бронируете напрямую в Hotel Pineta. Нам не нужно платить комиссию другим сайтам, поэтому прямая цена может быть до 25% ниже. На других сайтах такая же бронь может стоить до 25% больше.',step1:'Регистрация',step2:'Бронирование со скидкой',step3:'Квитанция и статус в кабинете',registerBtn:'Зарегистрироваться и получить скидку',loginBtn:'У меня уже есть кабинет',roomsBtn:'Сначала посмотреть номера'},
        uk:{title:'Забронювати номер зі знижкою до 25%',lead:'Щоб забронювати номер і отримати знижку до 25%, пройдіть просту реєстрацію.',text:'Після реєстрації ви зможете вибрати номер, оформити попереднє бронювання, завантажити квитанцію про передоплату та відстежувати статус бронювання в особистому кабінеті.',discountWhyTitle:'Звідки береться знижка?',discountWhyText:'Під час бронювання на цьому сайті ви бронюєте напряму в Hotel Pineta. Нам не потрібно платити комісію іншим сайтам, тому пряма ціна може бути до 25% нижчою. На інших сайтах таке саме бронювання може коштувати до 25% дорожче.',step1:'Реєстрація',step2:'Бронювання зі знижкою',step3:'Квитанція та статус у кабінеті',registerBtn:'Зареєструватися та отримати знижку',loginBtn:'У мене вже є кабінет',roomsBtn:'Спочатку переглянути номери'},
        fr:{title:'Réserver une chambre avec remise jusqu’à 25 %',lead:'Pour réserver une chambre et obtenir une remise jusqu’à 25 %, effectuez une inscription simple.',text:'Après l’inscription, vous pourrez choisir une chambre, créer une réservation préliminaire, télécharger le reçu de l’acompte et suivre le statut de la réservation dans votre espace client.',discountWhyTitle:'D’où vient la remise ?',discountWhyText:'En réservant sur ce site, vous réservez directement auprès de Hotel Pineta. Nous n’avons pas à payer de commission à d’autres sites, le prix direct peut donc être jusqu’à 25 % plus bas. Sur d’autres sites, la même réservation peut coûter jusqu’à 25 % de plus.',step1:'Inscription',step2:'Réservation avec remise',step3:'Reçu et statut dans l’espace client',registerBtn:'S’inscrire et obtenir la remise',loginBtn:'J’ai déjà un espace client',roomsBtn:'Voir d’abord les chambres'},
        de:{title:'Zimmer mit bis zu 25 % Rabatt buchen',lead:'Um ein Zimmer zu buchen und bis zu 25 % Rabatt zu erhalten, machen Sie bitte eine einfache Registrierung.',text:'Nach der Registrierung können Sie ein Zimmer auswählen, eine vorläufige Buchung erstellen, den Anzahlungsbeleg hochladen und den Status der Buchung im Gästebereich verfolgen.',discountWhyTitle:'Woher kommt der Rabatt?',discountWhyText:'Wenn Sie auf dieser Website buchen, buchen Sie direkt bei Hotel Pineta. Wir müssen keine Provision an andere Websites zahlen, daher kann der Direktpreis bis zu 25 % niedriger sein. Auf anderen Websites kann dieselbe Buchung bis zu 25 % mehr kosten.',step1:'Registrierung',step2:'Buchung mit Rabatt',step3:'Beleg und Status im Konto',registerBtn:'Registrieren und Rabatt erhalten',loginBtn:'Ich habe bereits ein Konto',roomsBtn:'Zuerst Zimmer ansehen'}
    };
    function norm(v){v=String(v||'it').toLowerCase().split('-')[0]; return supported.includes(v)?v:'it';}
    const lang=norm(localStorage.getItem(key)||document.documentElement.lang||'it');
    const t=dict[lang]||dict.it;
    document.querySelectorAll('[data-offer-i18n]').forEach(el=>{ const val=t[el.dataset.offerI18n]; if(val) el.textContent=val; });
    if (t.title) document.title=t.title+' — Hotel Pineta';
})();
</script>
@endsection