@extends('user.layout')

@section('content')
    <!--   hero area start   -->
    <!--<div class="breadcrumb-area services service-bg"-->
    <!--    style="background-image: url('{{ asset('assets/front/img/' . $bs->breadcrumb) }}');background-size:cover;">-->
    <!--    <div class="container">-->
    <!--        <div class="breadcrumb-txt">-->
    <!--            <div class="row">-->
    <!--                <div class="col-xl-7 col-lg-8 col-sm-10">-->
    <!--                    <h1>{{ __('Edit Profile') }}</h1>-->
    <!--                    <ul class="breadcumb">-->
    <!--                        <li><a href="{{ route('user-dashboard') }}">{{ __('Dashboard') }}</a></li>-->
    <!--                        <li>{{ __('Edit Profile') }}</li>-->
    <!--                    </ul>-->
    <!--                </div>-->
    <!--            </div>-->
    <!--        </div>-->
    <!--    </div>-->
    <!--    <div class="breadcrumb-area-overlay"></div>-->
    <!--</div>-->
    <!--   hero area end    -->
    <!--====== CHECKOUT PART START ======-->
    <section class="user-dashbord">
        <div class="container">
            <div class="row">
                @include('user.inc.site_bar')
                <div class="col-lg-9">
                    <div class="row mb-5">
                        <div class="col-lg-12">
                            <div class="container user-profile-details mt-4 mb-4"> 
                                <div class="account-info p-3 border rounded"> 
                                    <div class="title mb-3">
                                        <h4 class="mb-0 text-center"
                                            style="font-weight: bold; color: #333; border-bottom: 2px solid #007bff; padding-bottom: 5px;">
                                            {{ __('Account Information') }}
                                        </h4>
                                    </div>
                                    <div class="main-info text-right">
                                        {{-- User Profile Photo --}}
                                        @if (strpos($user->photo, 'facebook') !== false || strpos($user->photo, 'google') !== false)
                                            <img src="{{ $user->photo ? $user->photo : asset('assets/front/img/user/profile.jpg') }}"
                                                alt="user-image"
                                                style="width: 100px; height: 100px; border-radius: 50%; object-fit: cover; margin-bottom: 15px;">
                                        @else
                                            <img src="{{ $user->photo ? asset('assets/front/img/user/' . $user->photo) : asset('assets/front/img/user/profile.jpg') }}"
                                                alt="user-image"
                                                style="width: 100px; height: 100px; border-radius: 50%; object-fit: cover; margin-bottom: 15px;">
                                        @endif
                                    
                                        <h5 class="mb-3 ml-1">{{ convertUtf8($user->username) }}</h5>
                                    
                                        <div class="row justify-content-left"><!-- Keeps the block to the right -->
                                            <div class="col-md-auto text-left"><!-- This part stays left-aligned -->
                                                <ul class="list-unstyled">
                                                    <li><strong>{{ __('Email') }}:</strong>
                                                        {{ convertUtf8($user->email) }}</li>
                                                    <li><strong>{{ __('Phone') }}:</strong>
                                                        {{ convertUtf8($user->number) }}</li>
                                                    <li><strong>{{ __('City') }}:</strong>
                                                        {{ convertUtf8($user->fax) }}</li>
                                                    <li><strong>{{ __('State') }}:</strong>
                                                        {{ convertUtf8($user->city) }}</li>
                                                    <li><strong>{{ __('Address') }}:</strong>
                                                        {{ convertUtf8($user->state) }}</li>
                                                    <li><strong>{{ __('Country') }}:</strong>
                                                        {{ convertUtf8($user->address) }}</li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="user-profile-details">
                                <div class="account-info">
                                    <div class="title">
                                        <h4>{{ __('Edit Profile') }}</h4>
                                    </div>
                                    <div class="edit-info-area">
                                        <form action="{{ route('user-profile-update') }}" method="POST"
                                            enctype="multipart/form-data">
                                            @csrf
                                            <div class="upload-img">
                                                <label for="User Photo">User Photo</label>
                                                @if (strpos($user->photo, 'facebook') !== false || strpos($user->photo, 'google'))
                                                    <div class="img-box">

                                                        <img class="showimage"
                                                            src="{{ $user->photo ? $user->photo : asset('assets/front/img/user/profile.jpg') }}"
                                                            alt="user-image">
                                                    </div>
                                                @else
                                                    <div class="img-box">
                                                        <img class="showimage"
                                                            src="{{ $user->photo ? asset('assets/front/img/user/' . $user->photo) : asset('assets/front/img/user/profile.jpg') }}"
                                                            alt="user-image">
                                                    </div>
                                                @endif
                                                <div class="file-upload-area">
                                                    <div class="upload-file">
                                                        <input type="file" name="photo" class="upload image">
                                                        <span>{{ __('Upload') }}</span>
                                                    </div>
                                                    @error('photo')
                                                        <p class="text-danger">{{ convertUtf8($message) }}</p>
                                                    @enderror
                                                </div>
                                            </div>
                                            <div class="row">
                                                <div class="col-lg-6">
                                                    <label for="fname">First Name</label>
                                                    <input type="text" class="form_control"
                                                        placeholder="{{ __('First Name') }}" name="fname"
                                                        value="{{ convertUtf8($user->fname) }}"
                                                        value="{{ Request::old('fname') }}">
                                                    @error('fname')
                                                        <p class="text-danger mb-4">{{ convertUtf8($message) }}</p>
                                                    @enderror
                                                </div>
                                                <div class="col-lg-6">
                                                    <label for="lname">Last Name</label>
                                                    <input type="text" class="form_control"
                                                        placeholder="{{ __('Last Name') }}" name="lname"
                                                        value="{{ convertUtf8($user->lname) }}"
                                                        value="{{ Request::old('lname') }}">
                                                    @error('lname')
                                                        <p class="text-danger mb-4">{{ convertUtf8($message) }}</p>
                                                    @enderror
                                                </div>
                                                <div class="col-lg-6">
                                                    <label for="">Father Name</label>
                                                    <input type="text" class="form_control"
                                                        placeholder="{{ __('Father Name') }}" name="father_name"
                                                        value="{{ convertUtf8($user->father_name) }}"
                                                        value="{{ Request::old('father_name') }}">
                                                    @error('father_name')
                                                        <p class="text-danger mb-4">{{ convertUtf8($message) }}</p>
                                                    @enderror
                                                </div>
                                                <div class="col-lg-6">
                                                    <label for="">Mother Name</label>
                                                    <input type="text" class="form_control"
                                                        placeholder="{{ __('Mother Name') }}" name="mother_name"
                                                        value="{{ convertUtf8($user->mother_name) }}"
                                                        value="{{ Request::old('mother_name') }}">
                                                    @error('mother_name')
                                                        <p class="text-danger mb-4">{{ convertUtf8($message) }}</p>
                                                    @enderror
                                                </div>
                                                <div class="col-lg-6">
                                                    <label for="">Date Of Birth</label>
                                                    <input type="date" class="form_control" name="date_of_birth"
                                                        value="{{ convertUtf8($user->date_of_birth) }}"
                                                        value="{{ Request::old('date_of_birth') }}">
                                                    @error('date_of_birth')
                                                        <p class="text-danger mb-4">{{ convertUtf8($message) }}</p>
                                                    @enderror
                                                </div>
                                                <div class="col-lg-6">
                                                    <label for="">Gender</label><br>
                                                    <input type="radio" id="male" name="gender" value="Male"
                                                        {{ old('gender', $user->gender) == 'Male' ? 'checked' : '' }}>
                                                    <label for="Male">Male</label>
                                                    <input type="radio" id="female" name="gender" value="Female"
                                                        {{ old('gender', $user->gender) == 'Female' ? 'checked' : '' }}>
                                                    <label for="Female">Female</label>
                                                </div>

                                                <div class="col-lg-6">
                                                    <label for="religion">Select Religion:</label>
                                                    <select id="religion" name="religion">
                                                        <option value="">--Select--</option>
                                                        <option value="islam"
                                                            {{ old('religion', $user->religion) == 'islam' ? 'selected' : '' }}>
                                                            Islam</option>
                                                        <option value="christianity"
                                                            {{ old('religion', $user->religion) == 'christianity' ? 'selected' : '' }}>
                                                            Christianity</option>
                                                        <option value="hinduism"
                                                            {{ old('religion', $user->religion) == 'hinduism' ? 'selected' : '' }}>
                                                            Hinduism</option>
                                                        <option value="buddhism"
                                                            {{ old('religion', $user->religion) == 'buddhism' ? 'selected' : '' }}>
                                                            Buddhism</option>
                                                        <option value="sikhism"
                                                            {{ old('religion', $user->religion) == 'sikhism' ? 'selected' : '' }}>
                                                            Sikhism</option>
                                                        <option value="judaism"
                                                            {{ old('religion', $user->religion) == 'judaism' ? 'selected' : '' }}>
                                                            Judaism</option>
                                                        <option value="other"
                                                            {{ old('religion', $user->religion) == 'other' ? 'selected' : '' }}>
                                                            Other</option>
                                                    </select>
                                                </div>

                                                <div class="col-lg-6">
                                                    <label for="marital_status">Marital Status:</label>
                                                    <select id="marital_status" name="marital_status">
                                                        <option value="">--Select--</option>
                                                        <option value="single"
                                                            {{ old('marital_status', $user->marital_status) == 'single' ? 'selected' : '' }}>
                                                            Single</option>
                                                        <option value="married"
                                                            {{ old('marital_status', $user->marital_status) == 'married' ? 'selected' : '' }}>
                                                            Married</option>
                                                        <option value="divorced"
                                                            {{ old('marital_status', $user->marital_status) == 'divorced' ? 'selected' : '' }}>
                                                            Divorced</option>
                                                        <option value="separated"
                                                            {{ old('marital_status', $user->marital_status) == 'separated' ? 'selected' : '' }}>
                                                            Separated</option>
                                                    </select>
                                                </div>

                                                <!-- Do you have children field -->
                                                <div id="children_field" class="col-lg-6" style="display:none;">
                                                    <label>Do you have any children?</label><br>
                                                    <input type="radio" id="children_yes" name="children"
                                                        value="yes" {{ old('children') == 'yes' ? 'checked' : '' }}>
                                                    <label for="children_yes">Yes</label>
                                                    <input type="radio" id="children_no" name="children"
                                                        value="no" {{ old('children') == 'no' ? 'checked' : '' }}>
                                                    <label for="children_no">No</label>
                                                </div>

                                                <!-- Children Details -->
                                                <div id="children_dis_field" class="col-lg-6" style="display:none;">
                                                    <label for="children_dis">Children's Details:</label>
                                                    <input type="text" name="children_dis" id="children_dis"
                                                        value="{{ old('children_dis', $user->children_dis) }}">
                                                </div>

                                                <!-- Spouse Name Field -->
                                                <div id="spouse_name_field" class="col-lg-6" style="display:none;">
                                                    <label for="spouse_name">Spouse Name:</label>
                                                    <input type="text" name="spouse_name" id="spouse_name"
                                                        value="{{ old('spouse_name', $user->spouse_name) }}">
                                                </div>

                                                <div class="col-lg-6">
                                                    <label for="national id">National Id</label>
                                                    <input type="text" class="form_control" name="nid"
                                                        value="{{ convertUtf8($user->nid) }}"
                                                        value="{{ Request::old('nid') }}">
                                                </div>
                                                <div class="col-lg-6">
                                                    <label for="">Passport Number</label>
                                                    <input type="text" class="form_control" name="passport_no"
                                                        value="{{ convertUtf8($user->passport_no) }}"
                                                        value="{{ Request::old('passport_no') }}">
                                                </div>
                                                <div class="col-lg-6">
                                                    <label for="passport_issue_place">Passport Issue Place</label>
                                                    <select name="passport_issue_place" id="passport_issue_place">
                                                        <option value="">--Select--</option>
                                                        <option value="Afghanistan"
                                                            {{ old('passport_issue_place', $user->passport_issue_place) == 'Afghanistan' ? 'selected' : '' }}>
                                                            Afghanistan</option>
                                                        <option value="Albania"
                                                            {{ old('passport_issue_place', $user->passport_issue_place) == 'Albania' ? 'selected' : '' }}>
                                                            Albania</option>
                                                        <option value="Algeria"
                                                            {{ old('passport_issue_place', $user->passport_issue_place) == 'Algeria' ? 'selected' : '' }}>
                                                            Algeria</option>
                                                        <option value="Andorra"
                                                            {{ old('passport_issue_place', $user->passport_issue_place) == 'Andorra' ? 'selected' : '' }}>
                                                            Andorra</option>
                                                        <option value="Angola"
                                                            {{ old('passport_issue_place', $user->passport_issue_place) == 'Angola' ? 'selected' : '' }}>
                                                            Angola</option>
                                                        <option value="Antigua and Barbuda"
                                                            {{ old('passport_issue_place', $user->passport_issue_place) == 'Antigua and Barbuda' ? 'selected' : '' }}>
                                                            Antigua and Barbuda</option>
                                                        <option value="Argentina"
                                                            {{ old('passport_issue_place', $user->passport_issue_place) == 'Argentina' ? 'selected' : '' }}>
                                                            Argentina</option>
                                                        <option value="Armenia"
                                                            {{ old('passport_issue_place', $user->passport_issue_place) == 'Armenia' ? 'selected' : '' }}>
                                                            Armenia</option>
                                                        <option value="Australia"
                                                            {{ old('passport_issue_place', $user->passport_issue_place) == 'Australia' ? 'selected' : '' }}>
                                                            Australia</option>
                                                        <option value="Austria"
                                                            {{ old('passport_issue_place', $user->passport_issue_place) == 'Austria' ? 'selected' : '' }}>
                                                            Austria</option>
                                                        <option value="Azerbaijan"
                                                            {{ old('passport_issue_place', $user->passport_issue_place) == 'Azerbaijan' ? 'selected' : '' }}>
                                                            Azerbaijan</option>
                                                        <option value="Bahamas"
                                                            {{ old('passport_issue_place', $user->passport_issue_place) == 'Bahamas' ? 'selected' : '' }}>
                                                            Bahamas</option>
                                                        <option value="Bahrain"
                                                            {{ old('passport_issue_place', $user->passport_issue_place) == 'Bahrain' ? 'selected' : '' }}>
                                                            Bahrain</option>
                                                        <option value="Bangladesh"
                                                            {{ old('passport_issue_place', $user->passport_issue_place) == 'Bangladesh' ? 'selected' : '' }}>
                                                            Bangladesh</option>
                                                        <option value="Barbados"
                                                            {{ old('passport_issue_place', $user->passport_issue_place) == 'Barbados' ? 'selected' : '' }}>
                                                            Barbados</option>
                                                        <option value="Belarus"
                                                            {{ old('passport_issue_place', $user->passport_issue_place) == 'Belarus' ? 'selected' : '' }}>
                                                            Belarus</option>
                                                        <option value="Belgium"
                                                            {{ old('passport_issue_place', $user->passport_issue_place) == 'Belgium' ? 'selected' : '' }}>
                                                            Belgium</option>
                                                        <option value="Belize"
                                                            {{ old('passport_issue_place', $user->passport_issue_place) == 'Belize' ? 'selected' : '' }}>
                                                            Belize</option>
                                                        <option value="Benin"
                                                            {{ old('passport_issue_place', $user->passport_issue_place) == 'Benin' ? 'selected' : '' }}>
                                                            Benin</option>
                                                        <option value="Bhutan"
                                                            {{ old('passport_issue_place', $user->passport_issue_place) == 'Bhutan' ? 'selected' : '' }}>
                                                            Bhutan</option>
                                                        <option value="Bolivia"
                                                            {{ old('passport_issue_place', $user->passport_issue_place) == 'Bolivia' ? 'selected' : '' }}>
                                                            Bolivia</option>
                                                        <option value="Bosnia and Herzegovina"
                                                            {{ old('passport_issue_place', $user->passport_issue_place) == 'Bosnia and Herzegovina' ? 'selected' : '' }}>
                                                            Bosnia and Herzegovina</option>
                                                        <option value="Botswana"
                                                            {{ old('passport_issue_place', $user->passport_issue_place) == 'Botswana' ? 'selected' : '' }}>
                                                            Botswana</option>
                                                        <option value="Brazil"
                                                            {{ old('passport_issue_place', $user->passport_issue_place) == 'Brazil' ? 'selected' : '' }}>
                                                            Brazil</option>
                                                        <option value="Brunei Darussalam"
                                                            {{ old('passport_issue_place', $user->passport_issue_place) == 'Brunei Darussalam' ? 'selected' : '' }}>
                                                            Brunei Darussalam</option>
                                                        <option value="Bulgaria"
                                                            {{ old('passport_issue_place', $user->passport_issue_place) == 'Bulgaria' ? 'selected' : '' }}>
                                                            Bulgaria</option>
                                                        <option value="Burkina Faso"
                                                            {{ old('passport_issue_place', $user->passport_issue_place) == 'Burkina Faso' ? 'selected' : '' }}>
                                                            Burkina Faso</option>
                                                        <option value="Burundi"
                                                            {{ old('passport_issue_place', $user->passport_issue_place) == 'Burundi' ? 'selected' : '' }}>
                                                            Burundi</option>
                                                        <option value="Cabo Verde"
                                                            {{ old('passport_issue_place', $user->passport_issue_place) == 'Cabo Verde' ? 'selected' : '' }}>
                                                            Cabo Verde</option>
                                                        <option value="Cambodia"
                                                            {{ old('passport_issue_place', $user->passport_issue_place) == 'Cambodia' ? 'selected' : '' }}>
                                                            Cambodia</option>
                                                        <option value="Cameroon"
                                                            {{ old('passport_issue_place', $user->passport_issue_place) == 'Cameroon' ? 'selected' : '' }}>
                                                            Cameroon</option>
                                                        <option value="Canada"
                                                            {{ old('passport_issue_place', $user->passport_issue_place) == 'Canada' ? 'selected' : '' }}>
                                                            Canada</option>
                                                        <option value="Central African Republic"
                                                            {{ old('passport_issue_place', $user->passport_issue_place) == 'Central African Republic' ? 'selected' : '' }}>
                                                            Central African Republic</option>
                                                        <option value="Chad"
                                                            {{ old('passport_issue_place', $user->passport_issue_place) == 'Chad' ? 'selected' : '' }}>
                                                            Chad</option>
                                                        <option value="Chile"
                                                            {{ old('passport_issue_place', $user->passport_issue_place) == 'Chile' ? 'selected' : '' }}>
                                                            Chile</option>
                                                        <option value="China"
                                                            {{ old('passport_issue_place', $user->passport_issue_place) == 'China' ? 'selected' : '' }}>
                                                            China</option>
                                                        <option value="Colombia"
                                                            {{ old('passport_issue_place', $user->passport_issue_place) == 'Colombia' ? 'selected' : '' }}>
                                                            Colombia</option>
                                                        <option value="Comoros"
                                                            {{ old('passport_issue_place', $user->passport_issue_place) == 'Comoros' ? 'selected' : '' }}>
                                                            Comoros</option>
                                                        <option value="Congo (Congo-Brazzaville)"
                                                            {{ old('passport_issue_place', $user->passport_issue_place) == 'Congo (Congo-Brazzaville)' ? 'selected' : '' }}>
                                                            Congo (Congo-Brazzaville)</option>
                                                        <option value="Congo (Congo-Kinshasa)"
                                                            {{ old('passport_issue_place', $user->passport_issue_place) == 'Congo (Congo-Kinshasa)' ? 'selected' : '' }}>
                                                            Congo (Congo-Kinshasa)</option>
                                                        <option value="Costa Rica"
                                                            {{ old('passport_issue_place', $user->passport_issue_place) == 'Costa Rica' ? 'selected' : '' }}>
                                                            Costa Rica</option>
                                                        <option value="Croatia"
                                                            {{ old('passport_issue_place', $user->passport_issue_place) == 'Croatia' ? 'selected' : '' }}>
                                                            Croatia</option>
                                                        <option value="Cuba"
                                                            {{ old('passport_issue_place', $user->passport_issue_place) == 'Cuba' ? 'selected' : '' }}>
                                                            Cuba</option>
                                                        <option value="Cyprus"
                                                            {{ old('passport_issue_place', $user->passport_issue_place) == 'Cyprus' ? 'selected' : '' }}>
                                                            Cyprus</option>
                                                        <option value="Czech Republic"
                                                            {{ old('passport_issue_place', $user->passport_issue_place) == 'Czech Republic' ? 'selected' : '' }}>
                                                            Czech Republic</option>
                                                        <option value="Denmark"
                                                            {{ old('passport_issue_place', $user->passport_issue_place) == 'Denmark' ? 'selected' : '' }}>
                                                            Denmark</option>
                                                        <option value="Djibouti"
                                                            {{ old('passport_issue_place', $user->passport_issue_place) == 'Djibouti' ? 'selected' : '' }}>
                                                            Djibouti</option>
                                                        <option value="Dominica"
                                                            {{ old('passport_issue_place', $user->passport_issue_place) == 'Dominica' ? 'selected' : '' }}>
                                                            Dominica</option>
                                                        <option value="Dominican Republic"
                                                            {{ old('passport_issue_place', $user->passport_issue_place) == 'Dominican Republic' ? 'selected' : '' }}>
                                                            Dominican Republic</option>
                                                        <option value="Ecuador"
                                                            {{ old('passport_issue_place', $user->passport_issue_place) == 'Ecuador' ? 'selected' : '' }}>
                                                            Ecuador</option>
                                                        <option value="Egypt"
                                                            {{ old('passport_issue_place', $user->passport_issue_place) == 'Egypt' ? 'selected' : '' }}>
                                                            Egypt</option>
                                                        <!-- Continue with the rest of the countries until -->
                                                        <option value="United States"
                                                            {{ old('passport_issue_place', $user->passport_issue_place) == 'United States' ? 'selected' : '' }}>
                                                            United States</option>
                                                        <option value="Uruguay"
                                                            {{ old('passport_issue_place', $user->passport_issue_place) == 'Uruguay' ? 'selected' : '' }}>
                                                            Uruguay</option>
                                                        <option value="Uzbekistan"
                                                            {{ old('passport_issue_place', $user->passport_issue_place) == 'Uzbekistan' ? 'selected' : '' }}>
                                                            Uzbekistan</option>
                                                        <option value="Vanuatu"
                                                            {{ old('passport_issue_place', $user->passport_issue_place) == 'Vanuatu' ? 'selected' : '' }}>
                                                            Vanuatu</option>
                                                        <option value="Vatican City"
                                                            {{ old('passport_issue_place', $user->passport_issue_place) == 'Vatican City' ? 'selected' : '' }}>
                                                            Vatican City</option>
                                                        <option value="Venezuela"
                                                            {{ old('passport_issue_place', $user->passport_issue_place) == 'Venezuela' ? 'selected' : '' }}>
                                                            Venezuela</option>
                                                        <option value="Vietnam"
                                                            {{ old('passport_issue_place', $user->passport_issue_place) == 'Vietnam' ? 'selected' : '' }}>
                                                            Vietnam</option>
                                                        <option value="Yemen"
                                                            {{ old('passport_issue_place', $user->passport_issue_place) == 'Yemen' ? 'selected' : '' }}>
                                                            Yemen</option>
                                                        <option value="Zambia"
                                                            {{ old('passport_issue_place', $user->passport_issue_place) == 'Zambia' ? 'selected' : '' }}>
                                                            Zambia</option>
                                                        <option value="Zimbabwe"
                                                            {{ old('passport_issue_place', $user->passport_issue_place) == 'Zimbabwe' ? 'selected' : '' }}>
                                                            Zimbabwe</option>
                                                    </select>
                                                </div>

                                                <div class="col-lg-6">
                                                    <label for="">User Name</label>
                                                    <input type="username" class="form_control"
                                                        placeholder="{{ __('Username') }}" name="username"
                                                        value="{{ convertUtf8($user->username) }}"
                                                        value="{{ Request::old('username') }}">
                                                    @error('username')
                                                        <p class="text-danger mb-4">{{ convertUtf8($message) }}</p>
                                                    @enderror
                                                </div>
                                                <div class="col-lg-6">
                                                    <label for="">Email</label>
                                                    <input type="email" class="form_control"
                                                        placeholder="{{ __('Email') }}" name="email" disabled
                                                        value="{{ convertUtf8($user->email) }}"
                                                        value="{{ Request::old('email') }}">
                                                </div>

                                                <div class="col-lg-6">
                                                    <label for="">Phone</label>
                                                    <input type="text" class="form_control"
                                                        placeholder="{{ __('Phone') }}" name="number"
                                                        value="{{ $user->number }}"
                                                        value="{{ Request::old('number') }}">
                                                    @error('number')
                                                        <p class="text-danger mb-4">{{ convertUtf8($message) }}</p>
                                                    @enderror
                                                </div>
                                                <div class="col-lg-6">
                                                    <label for="">City</label>
                                                    <input type="text" class="form_control"
                                                        placeholder="{{ __('City') }}" name="city"
                                                        value="{{ convertUtf8($user->city) }}"
                                                        value="{{ Request::old('city') }}">
                                                    @error('city')
                                                        <p class="text-danger mb-4">{{ convertUtf8($message) }}</p>
                                                    @enderror
                                                </div>
                                                <div class="col-lg-6">
                                                    <label for="">State</label>
                                                    <input type="text" class="form_control"
                                                        placeholder="{{ __('State') }}" name="state"
                                                        value="{{ convertUtf8($user->state) }}"
                                                        value="{{ Request::old('state') }}">
                                                    @error('state')
                                                        <p class="text-danger mb-4">{{ convertUtf8($message) }}</p>
                                                    @enderror
                                                </div>
                                                <div class="col-lg-6">
                                                    <label for="">Country</label>
                                                    <input type="text" class="form_control"
                                                        placeholder="{{ __('Country') }}" name="country"
                                                        value="{{ convertUtf8($user->country) }}"
                                                        value="{{ Request::old('country') }}">
                                                    @error('country')
                                                        <p class="text-danger mb-4">{{ convertUtf8($message) }}</p>
                                                    @enderror
                                                </div>


                                                <div class="col-lg-12">
                                                    <label for="">Address</label>
                                                    <textarea name="address" class="form_control" placeholder="{{ __('Address') }}">{{ convertUtf8($user->address) }}</textarea>
                                                    @error('address')
                                                        <p class="text-danger">{{ convertUtf8($message) }}</p>
                                                    @enderror
                                                </div>
                                                <div class="col-lg-12">
                                                    <div class="form-button">
                                                        <button type="submit"
                                                            class="btn form-btn">{{ __('Submit') }}</button>
                                                    </div>
                                                </div>
                                            </div>
                                        </form>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection

