@extends('layouts.frontend')

@section('title', 'Buchungsdetails')

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

    <form method="POST" action="{{ route('frontend.book.step2') }}">
        @csrf

        <div class="mb-3">
            <label for="purpose" class="form-label">Mietzweck <span class="text-danger">*</span></label>
            <input type="text" class="form-control" id="purpose" name="purpose" required maxlength="255">
            @error('purpose') <div class="text-danger">{{ $message }}</div> @enderror
        </div>

        <div class="mb-3">
            <label for="societyId" class="form-label">Verein (optional)</label>
            <select class="form-select" id="societyId" name="societyId">
                <option value="">Kein Verein</option>
                @foreach($societies as $society)
                    <option value="{{ $society->id }}">{{ $society->label }}</option>
                @endforeach
            </select>
        </div>

        <button type="submit" class="btn btn-primary">Weiter</button>
    </form>
</div>
@endsection