@extends('layouts.app')
@section('content')

@if(session('success'))
    <script>
        Swal.fire({
            icon: 'success',
            title: 'Success',
            text: '{{ session('success') }}',
            timer: 3000,
            showConfirmButton: false
        });
    </script>
@endif



      <!-- Announcement Bar -->
      @livewire('announcement')
      <!-- /Announcement Bar -->
      <!-- Header -->
      @livewire('header')

      @livewire('pageac', ['title' => 'Edit My Profile'])
      @if ($errors->any())
    <div class="alert alert-danger">
        <ul>
            @foreach ($errors->all() as $error)
                <li>{{ $error }}</li>
            @endforeach
        </ul>
    </div>
@endif


      <section class="flat-spacing-11">
        <div class="container">
            <div class="row">
                <div class="col-lg-3">
                    @livewire('accountsidebar')
                </div>
                <div class="col-lg-9">

                    <div class="flat-spacing-11">
                        <div class="">
                            <div class="">
                                <div class="tf-page-cart-item">
                                    <h5 class="fw-5 mb_20">Personal Details</h5>
                                    <form class="form-checkout" method="POST" action="{{ route('profile.update') }}">
                                        @csrf
                                        @method('PUT')
                                        <div class="box grid-2">
                                        <!-- Name -->
                                        <div class="box fieldset">
                                            <fieldset class="fieldset">
                                                <label for="first-name">Name</label>
                                                <input type="text" id="first-name" name="name" value="{{ old('name', $profile->name ?? '') }}" placeholder="Enter First Name">
                                            </fieldset>
                                        </div>

                                        <!-- Phone -->
                                        <fieldset class="box fieldset">
                                            <label for="phone">Phone Number</label>
                                            <input
                                                type="text"
                                                id="phone"
                                                name="phone"
                                                value="{{ old('phone', $profile->phone ?? '') }}"
                                                placeholder="000 000 0000"
                                                pattern="\d{3} \d{3} \d{4}"
                                                title="Enter a valid phone number in the format: 000 000 0000"
                                                maxlength="12"
                                                oninput="formatPhoneNumber(this)"
                                                required
                                            >
                                        </fieldset>

                                        </div>
                                        <div class="box grid-2">
                                        <!-- Gender -->
                                        <fieldset class="box fieldset">
                                            <label for="gender">Gender</label>
                                            <div class="select-custom">
                                                <select class="tf-select w-100" id="gender" name="gender" data-default="">
                                                    <option value="male" {{ (old('gender', $profile->gender ?? '') == 'male') ? 'selected' : '' }}>Male</option>
                                                    <option value="female" {{ (old('gender', $profile->gender ?? '') == 'female') ? 'selected' : '' }}>Female</option>
                                                    <option value="other" {{ (old('gender', $profile->gender ?? '') == 'other') ? 'selected' : '' }}>Other</option>
                                                </select>
                                            </div>
                                        </fieldset>

                                        <!-- Date of Birth -->
                                        <fieldset class="box fieldset">
                                            <label for="date_of_birth">Date of Birth</label>
                                            <input type="date" id="date_of_birth" name="date_of_birth" value="{{ old('date_of_birth', $profile->date_of_birth ?? '') }}">
                                        </fieldset>
                                        </div>
                                        <div class="box grid-2">
                                        <!-- Religion -->
                                        <fieldset class="box fieldset">
                                            <label for="religion">Religion</label>
                                            <div class="select-custom">
                                            <select class="tf-select w-100" id="religion" name="religion">
                                                <option value="hindu" {{ old('religion', $user->religion ?? '') == 'hindu' ? 'selected' : '' }}>Hindu</option>
                                                <option value="muslim" {{ old('religion', $user->religion ?? '') == 'muslim' ? 'selected' : '' }}>Muslim</option>
                                                <option value="christian" {{ old('religion', $user->religion ?? '') == 'christian' ? 'selected' : '' }}>Christian</option>
                                                <option value="sikh" {{ old('religion', $user->religion ?? '') == 'sikh' ? 'selected' : '' }}>Sikh</option>
                                                <option value="buddhist" {{ old('religion', $user->religion ?? '') == 'buddhist' ? 'selected' : '' }}>Buddhist</option>
                                                <option value="jain" {{ old('religion', $user->religion ?? '') == 'jain' ? 'selected' : '' }}>Jain</option>
                                                <option value="zoroastrian" {{ old('religion', $user->religion ?? '') == 'zoroastrian' ? 'selected' : '' }}>Zoroastrian</option>
                                                <option value="other" {{ old('religion', $user->religion ?? '') == 'other' ? 'selected' : '' }}>Other</option>
                                            </select>
                                            </div>
                                        </fieldset>

                                        <!-- Mother Tongue -->
                                        <fieldset class="box fieldset">
                                            <label for="mother_tongue">Mother Tongue</label>
                                            <div class="select-custom">
                                                <select class="tf-select w-100" id="mother_tongue" name="mother_tongue">
                                                    <!-- Hindi is widely spoken in multiple states -->
                                                    <option value="hindi" {{ (old('mother_tongue', $profile->mother_tongue ?? '') == 'hindi') ? 'selected' : '' }}>Hindi</option>
                                                    <option value="bengali" {{ (old('mother_tongue', $profile->mother_tongue ?? '') == 'bengali') ? 'selected' : '' }}>Bengali</option>
                                                    <option value="tamil" {{ (old('mother_tongue', $profile->mother_tongue ?? '') == 'tamil') ? 'selected' : '' }}>Tamil</option>
                                                    <option value="telugu" {{ (old('mother_tongue', $profile->mother_tongue ?? '') == 'telugu') ? 'selected' : '' }}>Telugu</option>
                                                    <option value="marathi" {{ (old('mother_tongue', $profile->mother_tongue ?? '') == 'marathi') ? 'selected' : '' }}>Marathi</option>
                                                    <option value="urdu" {{ (old('mother_tongue', $profile->mother_tongue ?? '') == 'urdu') ? 'selected' : '' }}>Urdu</option>
                                                    <option value="gujarati" {{ (old('mother_tongue', $profile->mother_tongue ?? '') == 'gujarati') ? 'selected' : '' }}>Gujarati</option>
                                                    <option value="punjabi" {{ (old('mother_tongue', $profile->mother_tongue ?? '') == 'punjabi') ? 'selected' : '' }}>Punjabi</option>
                                                    <option value="malayalam" {{ (old('mother_tongue', $profile->mother_tongue ?? '') == 'malayalam') ? 'selected' : '' }}>Malayalam</option>
                                                    <option value="kannada" {{ (old('mother_tongue', $profile->mother_tongue ?? '') == 'kannada') ? 'selected' : '' }}>Kannada</option>
                                                    <option value="odia" {{ (old('mother_tongue', $profile->mother_tongue ?? '') == 'odia') ? 'selected' : '' }}>Odia</option>
                                                    <option value="assamese" {{ (old('mother_tongue', $profile->mother_tongue ?? '') == 'assamese') ? 'selected' : '' }}>Assamese</option>
                                                    <option value="maithili" {{ (old('mother_tongue', $profile->mother_tongue ?? '') == 'maithili') ? 'selected' : '' }}>Maithili</option>
                                                    <option value="kashmiri" {{ (old('mother_tongue', $profile->mother_tongue ?? '') == 'kashmiri') ? 'selected' : '' }}>Kashmiri</option>
                                                    <option value="sindhi" {{ (old('mother_tongue', $profile->mother_tongue ?? '') == 'sindhi') ? 'selected' : '' }}>Sindhi</option>
                                                    <option value="dogri" {{ (old('mother_tongue', $profile->mother_tongue ?? '') == 'dogri') ? 'selected' : '' }}>Dogri</option>
                                                    <option value="bodo" {{ (old('mother_tongue', $profile->mother_tongue ?? '') == 'bodo') ? 'selected' : '' }}>Bodo</option>
                                                    <option value="konkani" {{ (old('mother_tongue', $profile->mother_tongue ?? '') == 'konkani') ? 'selected' : '' }}>Konkani</option>
                                                    <option value="santhali" {{ (old('mother_tongue', $profile->mother_tongue ?? '') == 'santhali') ? 'selected' : '' }}>Santhali</option>
                                                    <option value="nepali" {{ (old('mother_tongue', $profile->mother_tongue ?? '') == 'nepali') ? 'selected' : '' }}>Nepali</option>
                                                    <option value="mauritian_creole" {{ (old('mother_tongue', $profile->mother_tongue ?? '') == 'mauritian_creole') ? 'selected' : '' }}>Mauritian Creole</option>
                                                    <option value="tulu" {{ (old('mother_tongue', $profile->mother_tongue ?? '') == 'tulu') ? 'selected' : '' }}>Tulu</option>
                                                    <option value="marwari" {{ (old('mother_tongue', $profile->mother_tongue ?? '') == 'marwari') ? 'selected' : '' }}>Marwari</option>
                                                    <option value="rajastani" {{ (old('mother_tongue', $profile->mother_tongue ?? '') == 'rajastani') ? 'selected' : '' }}>Rajasthani</option>
                                                    <option value="bhojpuri" {{ (old('mother_tongue', $profile->mother_tongue ?? '') == 'bhojpuri') ? 'selected' : '' }}>Bhojpuri</option>
                                                    <option value="haryanvi" {{ (old('mother_tongue', $profile->mother_tongue ?? '') == 'haryanvi') ? 'selected' : '' }}>Haryanvi</option>
                                                    <option value="chhattisgarhi" {{ (old('mother_tongue', $profile->mother_tongue ?? '') == 'chhattisgarhi') ? 'selected' : '' }}>Chhattisgarhi</option>
                                                    <option value="marathi" {{ (old('mother_tongue', $profile->mother_tongue ?? '') == 'marathi') ? 'selected' : '' }}>Marathi</option>
                                                    <option value="gujarati" {{ (old('mother_tongue', $profile->mother_tongue ?? '') == 'gujarati') ? 'selected' : '' }}>Gujarati</option>
                                                    <option value="malay" {{ (old('mother_tongue', $profile->mother_tongue ?? '') == 'malay') ? 'selected' : '' }}>Malay</option>
                                                    <option value="sindhi" {{ (old('mother_tongue', $profile->mother_tongue ?? '') == 'sindhi') ? 'selected' : '' }}>Sindhi</option>
                                                    <option value="bengali" {{ (old('mother_tongue', $profile->mother_tongue ?? '') == 'bengali') ? 'selected' : '' }}>Bengali</option>
                                                    <option value="hindi" {{ (old('mother_tongue', $profile->mother_tongue ?? '') == 'hindi') ? 'selected' : '' }}>Hindi</option>
                                                    <option value="kannada" {{ (old('mother_tongue', $profile->mother_tongue ?? '') == 'kannada') ? 'selected' : '' }}>Kannada</option>
                                                </select>

                                            </div>
                                        </fieldset>
                                        </div>
                                        <div class="box grid-2">

                                        <!-- Caste -->
                                        <fieldset class="box fieldset">
                                            <label for="caste">Caste</label>
                                            <input type="text" id="caste" name="caste" value="{{ old('caste', $profile->caste ?? '') }}" placeholder="Enter Caste">
                                        </fieldset>

                                        <!-- Caste Free -->
                                        <fieldset class="box fieldset">
                                            <label for="caste_free" class="text-success">Open to marrying from other communities/castes</label>
                                            <div>
                                                <input type="checkbox" id="caste_free" name="caste_free"
                                                       value="1" {{ old('caste_free', $profile->caste_free ?? '') == 1 ? 'checked' : '' }}>
                                                <label for="caste_free">Yes, I am open to marrying from other communities or castes</label>
                                            </div>
                                        </fieldset>

                                        </div>
                                        <div class="box grid-2">
                                        <!-- Subcaste -->
                                        <fieldset class="box fieldset">
                                            <label for="subcaste">Subcaste</label>
                                            <input type="text" id="subcaste" name="subcaste" value="{{ old('subcaste', $profile->subcaste ?? '') }}" placeholder="Enter Subcaste">
                                        </fieldset>

                                        <!-- Gothram -->
                                        <fieldset class="box fieldset">
                                            <label for="gothram">Gothram</label>
                                            <input type="text" id="gothram" name="gothram" value="{{ old('gothram', $profile->gothram ?? '') }}" placeholder="Enter Gothram">
                                        </fieldset>
                                        </div>
                                        <div class="box grid-2">
                                        <!-- Dosham -->
                                        <fieldset class="box fieldset">
                                            <label for="dosham">Dosham</label>
                                            <select class="tf-select w-100" id="dosham" name="dosham">
                                                <option value="">Select Dosham</option>
                                                <option value="yes" {{ (old('dosham', $profile->dosham ?? '') == 'yes') ? 'selected' : '' }}>Yes</option>
                                                <option value="no" {{ (old('dosham', $profile->dosham ?? '') == 'no') ? 'selected' : '' }}>No</option>
                                                <option value="dont_know" {{ (old('dosham', $profile->dosham ?? '') == 'dont_know') ? 'selected' : '' }}>Don't Know</option>
                                            </select>

                                        </fieldset>

                                        <!-- Birth Place -->
                                        <fieldset class="box fieldset">
                                            <label for="birth_place">Birth Place</label>
                                            <input type="text" id="birth_place" name="birth_place" value="{{ old('birth_place', $profile->birth_place ?? '') }}" placeholder="Enter Birth Place">
                                        </fieldset>
                                        </div>

                                        <h5 class="fw-5 mb_20">Residential Details</h5>

                                        <!-- Address -->
                                        <fieldset class="box fieldset">
                                            <label for="address">Address</label>
                                            <input type="text" id="address" name="address_1" value="{{ old('address', $profile->address_1 ?? '') }}" placeholder="Enter Address">
                                        </fieldset>
                                        <fieldset class="box fieldset">
                                            <label for="address">Address Line 2 (Optional) </label>
                                            <input type="text" id="address" name="address_2" value="{{ old('address', $profile->address_2 ?? '') }}" placeholder="Enter Address">
                                        </fieldset>
                                        <div class="box grid-2">
                                            <!-- Country -->
                                            <fieldset class="box fieldset">
                                                <label for="country">Country</label>
                                                <select class="tf-select w-100" id="country" name="country">
                                                    <option value="">Select Country</option>
                                                    @foreach ($countries as $country)
                                                        <option value="{{ $country->id }}" {{ old('country', $profile->country ?? '') == $country->id ? 'selected' : '' }}>
                                                            {{ $country->name }}
                                                        </option>
                                                    @endforeach
                                                </select>


                                            </fieldset>

                                            <!-- State -->
                                            <fieldset class="box fieldset">
                                                <label for="state">State</label>
                                                <select class="tf-select w-100" id="state" name="state">
                                                    <option value="">Select State</option>
                                                    @foreach ($states as $state)
                                                        <option value="{{ $state->id }}" {{ old('state', $profile->state ?? '') == $state->id ? 'selected' : '' }}>
                                                            {{ $state->name }}
                                                        </option>
                                                    @endforeach
                                                </select>



                                            </fieldset>
                                        </div>
                                        <div class="box grid-2">
                                            <!-- City -->
                                            <fieldset class="box fieldset">
                                                <label for="city">City</label>
                                                <select class="tf-select w-100" id="city" name="city">
                                                    <option value="">Select City</option>
                                                    @foreach ($cities as $city)
                                                        <option value="{{ $city->id }}" {{ old('city', $profile->city ?? '') == $city->id ? 'selected' : '' }}>
                                                            {{ $city->name }}
                                                        </option>
                                                    @endforeach
                                                </select>
                                            </fieldset>
                                        </div>

                                        <h5 class="fw-5 mb_20">Marital Details</h5>

                                        <div class="box grid-2">
                                            <!-- Marital Status -->
                                            <fieldset class="box fieldset">
                                                <label for="marital_status">Marital Status</label>
                                                <select class="tf-select w-100" id="marital_status" name="marital_status">
                                                    <option value="">Select Marital Status</option>
                                                    <option value="Never Married" {{ old('marital_status', $profile->marital_status ?? '') == 'Never Married' ? 'selected' : '' }}>Never Married</option>
                                                    <option value="Widow" {{ old('marital_status', $profile->marital_status ?? '') == 'Widow' ? 'selected' : '' }}>Widow</option>
                                                    <option value="Divorced" {{ old('marital_status', $profile->marital_status ?? '') == 'Divorced' ? 'selected' : '' }}>Divorced</option>
                                                    <option value="Awaiting Divorced" {{ old('marital_status', $profile->marital_status ?? '') == 'Awaiting Divorced' ? 'selected' : '' }}>Awaiting Divorced</option>
                                                </select>
                                                @error('marital_status')
                                                <span class="text-danger">{{ $message }}</span>
                                                @enderror
                                            </fieldset>


                                            <!-- Height -->
                                            <fieldset class="box fieldset">
                                                <label for="height">Height</label>
                                                <select class="tf-select w-100" id="height_cm" name="height_cm">
                                                    <option value="">Select Height</option>
                                                    <option value="below_5ft" {{ old('height_cm', $profile->height_cm ?? '') == 'below_5ft' ? 'selected' : '' }}>Below 5'0" (152 cm)</option>
                                                    <option value="5ft_5_6" {{ old('height_cm', $profile->height_cm ?? '') == '5ft_5_6' ? 'selected' : '' }}>5'0" to 5'6" (152 cm to 167 cm)</option>
                                                    <option value="5ft_6_5_8" {{ old('height_cm', $profile->height_cm ?? '') == '5ft_6_5_8' ? 'selected' : '' }}>5'6" to 5'8" (167 cm to 172 cm)</option>
                                                    <option value="5ft_8_6" {{ old('height_cm', $profile->height_cm ?? '') == '5ft_8_6' ? 'selected' : '' }}>5'8" and above (172 cm+)</option>
                                                </select>
                                                @error('height_cm')
                                                <span class="text-danger">{{ $message }}</span>
                                                @enderror
                                            </fieldset>

                                        </div>
                                        <div class="box grid-2">

                                        <!-- Family Status -->
                                        <fieldset class="box fieldset">
                                            <label for="family_status">Family Status</label>
                                            <select class="tf-select w-100" id="family_status" name="family_status">
                                                <option value="">Select Family Status</option>
                                                <option value="Middle Class" {{ old('family_status', $profile->family_status ?? '') == 'Middle Class' ? 'selected' : '' }}>Middle Class</option>
                                                <option value="Upper Middle Class" {{ old('family_status', $profile->family_status ?? '') == 'Upper Middle Class' ? 'selected' : '' }}>Upper Middle Class</option>
                                                <option value="High Class" {{ old('family_status', $profile->family_status ?? '') == 'High Class' ? 'selected' : '' }}>High Class</option>
                                                <option value="Rich" {{ old('family_status', $profile->family_status ?? '') == 'Rich' ? 'selected' : '' }}>Rich</option>
                                            </select>
                                        </fieldset>
                                        </div>

                                        <div class="box grid-2">
                                            <!-- Family Status -->
                                            <fieldset class="box fieldset">
                                                <label for="family_type">Family Type</label>
                                                <select class="tf-select w-100" id="family_type" name="family_type">
                                                    <option value="">Select Family Type</option>
                                                    <option value="Joint" {{ old('family_type', $profile->family_type ?? '') == 'Joint' ? 'selected' : '' }}>Joint Family</option>
                                                    <option value="Nuclear" {{ old('family_type', $profile->family_type ?? '') == 'Nuclear' ? 'selected' : '' }}>Nuclear Family</option>
                                                </select>
                                                @error('family_type')
                                                <span class="text-danger">{{ $message }}</span>
                                                @enderror
                                            </fieldset>

                                            <!-- Family Value -->
                                            <fieldset class="box fieldset">
                                                <label for="family_value">Family Value</label>
                                                <select class="tf-select w-100" id="family_value" name="family_value">
                                                    <option value="">Select Family Value</option>
                                                    <option value="Orthodox" {{ old('family_value', $profile->family_value ?? '') == 'Orthodox' ? 'selected' : '' }}>Orthodox</option>
                                                    <option value="Traditional" {{ old('family_value', $profile->family_value ?? '') == 'Traditional' ? 'selected' : '' }}>Traditional</option>
                                                    <option value="Moderate" {{ old('family_value', $profile->family_value ?? '') == 'Moderate' ? 'selected' : '' }}>Moderate</option>
                                                    <option value="Liberal" {{ old('family_value', $profile->family_value ?? '') == 'Liberal' ? 'selected' : '' }}>Liberal</option>
                                                </select>
                                                @error('family_value')
                                                <span class="text-danger">{{ $message }}</span>
                                                @enderror
                                            </fieldset>
                                        </div>


                                        <h5 class="fw-5 mb_20">Professional Details</h5>

                                        <div class="box grid-2">
                                            <!-- Education -->
                                            <fieldset class="box fieldset">
                                                <label for="higher_education">Education</label>
                                                <select class="tf-select w-100" id="higher_education" name="higher_education">
                                                    <option value="">Select Education</option>
                                                    <option value="high_school" {{ old('higher_education', $profile->higher_education ?? '') == 'high_school' ? 'selected' : '' }}>High School</option>
                                                    <option value="bachelor_degree" {{ old('higher_education', $profile->higher_education ?? '') == 'bachelor_degree' ? 'selected' : '' }}>Bachelor's Degree</option>
                                                    <option value="master_degree" {{ old('higher_education', $profile->higher_education ?? '') == 'master_degree' ? 'selected' : '' }}>Master's Degree</option>
                                                    <option value="doctorate" {{ old('higher_education', $profile->higher_education ?? '') == 'doctorate' ? 'selected' : '' }}>Doctorate (PhD)</option>
                                                    <option value="other" {{ old('higher_education', $profile->higher_education ?? '') == 'other' ? 'selected' : '' }}>Other</option>
                                                </select>
                                                @error('higher_education')
                                                <span class="text-danger">{{ $message }}</span>
                                                @enderror
                                            </fieldset>

                                            <!-- Employed In -->
                                            <fieldset class="box fieldset">
                                                <label for="employed_in">Employed In</label>
                                                <select class="tf-select w-100" id="employed_in" name="employed_in">
                                                    <option value="">Select Employed In</option>
                                                    <option value="Government" {{ old('employed_in', $profile->employed_in ?? '') == 'Government' ? 'selected' : '' }}>Government</option>
                                                    <option value="PSU" {{ old('employed_in', $profile->employed_in ?? '') == 'PSU' ? 'selected' : '' }}>PSU</option>
                                                    <option value="Private" {{ old('employed_in', $profile->employed_in ?? '') == 'Private' ? 'selected' : '' }}>Private</option>
                                                    <option value="Business" {{ old('employed_in', $profile->employed_in ?? '') == 'Business' ? 'selected' : '' }}>Business</option>
                                                    <option value="Self Employed" {{ old('employed_in', $profile->employed_in ?? '') == 'Self Employed' ? 'selected' : '' }}>Self Employed</option>
                                                    <option value="Not Working" {{ old('employed_in', $profile->employed_in ?? '') == 'Not Working' ? 'selected' : '' }}>Not Working</option>
                                                </select>
                                                @error('employed_in')
                                                <span class="text-danger">{{ $message }}</span>
                                                @enderror
                                            </fieldset>

                                        </div>

                                        <div class="box grid-2">
                                            {{-- Job Title --}}
                                            <fieldset class="box fieldset">
                                                <label for="job_title">Job Title</label>
                                                <input type="text" class="form-control" id="job_title" name="job_title" value="{{ old('job_title', $profile->job_title ?? '') }}">
                                                @error('job_title')
                                                <span class="text-danger">{{ $message }}</span>
                                                @enderror
                                            </fieldset>

                                            {{-- Company Name --}}
                                            <fieldset class="box fieldset">
                                                <label for="company_name">Company Name</label>
                                                <input type="text" class="form-control" id="company_name" name="company_name" value="{{ old('company_name', $profile->company_name ?? '') }}">
                                                @error('company_name')
                                                <span class="text-danger">{{ $message }}</span>
                                                @enderror
                                            </fieldset>
                                        </div>

                                        <div class="box grid-2">
                                            <fieldset class="box fieldset">
                                                <label for="occupation">Occupation</label>
                                                <select class="tf-select w-100" id="occupation" name="occupation">
                                                    <option value="">Select Occupation</option>
                                                    <option value="engineer" {{ old('occupation', $profile->occupation ?? '') == 'engineer' ? 'selected' : '' }}>Engineer</option>
                                                    <option value="doctor" {{ old('occupation', $profile->occupation ?? '') == 'doctor' ? 'selected' : '' }}>Doctor</option>
                                                    <option value="teacher" {{ old('occupation', $profile->occupation ?? '') == 'teacher' ? 'selected' : '' }}>Teacher</option>
                                                    <option value="entrepreneur" {{ old('occupation', $profile->occupation ?? '') == 'entrepreneur' ? 'selected' : '' }}>Entrepreneur</option>
                                                    <option value="lawyer" {{ old('occupation', $profile->occupation ?? '') == 'lawyer' ? 'selected' : '' }}>Lawyer</option>
                                                    <option value="accountant" {{ old('occupation', $profile->occupation ?? '') == 'accountant' ? 'selected' : '' }}>Accountant</option>
                                                    <option value="designer" {{ old('occupation', $profile->occupation ?? '') == 'designer' ? 'selected' : '' }}>Designer</option>
                                                    <option value="developer" {{ old('occupation', $profile->occupation ?? '') == 'developer' ? 'selected' : '' }}>Developer</option>
                                                    <option value="nurse" {{ old('occupation', $profile->occupation ?? '') == 'nurse' ? 'selected' : '' }}>Nurse</option>
                                                    <option value="scientist" {{ old('occupation', $profile->occupation ?? '') == 'scientist' ? 'selected' : '' }}>Scientist</option>
                                                    <option value="artist" {{ old('occupation', $profile->occupation ?? '') == 'artist' ? 'selected' : '' }}>Artist</option>
                                                    <option value="architect" {{ old('occupation', $profile->occupation ?? '') == 'architect' ? 'selected' : '' }}>Architect</option>
                                                    <option value="chef" {{ old('occupation', $profile->occupation ?? '') == 'chef' ? 'selected' : '' }}>Chef</option>
                                                    <option value="musician" {{ old('occupation', $profile->occupation ?? '') == 'musician' ? 'selected' : '' }}>Musician</option>
                                                    <option value="writer" {{ old('occupation', $profile->occupation ?? '') == 'writer' ? 'selected' : '' }}>Writer</option>
                                                    <option value="other" {{ old('occupation', $profile->occupation ?? '') == 'other' ? 'selected' : '' }}>Other</option>
                                                </select>
                                                @error('occupation')
                                                    <div class="text-danger">{{ $message }}</div>
                                                @enderror
                                            </fieldset>


                                            <fieldset class="box fieldset">
                                                <label for="annual_income">Annual Income</label>
                                                <select class="tf-select w-100" id="annual_income" name="annual_income">
                                                    <option value="">Select Annual Income</option>
                                                    <option value="below_1lakh" {{ old('annual_income', $profile->annual_income ?? '') == 'below_1lakh' ? 'selected' : '' }}>Below ₹1,00,000</option>
                                                    <option value="1lakh_2lakh" {{ old('annual_income', $profile->annual_income ?? '') == '1lakh_2lakh' ? 'selected' : '' }}>₹1,00,000 - ₹2,00,000</option>
                                                    <option value="2lakh_5lakh" {{ old('annual_income', $profile->annual_income ?? '') == '2lakh_5lakh' ? 'selected' : '' }}>₹2,00,000 - ₹5,00,000</option>
                                                    <option value="5lakh_10lakh" {{ old('annual_income', $profile->annual_income ?? '') == '5lakh_10lakh' ? 'selected' : '' }}>₹5,00,000 - ₹10,00,000</option>
                                                    <option value="10lakh_20lakh" {{ old('annual_income', $profile->annual_income ?? '') == '10lakh_20lakh' ? 'selected' : '' }}>₹10,00,000 - ₹20,00,000</option>
                                                    <option value="20lakh_50lakh" {{ old('annual_income', $profile->annual_income ?? '') == '20lakh_50lakh' ? 'selected' : '' }}>₹20,00,000 - ₹50,00,000</option>
                                                    <option value="above_50lakh" {{ old('annual_income', $profile->annual_income ?? '') == 'above_50lakh' ? 'selected' : '' }}>Above ₹50,00,000</option>
                                                </select>
                                                @error('annual_income')
                                                    <div class="text-danger">{{ $message }}</div>
                                                @enderror
                                            </fieldset>
                                        </div>

                                        <!-- Submit Button -->
                                        <div class="submit-btn">
                                            <button type="submit" class="tf-btn radius-3 btn-fill btn-icon animate-hover-btn justify-content-center">Save Profile</button>
                                        </div>
                                    </form>

                                </div>

                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </section>


      <!-- /Slider -->


      <!-- Footer -->
      @livewire('footer')




@endsection