@section('scripts')
    <script>
        $(document).on('change', '.image', function() {
            var file = event.target.files[0];
            var reader = new FileReader();
            reader.onload = function(e) {
                $('.showimage').attr('src', e.target.result)
            };

            reader.readAsDataURL(file);
        })

        document.addEventListener("DOMContentLoaded", function() {
            function updateFields() {
                var maritalStatus = document.getElementById('marital_status').value;
                var childrenField = document.getElementById('children_field');
                var spouseNameField = document.getElementById('spouse_name_field');
                var childrenDisField = document.getElementById('children_dis_field');
                var childrenYes = document.getElementById('children_yes');

                if (maritalStatus === 'married' || maritalStatus === 'divorced' || maritalStatus === 'separated') {
                    childrenField.style.display = 'block';
                    spouseNameField.style.display = 'block';
                } else {
                    childrenField.style.display = 'none';
                    spouseNameField.style.display = 'none';
                    childrenDisField.style.display = 'none'; // Hide children details when marital status changes
                }

                // If "Yes" is checked in "Do you have children?", show children details
                if (childrenYes.checked) {
                    childrenDisField.style.display = 'block';
                } else {
                    childrenDisField.style.display = 'none';
                }
            }

            // Attach event listeners
            document.getElementById('marital_status').addEventListener('change', updateFields);
            document.querySelectorAll('input[name="children"]').forEach(function(input) {
                input.addEventListener('change', updateFields);
            });

            // Run on page load (to handle old values from form submission)
            updateFields();
        });
    </script>
@endsection