@php
    use App\Enums\Leads\FlagType;
    use App\Enums\Leads\SourceType;
    use App\Enums\Leads\TypeOfContact;

    $selectedPlanTypeId = old('plan_type_id', $lead->plan_type_id);
    $selectedPlanType = $getPricingPlanType->firstWhere('id', $selectedPlanTypeId);
    $selectedParentId = old('parent_id', optional($selectedPlanType)->name === 'B2B' ? $lead->parent_id : null);
    $selectedFamilyParentId = old('family_parent_id', optional($selectedPlanType)->name === 'Family' ? $lead->parent_id : null);
    $dateOfBirth = $lead->date_of_birth
        ? \Illuminate\Support\Carbon::parse($lead->date_of_birth)->format('Y-m-d')
        : null;
@endphp

<form method="POST" action="{{ route('leads.update', $lead->id) }}" id="leadEditForm" novalidate>
    @csrf
    @method('PUT')

    {{-- Personal Information --}}
    <div class="ui-card mb-3">
        <div class="form-section">
            <div class="form-section__head">
                <div class="form-section__title mb-1">Personal Information</div>
                <p class="form-section__sub mb-0">
                    Enter the lead identity, contact details, source, and academic interest information.
                </p>
            </div>

            <div class="asset-form-grid">
                <div class="asset-col-6">
                    <x-forms.input-label.basic disabled :value="$lead->lead_code ?: 'Auto generated after save'">
                        Lead ID
                    </x-forms.input-label.basic>
                </div>

                <div class="asset-col-6">
                    <x-forms.input-label.basic name="first_name" required :value="old('first_name', $lead->first_name)">
                        First name <span class="lead-required">*</span>
                    </x-forms.input-label.basic>
                </div>

                <div class="asset-col-6">
                    <x-forms.input-label.basic name="last_name" required :value="old('last_name', $lead->last_name)">
                        Last name <span class="lead-required">*</span>
                    </x-forms.input-label.basic>
                </div>

                <div class="asset-col-6">
                    <x-forms.input-label.basic name="email" required :value="old('email', $lead->email)">
                        Email <span class="lead-required">*</span>
                    </x-forms.input-label.basic>
                </div>

                <div class="asset-col-6 lead-phone-wrap">
                    <x-forms.input-label.basic name="phone" id="mobile" required :value="old('phone', $lead->phone)">
                        Phone <span class="lead-required">*</span>
                    </x-forms.input-label.basic>

                    <span id="phone-error" class="text-danger d-none"></span>
                    <input type="hidden" id="country_code" name="country_code"
                        value="{{ old('country_code', $lead->country_code) }}">
                </div>

                <div class="asset-col-12">
                    <x-forms.input-label.basic name="address" :value="old('address', $lead->address)">
                        Address <span class="lead-required">*</span>
                    </x-forms.input-label.basic>
                </div>

                <div class="asset-col-6">
                    <x-forms.labels.basic>
                        Nationality <span class="lead-required">*</span>
                    </x-forms.labels.basic>

                    <x-forms.select.basic required class="select2 general-select" name="nationality_id">
                        <option value="">Select Nationality</option>
                        @foreach ($nationalities as $nationality)
                            <option value="{{ $nationality->id }}" @selected(old('nationality_id', $lead->nationality_id) == $nationality->id)>
                                {{ $nationality->name }}
                            </option>
                        @endforeach
                    </x-forms.select.basic>
                </div>

                <div class="asset-col-6">
                    <x-forms.labels.basic>
                        Religion <span class="lead-required">*</span>
                    </x-forms.labels.basic>
                    <x-forms.select.basic class="asset-select select2 general-select" name="religion" required
                        style="width: 100%;">
                        <option value="">Select Religion</option>
                        <option value="1" @selected(old('religion', $lead->religion) == '1')>Muslim</option>
                        <option value="2" @selected(old('religion', $lead->religion) == '2')>Christian</option>
                        <option value="3" @selected(old('religion', $lead->religion) == '3')>Jewish</option>
                    </x-forms.select.basic>
                </div>

                <div class="asset-col-6">
                    <x-forms.labels.basic>
                        Gender <span class="lead-required">*</span>
                    </x-forms.labels.basic>

                    <x-forms.select.basic class="select2 general-select" name="gender" required>
                        <option value="">Select Gender</option>
                        <option value="male" @selected(old('gender', $lead->gender) == 'male')>Male</option>
                        <option value="female" @selected(old('gender', $lead->gender) == 'female')>Female</option>
                    </x-forms.select.basic>
                </div>

                <div class="asset-col-6">
                    <x-forms.labels.basic>
                        Country <span class="lead-required">*</span>
                    </x-forms.labels.basic>

                    <x-forms.select.basic class="select2 general-select" name="country_id" required>
                        <option value="">Select country</option>
                        @foreach ($countriesSelect as $id => $name)
                            <option value="{{ $id }}" @selected(old('country_id', $lead->country_id) == $id)>
                                {{ $name }}
                            </option>
                        @endforeach
                    </x-forms.select.basic>
                </div>

                <div class="asset-col-6">
                    <x-forms.labels.basic>
                        Source <span class="lead-required">*</span>
                    </x-forms.labels.basic>

                    <x-forms.select.basic class="select2 general-select" name="source" required>
                        <option value="">Select source</option>

                        @foreach (SourceType::cases() as $source)
                            <option value="{{ $source->value }}" @selected(old('source', $lead->source) === $source->value)>
                                {{ str($source->value)->replace('_', ' ')->lower()->ucfirst() }}
                            </option>
                        @endforeach
                    </x-forms.select.basic>
                </div>

                <div class="asset-col-6 lead-hidden-section" id="source_id" style="display:none;">
                    <x-forms.labels.basic>
                        Referral ID <span class="lead-required">*</span>
                    </x-forms.labels.basic>

                    <x-forms.select.basic id="source_id_select" class="select2 general-select"
                        onchange="change_source(this)" name="source_id">
                        <option value="" disabled @selected(!old('source_id', $lead->source_id))>
                            Select Referral ID
                        </option>

                        @foreach ($getAllStudents as $student)
                            <option value="{{ $student->id }}" data-type="{{ $student->type ?? 'student' }}"
                                data-user-id="{{ $student->user_id ?? '' }}" @selected(old('source_id', $lead->source_id) == $student->id)>
                                {{ $student->student_code ?? trim(($student->first_name ?? '') . ' ' . ($student->last_name ?? '')) }}
                            </option>
                        @endforeach
                    </x-forms.select.basic>

                    <input type="hidden" name="user_type" id="user_type">
                    <input type="hidden" name="user_id_hidden" id="user_id_hidden">
                </div>

                <div class="asset-col-6">
                    <x-forms.labels.basic>
                        Type of contact <span class="lead-required">*</span>
                    </x-forms.labels.basic>

                    <x-forms.select.basic class="select2 general-select" name="type_of_contact" required>
                        <option value="">Select type</option>
                        @foreach (TypeOfContact::cases() as $type)
                            <option value="{{ $type->value }}" @selected(old('type_of_contact', $lead->type_of_contact) == $type->value)>
                                {{ $type->value }}
                            </option>
                        @endforeach
                    </x-forms.select.basic>
                </div>

                <div class="asset-col-6">
                    <x-forms.labels.basic>
                        Track type <span class="lead-required">*</span>
                    </x-forms.labels.basic>

                    <x-forms.select.basic class="select2 general-select" name="track_type_id" required>
                        <option value="">Select type</option>
                        @foreach ($trackTypesSelect as $id => $name)
                            <option value="{{ $id }}" @selected(old('track_type_id', $lead->track_type_id) == $id)>
                                {{ $name }}
                            </option>
                        @endforeach
                    </x-forms.select.basic>
                </div>

                <div class="asset-col-6">
                    <x-forms.labels.basic>
                        Program <span class="lead-required">*</span>
                    </x-forms.labels.basic>

                    <x-forms.select.basic class="select2 general-select" name="program_id" required>
                        <option value="">Select Program</option>
                        @foreach ($programs as $program)
                            <option value="{{ $program->id }}" @selected(old('program_id', $lead->program_id) == $program->id)>
                                {{ $program->name_en }}
                            </option>
                        @endforeach
                    </x-forms.select.basic>
                </div>

                <div class="asset-col-6">
                    <label for="date_of_birth" class="asset-label">
                        Date of Birth <span class="lead-required">*</span>
                    </label>

                    <input type="date" class="asset-input @error('date_of_birth') asset-invalid @enderror"
                        id="date_of_birth" name="date_of_birth" value="{{ old('date_of_birth', $dateOfBirth) }}"
                        required>

                    @error('date_of_birth')
                        <div class="invalid-feedback d-block">{{ $message }}</div>
                    @enderror
                </div>

                <div class="asset-col-12">
                    <label for="moderation_mode" class="asset-label">Moderation Mode</label>
                    <textarea class="asset-input" rows="4" id="moderation_mode"
                        name="moderation_mode">{{ old('moderation_mode', $lead->moderation_mode) }}</textarea>
                </div>
            </div>
        </div>


        {{-- Professional Details --}}
        <div class="form-section">
            <div class="form-section__head">
                <div class="form-section__title mb-1">Professional Details</div>
                <p class="form-section__sub mb-0">
                    Define the lead's work background, assignee, plan type, and optional parent relation.
                </p>
            </div>

            <div class="asset-form-grid">
                <div class="asset-col-6">
                    <x-forms.labels.basic>
                        Industry <span class="lead-required">*</span>
                    </x-forms.labels.basic>

                    <x-forms.select.basic required name="industry" id="industry" class="select2 general-select">
                        <option value="">Select Industry</option>
                        @foreach (App\Enums\IndustryEnum::cases() as $industry)
                            <option value="{{ $industry->value }}" @selected(old('industry', $lead->industry) == $industry->value)>
                                {{ $industry->value }}
                            </option>
                        @endforeach
                    </x-forms.select.basic>
                </div>

                <div class="asset-col-6">
                    <x-forms.input-label.basic required name="position" :value="old('position', $lead->position)">
                        Position <span class="lead-required">*</span>
                    </x-forms.input-label.basic>
                </div>

                <div class="asset-col-6">
                    <x-forms.input-label.basic name="ad_code" :value="old('ad_code', $lead->ad_code)">
                        Ad code <span class="lead-required" id="required_add_code_mark">*</span>
                    </x-forms.input-label.basic>
                </div>

                <div class="asset-col-6">
                    <x-forms.labels.basic>
                        Assigned to <span class="lead-required">*</span>
                    </x-forms.labels.basic>

                    <x-forms.select.basic class="select2 general-select" name="assigned_to" required>
                        <option value="">Select user</option>
                        @foreach ($usersSelect as $user)
                            <option value="{{ $user->user_id }}" @selected(old('assigned_to', $lead->assigned_to) == $user->user_id)>
                                {{ $user->user?->full_name }}
                            </option>
                        @endforeach
                    </x-forms.select.basic>
                </div>

                <div class="asset-col-6">
                    <x-forms.labels.basic>
                        Lead plan type <span class="lead-required">*</span>
                    </x-forms.labels.basic>

                    <x-forms.select.basic class="select2 general-select" name="plan_type_id" id="plan_type_id" required>
                        <option value="">Select plan type</option>

                        @foreach ($getPricingPlanType as $planType)
                            <option data-type="{{ strtolower($planType->name) }}" value="{{ $planType->id }}"
                                @selected($selectedPlanTypeId == $planType->id)>
                                {{ $planType->name }}
                            </option>
                        @endforeach
                    </x-forms.select.basic>
                </div>

                <div class="asset-col-6 d-none" id="b2bSelectWrapper">
                    <x-forms.labels.basic>
                        Select B2B Parent <span class="lead-required">*</span>
                    </x-forms.labels.basic>

                    <x-forms.select.basic class="select2 general-select" name="parent_id">
                        <option value="">Select B2B Parent</option>
                        @foreach ($getB2BParents as $b2b)
                            <option value="{{ $b2b->id }}" @selected($selectedParentId == $b2b->id)>
                                {{ $b2b->fathers_name }}
                            </option>
                        @endforeach
                    </x-forms.select.basic>
                </div>

                <div class="asset-col-6 d-none" id="familySelectWrapper">
                    <x-forms.labels.basic>
                        Select Family Parent <span class="lead-required">*</span>
                    </x-forms.labels.basic>

                    <x-forms.select.basic class="select2 general-select" name="family_parent_id">
                        <option value="">Select Family Parent</option>
                        @foreach ($getfamilyParents as $family)
                            <option value="{{ $family->id }}" @selected($selectedFamilyParentId == $family->id)>
                                {{ $family->fathers_name }}
                            </option>
                        @endforeach
                    </x-forms.select.basic>
                </div>
            </div>
        </div>

        {{-- Lead Management --}}
        <div class="form-section">
            <div class="form-section__head">
                <div class="form-section__title mb-1">Lead Management</div>
                <p class="form-section__sub mb-0">
                    Set the lead flag and add any internal notes.
                </p>
            </div>

            <div class="asset-form-grid">
                <div class="asset-col-6">
                    <x-forms.labels.basic>
                        Flag <span class="lead-required">*</span>
                    </x-forms.labels.basic>

                    <x-forms.select.basic class="select2 general-select" name="flag" required>
                        <option value="">Select flag</option>
                        @foreach (FlagType::cases() as $flag)
                            <option value="{{ $flag->value }}" @selected(old('flag', $lead->flag) === $flag->value)>
                                {{ str($flag->value)->replace('_', ' ')->lower()->ucfirst() }}
                            </option>
                        @endforeach
                    </x-forms.select.basic>
                </div>

                <div class="asset-col-12">
                    <x-forms.labels.basic>Notes</x-forms.labels.basic>
                    <x-forms.textarea.basic name="notes">{{ old('notes', $lead->notes) }}</x-forms.textarea.basic>
                </div>
            </div>
        </div>

        <div class="asset-actions">
            <a href="{{ url()->previous() }}" class="asset-btn asset-btn--secondary">
                Cancel
            </a>

            <button type="submit" class="asset-btn asset-btn--primary">
                Update
            </button>
        </div>
    </div>

</form>