@extends('layouts.frontend')

@section('title', 'Buchung bestaetigen')

@section('content')
<div class="container-xxl mt-4">
    <h1>Buchungsanfrage - Schritt 4</h1>
    <h4>Zusammenfassung</h4>

    <div class="card mb-3">
        <div class="card-body">
            <dl class="row">
                <dt class="col-sm-4">Raum:</dt>
                <dd class="col-sm-8">{{ $room->label }}</dd>

                <dt class="col-sm-4">Datum/Zeit:</dt>
                <dd class="col-sm-8">
                    {{ date('d.m.Y H:i', $bookingData['startTimestamp']) }}
                    - {{ date('H:i', $bookingData['endTimestamp']) }}
                </dd>

                <dt class="col-sm-4">Mietzweck:</dt>
                <dd class="col-sm-8">{{ $bookingData['purpose'] ?? '-' }}</dd>

                <dt class="col-sm-4">Name:</dt>
                <dd class="col-sm-8">{{ $bookingData['person']['firstName'] ?? '' }} {{ $bookingData['person']['surname'] ?? '' }}</dd>

                <dt class="col-sm-4">E-Mail:</dt>
                <dd class="col-sm-8">{{ $bookingData['person']['email'] ?? '-' }}</dd>
            </dl>
        </div>
    </div>

    <form method="POST" action="{{ route('frontend.book.step5') }}">
        @csrf
        <button type="submit" class="btn btn-success btn-lg">Buchungsanfrage absenden</button>
        <a href="{{ route('frontend.book.step3') }}" class="btn btn-secondary">Zurueck</a>
    </form>
</div>
@endsection