@php($isEdit = isset($agent) && $agent)
<form method="POST" action="{{ $isEdit ? route('agents.update',$agent->id) : route('agents.store') }}" enctype="multipart/form-data" id="agentModalCreateForm">
    @csrf
    @if($isEdit) @method('PUT') @endif
    <input type="hidden" name="tenant_id" value="{{ $tenantId ?? session('tenant_id') }}" />
    <div class="p-3">
        <div class="row g-3">
            <div class="col-md-4">
                <label class="form-label">Agency <span class="text-danger">*</span></label>
                @php($selectedAgencyId = $isEdit ? ( ($agent->agencies[0]->id ?? ($agent->agency->id ?? null)) ) : null)
                <select name="agency_id" class="form-select" required>
                    <option value="">Choose...</option>
                    @foreach(($agencyList ?? []) as $k=>$v)
                        <option value="{{ $k }}" {{ (string)$selectedAgencyId === (string)$k ? 'selected' : '' }}>{{ $v }}</option>
                    @endforeach
                </select>
            </div>
            <div class="col-md-4">
                <label class="form-label">First Name<span class="text-danger">*</span></label>
                <input type="text" name="first_name" class="form-control" value="{{ $isEdit ? $agent->first_name : '' }}" required />
            </div>
            <div class="col-md-4">
                <label class="form-label">Last Name<span class="text-danger">*</span></label>
                <input type="text" name="last_name" class="form-control" value="{{ $isEdit ? $agent->last_name : '' }}" required />
            </div>
            <div class="col-md-4">
                <label class="form-label">Email<span class="text-danger">*</span></label>
                <input type="email" name="email" class="form-control" value="{{ $isEdit ? $agent->email : '' }}" required />
            </div>
            <div class="col-md-4">
                <label class="form-label">Secondary Email</label>
                <input type="email" name="secondary_email" class="form-control" value="{{ $isEdit ? $agent->secondary_email : '' }}" />
            </div>
            <div class="col-md-4">
                <label class="form-label">Phone<span class="text-danger">*</span></label>
                <input type="text" name="phone" class="form-control phone_number_format" placeholder="(123) 456-7890" value="{{ $isEdit ? $agent->phone : '' }}" required />
            </div>
            <div class="col-md-4">
                <label class="form-label">Mobile</label>
                <input type="text" name="mobile" class="form-control mobile_number_format" pattern="\(\d{3}\)\s\d{3}-\d{4}" placeholder="(123) 456-7890" value="{{ $isEdit ? $agent->mobile : '' }}" />
            </div>
            <div class="col-md-4">
                <label class="form-label">Fax</label>
                <input type="text" name="fax" class="form-control" maxlength="10" pattern="\d{10}" value="{{ $isEdit ? $agent->fax : '' }}" />
            </div>
            <div class="col-md-8">
                <label class="form-label">Address <span class="text-danger">*</span></label>
                <input type="text" name="address_line1" id="address_auto_complete" class="form-control" value="{{ $isEdit ? ($agent->addresses->address_line1 ?? '') : '' }}" required />
            </div>
            <div class="col-md-4">
                <label class="form-label">State</label>
                <input type="text" name="state" id="state_auto_complete" class="form-control" value="{{ $isEdit ? ($agent->addresses->state ?? '') : '' }}" readonly />
            </div>
            <div class="col-md-4">
                <label class="form-label">Zip</label>
                <input type="text" name="zip" id="zip_auto_complete" class="form-control" value="{{ $isEdit ? ($agent->addresses->zip ?? '') : '' }}" readonly />
            </div>
            {{-- Hidden Lat/Lng fields for address autocomplete --}}
            <input type="hidden" id="lat_hidden" name="latitude" value="{{ $isEdit ? ($agent->addresses->latitude ?? '') : '' }}" />
            <input type="hidden" id="lng_hidden" name="longitude" value="{{ $isEdit ? ($agent->addresses->longitude ?? '') : '' }}" />
            <div class="col-md-4">
                <label class="form-label">DOB</label>
                <input type="date" name="dob" class="form-control" value="{{ $isEdit && $agent->dob ? \Illuminate\Support\Carbon::parse($agent->dob)->format('m-d-Y') : '' }}" />
            </div>
            <div class="col-md-4">
                <label class="form-label">Sponsor</label>
                @php($selectedSponsor = $isEdit ? ($agent->sponsors->first()->id ?? null) : null)
                <select name="sponsor_id" id="sponsorSelect" class="form-select" data-selected-sponsor="{{ $selectedSponsor }}">
                    <option value="">Choose...</option>
                    @if(!session('tenant_id'))
                        {{-- Super Admin: Will load inspectors dynamically based on tenant selection --}}
                    @else
                        {{-- Regular Admin: Load inspectors for current tenant --}}
                        @foreach(($inspectorList ?? []) as $inspector)
                            <option value="{{ $inspector->id }}" {{ (string)$selectedSponsor === (string)$inspector->id ? 'selected' : '' }}>
                                {{ $inspector->first_name }} {{ $inspector->last_name }}
                            </option>
                        @endforeach
                    @endif
                </select>
            </div>
            <div class="col-md-4">
                <label class="form-label">Notification Preference</label>
                @php($np = $isEdit ? $agent->notification_preference : '')
                <select name="notification_preference" class="form-select">
                    <option value="">Choose...</option>
                    <option value="email" {{ $np==='email'?'selected':'' }}>Email</option>
                    <option value="sms" {{ $np==='sms'?'selected':'' }}>SMS</option>
                    <option value="both" {{ $np==='both'?'selected':'' }}>Both</option>
                </select>
            </div>
            <div class="col-md-12">
                <label class="form-label">Notes</label>
                <textarea name="note" class="form-control" rows="2">{{ $isEdit ? $agent->note : '' }}</textarea>
            </div>
            <div class="col-md-4 d-flex align-items-center mt-2">
                <div class="form-check form-switch">
                    <input type="hidden" name="status" value="1" />
                </div>
            </div>
            <div class="form-actions">
                <button type="button" class="btn btn-dark" data-bs-dismiss="modal" onclick="closeCreateAgentModal()" aria-label="Close">Cancel</button>
                <button type="submit" class="btn btn-primary">{{ $isEdit ? 'Update Agent' : 'Save Agent' }}</button>
            </div>
        </div>
    </div>
