{{-- resources/views/guests/create.blade.php --}}
@extends('layouts.app')
@section('title', 'Add Guest')
@section('page_title', 'Add Guest')
@section('page_subtitle', 'Create a new guest profile')

@section('content')

<div class="row justify-content-center">
<div class="col-xl-7">

<div class="d-flex gap-2 mb-3">
    <a href="{{ tenant_route('guests.index') }}"
       class="btn btn-sm btn-outline-secondary">← Back</a>
</div>

<div class="card">
    <div class="card-header">
        <span class="card-title">Guest Details</span>
    </div>
    <div class="card-body">
        <form method="POST" action="{{ tenant_route('guests.store') }}">
            @csrf
            <div class="row g-3">

                <div class="col-md-6">
                    <label class="form-label fw-semibold">
                        First Name <span class="text-danger">*</span>
                    </label>
                    <input type="text" name="first_name"
                           class="form-control @error('first_name') is-invalid @enderror"
                           value="{{ old('first_name') }}" required>
                    @error('first_name')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>

                <div class="col-md-6">
                    <label class="form-label fw-semibold">
                        Last Name <span class="text-danger">*</span>
                    </label>
                    <input type="text" name="last_name"
                           class="form-control @error('last_name') is-invalid @enderror"
                           value="{{ old('last_name') }}" required>
                    @error('last_name')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>

                <div class="col-md-6">
                    <label class="form-label fw-semibold">Email</label>
                    <input type="email" name="email"
                           class="form-control @error('email') is-invalid @enderror"
                           value="{{ old('email') }}"
                           placeholder="guest@email.com">
                    @error('email')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>

                <div class="col-md-6">
                    <label class="form-label fw-semibold">Phone</label>
                    <input type="tel" name="phone"
                           class="form-control"
                           value="{{ old('phone') }}"
                           placeholder="+263 77 123 4567">
                </div>

                <div class="col-md-6">
                    <label class="form-label fw-semibold">WhatsApp</label>
                    <input type="tel" name="whatsapp_number"
                           class="form-control"
                           value="{{ old('whatsapp_number') }}"
                           placeholder="+263 77 123 4567">
                </div>

                <div class="col-md-6">
                    <label class="form-label fw-semibold">Date of Birth</label>
                    <input type="date" name="date_of_birth"
                           class="form-control"
                           value="{{ old('date_of_birth') }}">
                </div>

                <div class="col-md-4">
                    <label class="form-label fw-semibold">Gender</label>
                    <select name="gender" class="form-select">
                        <option value="">Not specified</option>
                        <option value="male" {{ old('gender') === 'male' ? 'selected' : '' }}>Male</option>
                        <option value="female" {{ old('gender') === 'female' ? 'selected' : '' }}>Female</option>
                        <option value="other" {{ old('gender') === 'other' ? 'selected' : '' }}>Other</option>
                        <option value="prefer_not_to_say" {{ old('gender') === 'prefer_not_to_say' ? 'selected' : '' }}>Prefer not to say</option>
                    </select>
                </div>

                <div class="col-md-4">
                    <label class="form-label fw-semibold">Nationality</label>
                    <input type="text" name="nationality"
                           class="form-control"
                           value="{{ old('nationality') }}"
                           placeholder="e.g. ZWE, ZAF, GBR"
                           maxlength="3">
                </div>

                <div class="col-md-4">
                    <label class="form-label fw-semibold">ID Type</label>
                    <select name="id_type" class="form-select">
                        <option value="">Select...</option>
                        <option value="passport" {{ old('id_type') === 'passport' ? 'selected' : '' }}>Passport</option>
                        <option value="national_id" {{ old('id_type') === 'national_id' ? 'selected' : '' }}>National ID</option>
                        <option value="drivers_licence" {{ old('id_type') === 'drivers_licence' ? 'selected' : '' }}>Driver's Licence</option>
                    </select>
                </div>

                <div class="col-md-6">
                    <label class="form-label fw-semibold">ID Number</label>
                    <input type="text" name="id_number"
                           class="form-control"
                           value="{{ old('id_number') }}">
                </div>

                <div class="col-md-6">
                    <label class="form-label fw-semibold">Company</label>
                    <select name="company_id" class="form-select">
                        <option value="">Individual / No company</option>
                        @foreach($companies as $company)
                            <option value="{{ $company->id }}"
                                    {{ old('company_id') == $company->id ? 'selected' : '' }}>
                                {{ $company->name }}
                            </option>
                        @endforeach
                    </select>
                </div>

                <div class="col-12">
                    <label class="form-label fw-semibold">Address</label>
                    <textarea name="address" rows="2"
                              class="form-control"
                              placeholder="Street address...">{{ old('address') }}</textarea>
                </div>

                <div class="col-md-6">
                    <label class="form-label fw-semibold">City</label>
                    <input type="text" name="city"
                           class="form-control"
                           value="{{ old('city') }}">
                </div>

                <div class="col-md-6">
                    <label class="form-label fw-semibold">Country</label>
                    <input type="text" name="country"
                           class="form-control"
                           value="{{ old('country') }}"
                           placeholder="e.g. ZWE"
                           maxlength="3">
                </div>

                <div class="col-12">
                    <label class="form-label fw-semibold">Notes</label>
                    <textarea name="notes" rows="2"
                              class="form-control"
                              placeholder="Special preferences, dietary requirements...">{{ old('notes') }}</textarea>
                </div>

                <div class="col-12">
                    <div class="form-check">
                        <input type="checkbox" name="marketing_opt_in"
                               value="1" id="marketing"
                               class="form-check-input"
                               {{ old('marketing_opt_in', true) ? 'checked' : '' }}>
                        <label class="form-check-label"
                               for="marketing"
                               style="font-size:.8rem;">
                            Guest consents to marketing communications
                        </label>
                    </div>
                </div>

                <div class="col-12 d-flex gap-2 pt-2">
                    <button type="submit" class="btn btn-primary">
                        <i class="bi bi-person-plus me-1"></i>Create Guest
                    </button>
                    <a href="{{ tenant_route('guests.index') }}"
                       class="btn btn-outline-secondary">Cancel</a>
                </div>

            </div>
        </form>
    </div>
</div>

</div>
</div>
@endsection