@extends('layouts.public')

@section('i18n_page', 'rooms')
@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">Выберите подходящий номер</h1>
            <p class="lead" data-i18n="heroLead">Здесь собраны все 14 номеров Hotel Pineta. Откройте карточку номера, чтобы посмотреть фотографии и перейти к бронированию.</p>
            <div class="hero-actions">
                <a class="btn btn-primary" href="{{ route('guest.bookings.create') }}" data-i18n="heroBook">Забронировать</a>
                <a class="btn btn-secondary" href="{{ route('public.contacts') }}" data-i18n="heroContacts">Контакты</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">
        <div class="room-grid">
            @foreach($rooms as $room)
                @php($folder = str_replace('А', 'A', $room->code))
                <article class="room-card">
                    <a class="room-card-image" href="{{ route('public.rooms.show', $room) }}">
                        <img src="{{ asset('images/room/' . $folder . '/1.jpg') }}" alt="Номер {{ $room->code }}">
                    </a>
                    <div class="room-card-body">
                        <div class="room-card-top">
                            <strong>№ {{ $room->code }}</strong>
                            <span class="tag js-room-view" data-view="{{ $room->view_type }}">{{ $room->view_type === 'sea' ? 'Вид на море' : 'Вид на сад' }}</span>
                        </div>
                        <p>{{ mb_strtoupper(mb_substr($room->title, 0, 1)) . mb_substr($room->title, 1) }}</p>
                        <div class="room-card-meta">
                            <span class="js-room-adults" data-value="{{ $room->capacity_adults }}">Взрослые: {{ $room->capacity_adults }}</span>
                            <span class="js-room-children" data-value="{{ $room->capacity_children_under_2 ? 1 : 0 }}">Дети до 2 лет: {{ $room->capacity_children_under_2 ? 'Да' : 'Нет' }}</span>
                        </div>
                        <div class="room-card-actions">
                            <a class="btn btn-secondary" href="{{ route('public.rooms.show', $room) }}" data-i18n="details">Подробнее</a>
                            <a class="btn btn-primary" href="{{ route('guest.bookings.create') }}" data-i18n="heroBook">Забронировать</a>
                        </div>
                    </div>
                </article>
            @endforeach
        </div>
    </div>
</section>
@endsection