@extends('layouts.public')

@section('i18n_page', 'contacts')
@section('title', 'Контакты | Hotel Pineta')
@section('meta_description', 'Контакты и расположение Hotel Pineta в Лайгуэлье.')

@section('content')
<section class="hero hero-small">
    <div class="container hero-grid">
        <div class="hero-copy">
            <span class="eyebrow" data-i18n="heroEyebrow">Контакты</span>
            <h1 data-i18n="heroTitle">Как добраться до Hotel Pineta</h1>
            <p class="lead" data-i18n="heroLead">Мы находимся по адресу via Monaco 22, Laigueglia. Отсюда удобно дойти до пляжа, центра, станции и автобусной остановки.</p>
            <div class="hero-actions">
                <a class="btn btn-primary" href="https://wa.me/qr/SZCZ5SOT5SNAD1" target="_blank" rel="noopener noreferrer" data-i18n="heroWhatsapp">Написать на WhatsApp</a>
                <a class="btn btn-secondary" href="{{ route('guest.register') }}" data-i18n="heroDiscount">Получить скидку</a>
            </div>
        </div>
        <div class="hero-media">
            <img class="hero-photo" src="{{ asset('images/home_page/Pineta.jpg') }}" alt="Hotel Pineta">
        </div>
    </div>
</section>

<section class="section">
    <div class="container contact-grid">
        <article class="contact-card"><h3 data-i18n="cardAddress">Адрес</h3><p>Via Monaco, 22, 17053 Laigueglia SV, Italia</p></article>
        <article class="contact-card"><h3 data-i18n="cardEmail">Email</h3><p><a href="mailto:vinohotelpineta@gmail.com">vinohotelpineta@gmail.com</a></p></article>
        <article class="contact-card"><h3 data-i18n="cardPhone">Писать на WhatsApp</h3><p><a href="https://wa.me/393333912012" target="_blank" rel="noopener noreferrer">+39 333 391 2012</a></p></article>
    </div>
</section>

<section class="section">
    <div class="container grid-2">
        <article class="notice">
            <span class="eyebrow" data-i18n="mapEyebrow">Карта</span>
            <h2 data-i18n="mapTitle">Расположение</h2>
            <iframe class="map-frame" loading="lazy" referrerpolicy="no-referrer-when-downgrade" src="https://www.google.com/maps?q=Via+Monaco,+22,+17053+Laigueglia+SV,+Italia&z=16&output=embed" title="Карта Hotel Pineta"></iframe>
        </article>
        <article class="notice">
            <span class="eyebrow" data-i18n="qrEyebrow">QR</span>
            <h2 data-i18n="qrTitle">Быстрый чат в WhatsApp</h2>
            <div class="qr-wrap">
                <img src="{{ asset('images/home_page/WhatsAppcod.jpg') }}" alt="WhatsApp QR">
                <div>
                    <p data-i18n="qrText">Сканируйте код или откройте чат кнопкой.</p>
                    <p><a class="btn btn-primary" href="https://wa.me/qr/SZCZ5SOT5SNAD1" target="_blank" rel="noopener noreferrer" data-i18n="qrButton">Написать на WhatsApp</a></p>
                </div>
            </div>
        </article>
    </div>
</section>
@endsection