@extends('layouts.app')
@section('title', $visitor->exists ? 'Edit Visitor' : 'Add Visitor')

@section('content')
<div class="row justify-content-center">
    <div class="col-lg-8">
        <div class="card">
            <div class="card-body p-4">
                <form method="POST" enctype="multipart/form-data" action="{{ $visitor->exists ? route('visitors.update', $visitor) : route('visitors.store') }}" novalidate>
                    @csrf
                    @if ($visitor->exists) @method('PUT') @endif
                    <div class="row g-3">
                        <div class="col-md-6">
                            <label class="form-label" for="name">Full name <span class="text-danger">*</span></label>
                            <input type="text" id="name" name="name" value="{{ old('name', $visitor->name) }}" class="form-control @error('name') is-invalid @enderror" required>
                            @error('name')<div class="invalid-feedback">{{ $message }}</div>@enderror
                        </div>
                        <div class="col-md-6">
                            <label class="form-label" for="phone">Mobile number <span class="text-danger">*</span></label>
                            <input type="tel" id="phone" name="phone" value="{{ old('phone', $visitor->phone) }}" class="form-control @error('phone') is-invalid @enderror" required>
                            @error('phone')<div class="invalid-feedback">{{ $message }}</div>@enderror
                        </div>
                        <div class="col-md-6">
                            <label class="form-label" for="email">Email</label>
                            <input type="email" id="email" name="email" value="{{ old('email', $visitor->email) }}" class="form-control @error('email') is-invalid @enderror">
                            @error('email')<div class="invalid-feedback">{{ $message }}</div>@enderror
                        </div>
                        <div class="col-md-6">
                            <label class="form-label" for="company">Company</label>
                            <input type="text" id="company" name="company" value="{{ old('company', $visitor->company) }}" class="form-control @error('company') is-invalid @enderror">
                            @error('company')<div class="invalid-feedback">{{ $message }}</div>@enderror
                        </div>
                        <div class="col-md-4">
                            <label class="form-label" for="id_type">ID proof type</label>
                            <select id="id_type" name="id_type" class="form-select @error('id_type') is-invalid @enderror">
                                <option value="">— None —</option>
                                @foreach (\App\Models\Visitor::ID_TYPES as $t)
                                    <option value="{{ $t }}" @selected(old('id_type', $visitor->id_type) === $t)>{{ $t }}</option>
                                @endforeach
                            </select>
                            @error('id_type')<div class="invalid-feedback">{{ $message }}</div>@enderror
                        </div>
                        <div class="col-md-8">
                            <label class="form-label" for="id_number">ID number</label>
                            <input type="text" id="id_number" name="id_number" value="{{ old('id_number', $visitor->id_number) }}" class="form-control @error('id_number') is-invalid @enderror">
                            @error('id_number')<div class="invalid-feedback">{{ $message }}</div>@enderror
                        </div>
                        <div class="col-12">
                            <label class="form-label" for="address">Address</label>
                            <textarea id="address" name="address" rows="2" class="form-control @error('address') is-invalid @enderror">{{ old('address', $visitor->address) }}</textarea>
                            @error('address')<div class="invalid-feedback">{{ $message }}</div>@enderror
                        </div>
                    </div>
                    @include('partials.visitor-media-fields', ['visitor' => $visitor])
                    <div class="d-flex justify-content-end gap-2 mt-4">
                        <a href="{{ $visitor->exists ? route('visitors.show', $visitor) : route('visitors.index') }}" class="btn btn-light">Cancel</a>
                        <button class="btn btn-primary"><i class="bi bi-save"></i> Save</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
@endsection