@extends('layouts.public')

@section('i18n_page', 'room_show')
@section('title', 'Номер ' . $room->code . ' | Hotel Pineta')
@section('meta_description', 'Фотографии и описание номера ' . $room->code . ' в Hotel Pineta.')

@section('content')
<section class="hero hero-small">
    <div class="container hero-grid">
        <div class="hero-copy">
            <span class="eyebrow">№ {{ $room->code }}</span>
            <h1>{{ mb_strtoupper(mb_substr($room->title, 0, 1)) . mb_substr($room->title, 1) }}</h1>
            <p class="lead" data-i18n="lead">Комфортный вариант для отдыха в Лайгуэлье рядом с морем и центром города.</p>
            <div class="contact-strip">
                <span class="tag js-room-adults" data-value="{{ $room->capacity_adults }}">Взрослые: {{ $room->capacity_adults }}</span>
                <span class="tag js-room-children" data-value="{{ $room->capacity_children_under_2 ? 1 : 0 }}">Дети до 2 лет: {{ $room->capacity_children_under_2 ? 'Да' : 'Нет' }}</span>
                <span class="tag js-room-view" data-view="{{ $room->view_type }}">{{ $room->view_type === 'sea' ? 'Вид на море' : 'Вид на сад' }}</span>
            </div>
            <div class="hero-actions">
                <a class="btn btn-primary" href="{{ route('guest.bookings.create') }}" data-i18n="book">Забронировать</a>
                <a class="btn btn-secondary" href="{{ route('public.rooms') }}" data-i18n="allRooms">Все номера</a>
            </div>
        </div>
        <div class="hero-media">
            <img class="hero-photo" src="{{ $gallery[0] }}" alt="Номер {{ $room->code }}">
        </div>
    </div>
</section>

<section class="section">
    <div class="container">
        <div class="section-head">
            <div>
                <span class="eyebrow" data-i18n="galleryEyebrow">Галерея</span>
                <h2><span data-i18n="galleryTitle">Фотографии номера</span> {{ $room->code }}</h2>
            </div>
        </div>
        <div class="room-gallery">
            @foreach($gallery as $image)
                <figure class="room-gallery-item">
                    <img src="{{ $image }}" alt="Номер {{ $room->code }}">
                </figure>
            @endforeach
        </div>
    </div>
</section>
@endsection