@extends('layouts.frontend')

@section('title', 'Ihre Daten')

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

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

        <div class="row">
            <div class="col-md-6 mb-3">
                <label class="form-label">Vorname <span class="text-danger">*</span></label>
                <input type="text" class="form-control" name="firstName" required>
                @error('firstName') <div class="text-danger">{{ $message }}</div> @enderror
            </div>
            <div class="col-md-6 mb-3">
                <label class="form-label">Nachname <span class="text-danger">*</span></label>
                <input type="text" class="form-control" name="surname" required>
                @error('surname') <div class="text-danger">{{ $message }}</div> @enderror
            </div>
        </div>

        <div class="mb-3">
            <label class="form-label">E-Mail <span class="text-danger">*</span></label>
            <input type="email" class="form-control" name="email" required>
            @error('email') <div class="text-danger">{{ $message }}</div> @enderror
        </div>

        <div class="mb-3">
            <label class="form-label">Telefon</label>
            <input type="text" class="form-control" name="phone1">
        </div>

        <div class="mb-3">
            <label class="form-label">Firma/Organisation</label>
            <input type="text" class="form-control" name="company">
        </div>

        <div class="mb-3">
            <label class="form-label">Strasse</label>
            <input type="text" class="form-control" name="street">
        </div>

        <div class="row">
            <div class="col-md-3 mb-3">
                <label class="form-label">PLZ</label>
                <input type="text" class="form-control" name="zip">
            </div>
            <div class="col-md-9 mb-3">
                <label class="form-label">Ort</label>
                <input type="text" class="form-control" name="city">
            </div>
        </div>

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