@csrf
<div class="row g-3">
    <div class="col-lg-7">
        <div class="card h-100">
            <div class="card-header bg-white fw-semibold"><i class="bi bi-person-vcard"></i> Visitor details</div>
            <div class="card-body">
                @include('partials.visitor-fields', ['visitor' => $visitor, 'showCamera' => $showVisitorCamera ?? true])
            </div>
        </div>
    </div>
    <div class="col-lg-5">
        <div class="card h-100">
            <div class="card-header bg-white fw-semibold"><i class="bi bi-calendar-event"></i> Visit details</div>
            <div class="card-body">
                <div class="row g-3">
                    @if (auth()->user()->isAdmin())
                        <div class="col-12">
                            <label class="form-label" for="host_id">Host (person to meet) <span class="text-danger">*</span></label>
                            <select id="host_id" name="host_id" class="form-select @error('host_id') is-invalid @enderror" required>
                                <option value="">— Select host —</option>
                                @foreach ($hosts as $h)
                                    <option value="{{ $h->id }}" @selected(old('host_id', $appointment->host_id) == $h->id)>{{ $h->name }}@if($h->department) — {{ $h->department }}@endif</option>
                                @endforeach
                            </select>
                            @error('host_id')<div class="invalid-feedback">{{ $message }}</div>@enderror
                        </div>
                    @else
                        <div class="col-12">
                            <label class="form-label">Host</label>
                            <input type="text" class="form-control" value="{{ $appointment->host->name ?? auth()->user()->name }}" disabled>
                        </div>
                    @endif
                    <div class="col-12">
                        <label class="form-label" for="purpose">Purpose of visit <span class="text-danger">*</span></label>
                        <input type="text" id="purpose" name="purpose" list="purposes" value="{{ old('purpose', $appointment->purpose) }}" class="form-control @error('purpose') is-invalid @enderror" required>
                        <datalist id="purposes">
                            <option value="Business meeting"><option value="Interview"><option value="Delivery"><option value="Maintenance / Service"><option value="Personal visit"><option value="Vendor discussion">
                        </datalist>
                        @error('purpose')<div class="invalid-feedback">{{ $message }}</div>@enderror
                    </div>
                    <div class="col-6">
                        <label class="form-label" for="scheduled_date">Date <span class="text-danger">*</span></label>
                        <input type="date" id="scheduled_date" name="scheduled_date" min="{{ today()->toDateString() }}" value="{{ old('scheduled_date', $appointment->scheduled_at?->format('Y-m-d')) }}" class="form-control @error('scheduled_date') is-invalid @enderror" required>
                        @error('scheduled_date')<div class="invalid-feedback">{{ $message }}</div>@enderror
                    </div>
                    <div class="col-6">
                        <label class="form-label" for="scheduled_time">Time <span class="text-danger">*</span></label>
                        <input type="time" id="scheduled_time" name="scheduled_time" value="{{ old('scheduled_time', $appointment->scheduled_at?->format('H:i')) }}" class="form-control @error('scheduled_time') is-invalid @enderror" required>
                        @error('scheduled_time')<div class="invalid-feedback">{{ $message }}</div>@enderror
                    </div>
                    <div class="col-6">
                        <label class="form-label" for="duration_minutes">Duration (min)</label>
                        <input type="number" id="duration_minutes" name="duration_minutes" min="5" max="720" step="5" value="{{ old('duration_minutes', $appointment->duration_minutes ?? 30) }}" class="form-control @error('duration_minutes') is-invalid @enderror">
                        @error('duration_minutes')<div class="invalid-feedback">{{ $message }}</div>@enderror
                    </div>
                    <div class="col-6">
                        <label class="form-label" for="vehicle_number">Vehicle no.</label>
                        <input type="text" id="vehicle_number" name="vehicle_number" value="{{ old('vehicle_number', $appointment->vehicle_number) }}" class="form-control @error('vehicle_number') is-invalid @enderror">
                        @error('vehicle_number')<div class="invalid-feedback">{{ $message }}</div>@enderror
                    </div>
                    <div class="col-12">
                        <label class="form-label" for="notes">Notes for reception</label>
                        <textarea id="notes" name="notes" rows="3" class="form-control @error('notes') is-invalid @enderror">{{ old('notes', $appointment->notes) }}</textarea>
                        @error('notes')<div class="invalid-feedback">{{ $message }}</div>@enderror
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>