</form>
<script>
// Phone number formatting
[...document.querySelectorAll('#agentModalCreateForm input[name=phone], #agentModalCreateForm input[name=mobile], #agentModalCreateForm input[name=fax]')].forEach(inp=>{
    inp.addEventListener('input', function(){ this.value=this.value.replace(/\D/g,'').slice(0,10); });
});

// Sponsor field logic - Load inspectors based on hidden tenant_id
document.addEventListener('DOMContentLoaded', function() {
    const sponsorSelect = document.getElementById('sponsorSelect');
    const tenantIdInput = document.querySelector('input[name="tenant_id"]');
    
    // Function to load inspectors for the tenant
    function loadInspectorsForTenant(tenantId) {
        if (!tenantId) {
            return;
        }
        
        // Show loading state
        sponsorSelect.innerHTML = '<option value="">Loading inspectors...</option>';
        sponsorSelect.disabled = true;
        
        // Make AJAX call to get inspectors for this tenant
        fetch(`{{ route('agents.inspectors-by-tenant') }}?tenant_id=${tenantId}`, {
            method: 'GET',
            headers: {
                'Content-Type': 'application/json',
                'X-Requested-With': 'XMLHttpRequest',
                'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').getAttribute('content')
            }
        })
        .then(response => response.json())
        .then(data => {
            let options = '<option value="">Choose...</option>';
            
            if (data.status && data.data && data.data.length > 0) {
                data.data.forEach(inspector => {
                    options += `<option value="${inspector.id}">${inspector.name}</option>`;
                });
            }
            
            sponsorSelect.innerHTML = options;
            sponsorSelect.disabled = false;
            
            // For edit mode, restore the selected sponsor
            const selectedSponsorId = sponsorSelect.getAttribute('data-selected-sponsor');
            if (selectedSponsorId) {
                // Set a short delay to ensure options are loaded
                setTimeout(() => {
                    sponsorSelect.value = selectedSponsorId;
                }, 100);
            }
        })
        .catch(error => {
            console.error('Error loading inspectors:', error);
            sponsorSelect.innerHTML = '<option value="">Error loading inspectors</option>';
            sponsorSelect.disabled = false;
        });
    }
    
    // Load inspectors based on the hidden tenant_id field
    if (tenantIdInput && tenantIdInput.value) {
        loadInspectorsForTenant(tenantIdInput.value);
    }
});
</script>