@push('title')
    Create Customer
@endpush

<x-app-layout>
    <div class="card">
        <div class="card-body">
            <h5 class="card-title mb-3">Add New Customer</h5>
            <form action="{{ route('customers.store') }}" method="POST">
                @csrf
                <div class="row">
                    <div class="col-md-6 mb-3">
                        <label for="name">Name <span class="text-danger">*</span></label>
                        <input type="text" class="form-control" id="name" name="name" required value="{{ old('name') }}">
                    </div>
                    <div class="col-md-6 mb-3">
                        <label for="email">Email <span class="text-danger">*</span></label>
                        <input type="email" class="form-control" id="email" name="email" required value="{{ old('email') }}">
                    </div>
                    <div class="col-md-6 mb-3">
                        <label for="phone">Phone <span class="text-danger">*</span></label>
                        <input type="text" class="form-control" id="phone" name="phone" required value="{{ old('phone') }}">
                    </div>
                    <div class="col-md-6 mb-3">
                        <label for="date_of_birth">Date of Birth <span class="text-danger">*</span></label>
                        <input type="date" class="form-control" id="date_of_birth" name="date_of_birth" required value="{{ old('date_of_birth') }}">
                    </div>
                    <div class="col-md-6 mb-3">
                        <label for="country_id">Country <span class="text-danger">*</span></label>
                        <select class="form-control" id="country_id" name="country_id" value="{{ old('country_id') }}" required>
                            <option value="">Select Country</option>
                            @foreach($countries as $country)
                                <option value="{{ $country->id }}" {{ 'LK' == $country->code ? 'selected' : '' }}>{{ $country->name }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-md-6 mb-3">
                        <label for="city">City <span class="text-danger">*</span></label>
                        <input type="text" class="form-control" id="city" name="city" value="{{ old('city') }}" required>
                    </div>
                    <div class="col-md-6 mb-3">
                        <label for="address">Address <span class="text-danger">*</span></label>
                        <input type="text" class="form-control" id="address" name="address" value="{{ old('address') }}" required>
                    </div>
                </div>
                <div class="row text-end">
                    <div class="col-md-12">
                        <button type="submit" class="btn btn-primary">Save</button>
                        <a href="{{ route('customers') }}" class="btn btn-secondary">Cancel</a>
                    </div>
                </div>
            </form>
        </div>
    </div>
</x-app-layout>