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

@can('crm_leads_personal_info-view')
    <form method="POST" action="{{ route('leads.update', $lead->id) }}">
        @csrf
        @method('PUT')
        <div class="card section-card border-0 mb-24">
            <div class="card-header d-flex flex-wrap gap-2 align-items-center justify-content-between">
                <h6 class="text-lg font-weight-semibold mb-0">Personal Information</h6>
                <x-forms.buttons.primary type="submit">
                    Update
                </x-forms.buttons.primary>
            </div>
            <div class="card-body">
                <div class="row g-3">
                    <div class="col-md-6">
                        <x-forms.input-label.basic :readonly="!Gate::allows('crm_leads_personal_info-update')"
                            name="first_name" required value="{{ $lead->first_name }}">
                            First name<span style="color:red">*</span>
                        </x-forms.input-label.basic>
                    </div>
                    <div class="col-md-6">
                        <x-forms.input-label.basic :readonly="!Gate::allows('crm_leads_personal_info-update')"
                            name="last_name" required value="{{ $lead->last_name }}">
                            Last name<span style="color:red">*</span>
                        </x-forms.input-label.basic>
                    </div>
                    <div class="col-md-6">
                        <x-forms.input-label.basic :readonly="!Gate::allows('crm_leads_personal_info-update')" name="email"
                            required value="{{ $lead->email }}">
                            Email<span style="color:red">*</span>
                        </x-forms.input-label.basic>
                    </div>
                    <div class="col-md-6">
                        <x-forms.input-label.basic readonly value="{{ $lead->student_code }}">
                            Code<span style="color:red">*</span>
                        </x-forms.input-label.basic>
                    </div>
                    <div class="col-md-6">
                        <x-forms.input-label.basic name="phone" id="mobile" value="{{ $lead->phone }}" required>Phone<span
                                style="color:red">*</span></x-forms.input-label.basic>
                        <span id="phone-error" style="color:red; display:none;"></span>
                        <input type="hidden" disabled id="country_code" value="{{ $lead->country_code }}"
                            name="country_code">
                    </div>
                    <div class="col-md-6">
                        <x-forms.input-label.basic :readonly="!Gate::allows('crm_leads_personal_info-update')"
                            name="address" required value="{{ $lead->address }}">
                            Address<span style="color:red">*</span>
                        </x-forms.input-label.basic>
                    </div>
                    <div class="col-md-6">
                        <x-forms.labels.basic>Nationality </x-forms.labels.basic>
                        <x-forms.select.basic :disabled="!Gate::allows('crm_leads_personal_info-update')" class="select2"
                            name="nationality_id">
                            <option selected disabled>
                                Select Nationality
                            </option>
                            @foreach ($nationalities as $nationality)
                                <option value="{{ $nationality->id }}" @if ($lead->nationality_id == $nationality->id) selected
                                @endif>
                                    {{ $nationality->name }}
                                </option>
                            @endforeach
                        </x-forms.select.basic>
                    </div>
                    <div class="col-md-6">
                        <x-forms.labels.basic>Gender<span style="color:red">*</span></x-forms.labels.basic>
                        <x-forms.select.basic :disabled="!Gate::allows('crm_leads_personal_info-update')" class="select2"
                            name="gender">
                            <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="col-md-6">
                        <x-forms.labels.basic>Country<span style="color:red">*</span></x-forms.labels.basic>
                        <x-forms.select.basic :disabled="!Gate::allows('crm_leads_personal_info-update')" class="select2"
                            name="country_id">
                            <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>
                    <input type="hidden" id="country_code" name="country_code">
                    <div class="col-md-6">
                        <x-forms.labels.basic>Source<span style="color:red">*</span></x-forms.labels.basic>
                        <x-forms.select.basic :disabled="!Gate::allows('crm_leads_personal_info-update')" class="select2"
                            name="source" required>
                            @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="col-md-6" id="source_id"
                        style="@if ($lead->source_id) display:block; @else display:none @endif">
                        <x-forms.labels.basic>
                            Referral ID<span style="color:red">*</span>
                        </x-forms.labels.basic>
                        <x-forms.select.basic disabled class="select2" name="source_id">
                            <option value="{{ $lead->source_id }}">
                                {{  $students->firstWhere('id', $lead->source_id)?->first_name . ' ' . $students->firstWhere('id', $lead->source_id)?->last_name }}
                            </option>
                        </x-forms.select.basic>
                    </div>
                    <div class="col-md-6">
                        <x-forms.labels.basic>Type of contact<span style="color:red">*</span></x-forms.labels.basic>
                        <x-forms.select.basic :disabled="!Gate::allows('crm_leads_personal_info-update')" class="select2"
                            name="type_of_contact">
                            <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="col-md-6">
                        <x-forms.labels.basic>Track type<span style="color:red">*</span></x-forms.labels.basic>
                        <x-forms.select.basic :disabled="!Gate::allows('crm_leads_personal_info-update')" class="select2"
                            name="track_type_id">
                            <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="col-md-6">
                        <x-forms.labels.basic>Program<span style="color:red">*</span></x-forms.labels.basic>
                        <x-forms.select.basic :disabled="!Gate::allows('crm_leads_personal_info-update')" class="select2"
                            name="program_id">
                            <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="col-md-6">
                        <x-forms.labels.basic>Type of Lead<span style="color:red">*</span></x-forms.labels.basic>
                        <x-forms.select.basic :disabled="true" class="select2">
                            <option selected
                                value="{{ $getPricingPlanType?->where('id', $lead->plan_type_id)?->first()?->name }}">
                                {{ $getPricingPlanType?->where('id', $lead->plan_type_id)?->first()?->name }}
                            </option>
                        </x-forms.select.basic>
                    </div>
                    <div class="col-12">
                        <label class="form-label">Moderation Note</label>
                        <textarea {{ !Gate::allows('crm_leads_personal_info-update') ? 'readonly' : '' }}
                            class="form-control" rows="4" name="moderation_mode">{{ $lead->moderation_mode }}</textarea>
                    </div>
                </div>
            </div>
        </div>
        <div class="card section-card border-0 mb-24">
            <div class="card-header">
                <h6 class="text-lg font-weight-semibold mb-0">Professional Details</h6>
            </div>
            <div class="card-body">
                <div class="row g-3">
                    <div class="col-md-6">
                        <x-forms.labels.basic>Industry</x-forms.labels.basic>
                        <x-forms.select.basic name="industry" id="industry" class="select2" required>
                            <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="col-md-6">
                        <x-forms.input-label.basic :readonly="!Gate::allows('crm_leads_personal_info-update')"
                            name="position" value="{{ $lead->position }}">
                            Position
                        </x-forms.input-label.basic>
                    </div>
                    <div class="col-md-6">
                        <x-forms.input-label.basic :readonly="!Gate::allows('crm_leads_personal_info-update')"
                            name="ad_code" value="{{ $lead->ad_code }}">
                            Ad code<span style="color:red">*</span>
                        </x-forms.input-label.basic>
                    </div>
                    <div class="col-md-6">
                        <x-forms.labels.basic>Assigned to</x-forms.labels.basic>
                        <x-forms.select.basic :disabled="!Gate::allows('crm_leads_personal_info-update')" class="select2"
                            name="assigned_to">
                            <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>
                <div class="row">
                </div>
            </div>
        </div>
        <div class="card section-card border-0 mb-24">
            <div class="card-header">
                <h6 class="text-lg font-weight-semibold mb-0">Lead Management</h6>
            </div>
            <div class="card-body">
                <div class="row g-3">
                    <div class="col-md-6">
                        <x-forms.labels.basic>Flag<span style="color:red">*</span></x-forms.labels.basic>
                        <x-forms.select.basic :disabled="!Gate::allows('crm_leads_personal_info-update')" class="select2"
                            name="flag">
                            <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="col-12">
                        <x-forms.labels.basic>Notes</x-forms.labels.basic>
                        <x-forms.textarea.basic :readonly="!Gate::allows('crm_leads_personal_info-update')"
                            name="notes">{{ old('notes', $lead->notes) }}</x-forms.textarea.basic>
                    </div>
                    <div class="col-12 pt-3 text-end">
                        <x-forms.buttons.primary type="submit" class="float-end">
                            Update
                        </x-forms.buttons.primary>
                    </div>
                </div>
            </div>
        </div>
    </form>
@endcan