@php
    $main_other_contact = $main_other_contact;
    $main_new_contact = $main_new_contact;

    $contact_to_addresses = $main_other_contact->contacts_to_addresses;
    $main_other_contacts_relations = $main_other_contact->new_contacts_relations;

    $contactData = [
        'Title' => $main_other_contact->title,
        'First Name' => $main_other_contact->first_name,
        'Middle Name' => $main_other_contact->middle_name,
        'Surname' => $main_other_contact->surname,
        'Name' => $main_other_contact->name,
        'Date of Birth' => $main_other_contact->date_of_birth
            ? Carbon\Carbon::parse($main_other_contact->date_of_birth)->format('Y-m-d')
            : null,
        'Gender' => $main_other_contact->gender,
        'Pronoun' => $main_other_contact->pronoun,
        'Nationality' => $main_other_contact->nationality,
        'Ethnicity' => $main_other_contact->ethnicity,
        'Religion' => $main_other_contact->religion,
        'Sexual Orientation' => $main_other_contact->sexual_orientation,
        'Marital Status' => $main_other_contact->marital_status,
        'Disability Status' => $main_other_contact->disability_status,
        'Dietary Preferences' => $main_other_contact->dietary_preferences,
        'Profession' => $main_other_contact->profession,
        'Regulatory Body' => $main_other_contact->profession_regulatory_body,
        'Professional Registration No' => $main_other_contact->professional_registration_no,
        'Passport No' => $main_other_contact->passport_no,
        'Driver’s License No' => $main_other_contact->driver_license_no,
        'Patient ID No' => $main_other_contact->patient_identification_no,
        'Personal Mobile No' => $main_other_contact->personal_mobile_no,
        'Work Mobile No' => $main_other_contact->work_mobile_no,
        'Home Telephone No' => $main_other_contact->home_telephone_no,
        'Work Telephone No' => $main_other_contact->work_telephone_no,
        'Fax No' => $main_other_contact->fax_no,
        'Facebook' => $main_other_contact->facebook,
        'Instagram' => $main_other_contact->instagram,
        'Twitter' => $main_other_contact->twitter,
        'LinkedIn' => $main_other_contact->linkedin,
        'YouTube' => $main_other_contact->youtube,
        'Home Address' => $main_other_contact->home_address,
        'Work Address' => $main_other_contact->work_address,
        'Temporary Address' => $main_other_contact->temporary_address,
        'Billing Address' => $main_other_contact->billing_address,
        'Shipping Address' => $main_other_contact->shipping_address,
        'Alternate Address' => $main_other_contact->alternate_address,
        'Work Emails' => $main_other_contact->work_emails ? json_decode($main_other_contact->work_emails, true) : [],
        'Personal Emails' => $main_other_contact->personal_emails ? json_decode($main_other_contact->personal_emails, true) : [],
        'Work Phones' => $main_other_contact->work_mobiles ? json_decode($main_other_contact->work_mobiles, true) : [],
        'Personal Phones' => $main_other_contact->personal_mobiles ? json_decode($main_other_contact->personal_mobiles, true) : [],
    ];

@endphp
<div class="d-flex align-items-center gap-2" style="width:200px;">

    <img style="width: 50px;height:50px;border-radius:50%; object-fit:cover; object-position:top" id="output"
        src="{{ isset($main_other_contact->avatar) && file_exists(public_path('v2/' . $main_other_contact->avatar)) ? asset('v2/' . $main_other_contact->avatar) : $main_other_contact->getLogoAttribute()}}">

    <a target="_blank" href="{{ route('head_office.contacts.view', $main_other_contact->id) }}"
        class="m-0 p-0 fw-bold link-dark">{{ $main_other_contact->name }}</a>
</div>
<div class="d-flex align-items-center gap-2 justify-content-between my-2" style="width:90%">
    <p class="fw-bold" style="color: var(--portal-section-heading-color)">Personal</p>
</div>

<div class="personal-container" style="width:90%">
    @foreach ($contactData as $label => $value)
    @php
        $fieldId = Str::snake(strtolower($label));
        $fieldName = Str::snake(strtolower($label)); // Convert the label to snake_case for direct property access
        $otherValue = $main_new_contact->$fieldName ?? null; // Direct property access
        $matchFound = isset($otherValue) && ($main_other_contact->$fieldName == $otherValue) && !empty($main_other_contact->$fieldName);
        // if($fieldId == 'name'){
        //     dd($matchFound,$otherValue,$main_other_contact->$fieldName);
        // }
    @endphp

    @if (!empty($value))
        <div class="mb-2" id="{{ $fieldId }}">
            <label style="margin: 0;font-size: 12px;">{{ $label }}</label>

            <div class="d-flex align-items-center gap-2 justify-content-between" style="width: fit-content">
                @if (is_array($value))
                    <ul class="m-0 p-0">
                        @foreach ($value as $item)
                            <li class="d-flex align-items-center gap-2">
                                <input type="checkbox" name="{{ $fieldId }}[]" value="{{ $item }}" onclick="selectField('{{ $fieldId }}', '{{ $item }}')">
                                <span>{{ $item }}</span>
                            </li>
                        @endforeach
                    </ul>
                @else
                    <p class="m-0">{{ $value }}</p>
                    <input type="radio" name="{{ $fieldId }}" value="{{ $value }}" onclick="selectField('{{ $fieldId }}', '{{ $value }}')">
                @endif
                @if ($matchFound)
                    <i class="fa-solid fa-check text-success"></i>
                @endif
            </div>
        </div>
    @endif
@endforeach
</div>





<div class="personal-container" style="width:90%">
    @if (isset($main_other_contact->date_of_birth))
        <div class="" id="date_of_birth">
            <label style="margin: 0;font-size: 12px;" for="date_of_birth">Date of
                birth</label>
            <div class="d-flex align-items-center gap-2 align-items-center w-100">
                <p class="m-0">
                    {{ Carbon\Carbon::parse($main_other_contact->date_of_birth)->format('Y-m-d') }}
                </p>
                <i class="fa-solid fa-check text-success"></i>
            </div>
        </div>
    @endif

    @if (isset($main_other_contact->nhs_no))
        <div class="" id="nhs_no">
            <label style="margin: 0;font-size: 12px;" for="nhs_no">NHS No</label>
            <div class="d-flex align-items-center gap-2 justify-content-between w-100">
                <p>{{ $main_other_contact->nhs_no }}</p>
                @if ($main_other_contact->nhs_no === $main_new_contact->nhs_no)
                    <i class="fa-solid fa-check text-success"></i>
                @endif
            </div>
        </div>
    @endif

    @if (isset($main_other_contact->ethnicity))
        <div class="" id="ethnicity">
            <label style="margin: 0;font-size: 12px;" for="ethnicity">Ethnicity</label>
            <div class="d-flex align-items-center gap-2  w-100">
                <p>{{ $main_other_contact->ethnicity }}</p>
                @if ($main_other_contact->ethnicity === $main_new_contact->ethnicity)
                    <i class="fa-solid fa-check text-success"></i>
                @endif
            </div>
        </div>
    @endif

    @if (isset($main_other_contact->sexual_orientation))
        <div class="" id="sexual_orientation">
            <label style="margin: 0;font-size: 12px;" for="sexual_orientation">Sexual
                Orientation</label>
            <div class="d-flex align-items-center gap-2  w-100">
                <p>{{ $main_other_contact->sexual_orientation }}</p>
                @if ($main_other_contact->sexual_orientation === $main_new_contact->sexual_orientation)
                    <i class="fa-solid fa-check text-success"></i>
                @endif
            </div>
        </div>
    @endif

    @if (isset($main_other_contact->marital_status))
        <div class="" id="marital_status">
            <label style="margin: 0;font-size: 12px;" for="marital_status">Marital
                Status</label>
            <div class="d-flex align-items-center gap-2  w-100">
                <p>
                    @if ($main_other_contact->marital_status == 'single')
                        Single
                    @elseif ($main_other_contact->marital_status == 'married')
                        Married
                    @elseif ($main_other_contact->marital_status == 'separated')
                        Separated
                    @elseif ($main_other_contact->marital_status == 'divorced')
                        Divorced
                    @endif
                </p>
                @if ($main_other_contact->marital_status === $main_new_contact->marital_status)
                    <i class="fa-solid fa-check text-success"></i>
                @endif
            </div>
        </div>
    @endif

    @if (isset($main_other_contact->gender))
        <div class="" id="gender">
            <label style="margin: 0;font-size: 12px;" for="gender">Gender</label>
            <div class="d-flex align-items-center gap-2  w-100">
                <p>
                    @if ($main_other_contact->gender == 'male')
                        Male
                    @elseif ($main_other_contact->gender == 'female')
                        Female
                    @elseif ($main_other_contact->gender == 'other')
                        Other
                    @endif
                </p>
                @if ($main_other_contact->gender === $main_new_contact->gender)
                    <i class="fa-solid fa-check text-success"></i>
                @endif
            </div>
        </div>
    @endif

    @if (isset($main_other_contact->pronoun))
        <div class="" id="pronoun">
            <label style="margin: 0;font-size: 12px;" for="pronoun">Pronoun</label>
            <div class="d-flex align-items-center gap-2  w-100">
                <p>{{ $main_other_contact->pronoun }}</p>
                @if ($main_other_contact->pronoun === $main_new_contact->pronoun)
                    <i class="fa-solid fa-check text-success"></i>
                @endif
            </div>
        </div>
    @endif

    @if (isset($main_other_contact->religion))
        <div class="" id="religion">
            <label style="margin: 0;font-size: 12px;" for="religion">Religion</label>
            <div class="d-flex align-items-center gap-2  w-100">
                <p>{{ $main_other_contact->religion }}</p>
                @if ($main_other_contact->religion === $main_new_contact->religion)
                    <i class="fa-solid fa-check text-success"></i>
                @endif
            </div>
        </div>
    @endif

    @if (isset($main_other_contact->passport_no))
        <div class="" id="passport_no">
            <label style="margin: 0;font-size: 12px;" for="passport_no">Passport
                No</label>
            <div class="d-flex align-items-center gap-2  w-100">
                <p>{{ $main_other_contact->passport_no }}</p>
                @if ($main_other_contact->passport_no === $main_new_contact->passport_no)
                    <i class="fa-solid fa-check text-success"></i>
                @endif
            </div>
        </div>
    @endif

    @if (isset($main_other_contact->driver_license_no))
        <div class="" id="driver_license_no">
            <label style="margin: 0;font-size: 12px;" for="driver_license_no">Driver's
                License No</label>
            <div class="d-flex align-items-center gap-2  w-100">
                <p>{{ $main_other_contact->driver_license_no }}</p>
                @if ($main_other_contact->driver_license_no === $main_new_contact->driver_license_no)
                    <i class="fa-solid fa-check text-success"></i>
                @endif
            </div>
        </div>
    @endif

    @if (isset($main_other_contact->profession))
        <div class="" id="profession">
            <label style="margin: 0;font-size: 12px;" for="profession">Profession</label>
            <div class="d-flex align-items-center gap-2  w-100">
                <p>{{ $main_other_contact->profession }}</p>
                @if ($main_other_contact->profession === $main_new_contact->profession)
                    <i class="fa-solid fa-check text-success"></i>
                @endif
            </div>
        </div>
    @endif

    @if (isset($main_other_contact->registration_no))
        <div class="" id="registration_no">
            <label style="margin: 0;font-size: 12px;" for="registration_no">Registration No.</label>
            <div class="d-flex align-items-center gap-2  w-100">
                <p>{{ $main_other_contact->registration_no }}</p>
                @if ($main_other_contact->registration_no === $main_new_contact->registration_no)
                    <i class="fa-solid fa-check text-success"></i>
                @endif
            </div>
        </div>
    @endif

    @if (isset($main_other_contact->other))
        <div class="" id="other">
            <label style="margin: 0;font-size: 12px;" for="other">Other</label>
            <div class="d-flex align-items-center gap-2  w-100">
                <p>{{ $main_other_contact->other }}</p>
                @if ($main_other_contact->other === $main_new_contact->other)
                    <i class="fa-solid fa-check text-success"></i>
                @endif
            </div>
        </div>
    @endif

</div>



<div class="d-flex align-items-center gap-2 justify-content-between my-2" style="width:90%">
    <p class="fw-bold" style="color: var(--portal-section-heading-color)">Contact Info
    </p>


</div>
<div class="contact-info-container" style="width:90%">
    @if (isset($main_other_contact->work_emails) &&
            json_decode($main_other_contact->work_emails, true) != null &&
            count(json_decode($main_other_contact->work_emails, true)) > 0)
        <div id="work_emails">
            <label style="margin: 0;font-size: 12px;" for="work_emails">Work
                email</label>
            @foreach (json_decode($main_other_contact->work_emails, true) as $work_email)
                <p class="m-0 p-0">{{ $work_email }}</p>
            @endforeach
        </div>
    @endif

    @if (isset($main_other_contact->personal_emails) &&
            json_decode($main_other_contact->personal_emails, true) != null &&
            count(json_decode($main_other_contact->personal_emails, true)) > 0)
        <div id="personal_emails">
            <label style="margin: 0;font-size: 12px;" for="personal_emails">Personal
                email</label>
            @foreach (json_decode($main_other_contact->personal_emails, true) as $personal_email)
                <p class="m-0 p-0">{{ $personal_email }}</p>
            @endforeach
        </div>
    @endif

    @if (isset($main_other_contact->work_mobiles) &&
            json_decode($main_other_contact->work_mobiles, true) != null &&
            count(json_decode($main_other_contact->work_mobiles, true)) > 0)
        <div id="work_mobiles">
            <label style="margin: 0;font-size: 12px;" for="work_mobiles">Work mobile
                no.</label>
            @foreach (json_decode($main_other_contact->work_mobiles, true) as $work_mobile)
                <div class="my-1">
                    <input class="telephone" value="{{ $work_mobile }}" readonly required type="text"
                        placeholder="Add a phone number" />
                </div>
            @endforeach
        </div>
    @endif

    @if (isset($main_other_contact->personal_mobiles) &&
            json_decode($main_other_contact->personal_mobiles, true) != null &&
            count(json_decode($main_other_contact->personal_mobiles, true)) > 0)
        <div id="personal_mobiles">
            <label style="margin: 0;font-size: 12px;" for="personal_mobiles">Personal
                mobile no.</label>
            @foreach (json_decode($main_other_contact->personal_mobiles, true) as $personal_mobile)
                <div class="my-1">
                    <input class="telephone" value="{{ $personal_mobile }}" readonly required type="text"
                        placeholder="Add a phone number" />
                </div>
            @endforeach
        </div>
    @endif

    @if (isset($main_other_contact->home_telephones) &&
            json_decode($main_other_contact->home_telephones, true) != null &&
            count(json_decode($main_other_contact->home_telephones, true)) > 0)
        <div id="home_telephones">
            <label style="margin: 0;font-size: 12px;" for="home_telephones">Home
                mobile no.</label>
            @foreach (json_decode($main_other_contact->home_telephones, true) as $home_telephone)
                <div class="my-1">
                    <input class="telephone" value="{{ $home_telephone }}" readonly required type="text"
                        placeholder="Add a phone number" />
                </div>
            @endforeach
        </div>
    @endif

    @if (isset($main_other_contact->work_telephones) &&
            json_decode($main_other_contact->work_telephones, true) != null &&
            count(json_decode($main_other_contact->work_telephones, true)) > 0)
        <div id="work_telephones">
            <label style="margin: 0;font-size: 12px;" for="work_telephones">Work
                mobile no.</label>
            @foreach (json_decode($main_other_contact->work_telephones, true) as $work_telephone)
                <div class="my-1">
                    <input class="telephone" value="{{ $work_telephone }}" readonly required type="text"
                        placeholder="Add a phone number" />
                </div>
            @endforeach
        </div>
    @endif

    @if (isset($main_other_contact->facebook))
        <div id="facebook">
            <label style="margin: 0;font-size: 12px;" for="facebook">Facebook</label>
            <a class="d-block" href="{{ $main_other_contact->facebook }}"
                target="_blank">{{ $main_other_contact->facebook }}</a>
        </div>
    @endif

    @if (isset($main_other_contact->instagram))
        <div id="instagram">
            <label style="margin: 0;font-size: 12px;" for="instagram">Instagram</label>
            <a class="d-block" href="{{ $main_other_contact->instagram }}"
                target="_blank">{{ $main_other_contact->instagram }}</a>
        </div>
    @endif

    @if (isset($main_other_contact->twitter))
        <div id="twitter">
            <label style="margin: 0;font-size: 12px;" for="twitter">Twitter</label>
            <a class="d-block" href="{{ $main_other_contact->twitter }}"
                target="_blank">{{ $main_other_contact->twitter }}</a>
        </div>
    @endif

    @if (isset($main_other_contact->other_link))
        <div id="other_link">
            <label style="margin: 0;font-size: 12px;" for="other_link">Other</label>
            <p class="m-0 p-0">{{ $main_other_contact->other_link }}</p>
        </div>
    @endif
</div>



<div class="d-flex align-items-center gap-2 justify-content-between my-2" style="width:90%">
    <p class="fw-bold" style="color: var(--portal-section-heading-color)">Address</p>
</div>

<div class="address-container" style="width:90%">
    @if (isset($contact_to_addresses) && count($contact_to_addresses) > 0)
        <table class="row-border new-table dataTable no-footer" id="dataTable">
            <thead>
                <tr>
                    <th>Name</th>
                    <th>Adress</th>
                    <th>Tag</th>
                </tr>
            </thead>
            <tbody>
                @foreach ($contact_to_addresses as $contact_to_address)
                    <tr>
                        <td>{{ $contact_to_address->new_contact_address->name }}</td>
                        <td>{{ $contact_to_address->new_contact_address->address }}
                        </td>
                        <td>
                            @if (isset($contact_to_address->new_contact_address->address_tag))
                                @if ($contact_to_address->new_contact_address->address_tag == 'current_address')
                                    Current address
                                @elseif ($contact_to_address->new_contact_address->address_tag == 'past_address')
                                    Past address
                                @elseif ($contact_to_address->new_contact_address->address_tag == 'work_address')
                                    Work address
                                @elseif ($contact_to_address->new_contact_address->address_tag == 'home_address')
                                    Home address
                                @endif
                            @endif
                        </td>
                    </tr>
                @endforeach
            </tbody>
        </table>
    @endif
</div>


<div class="d-flex align-items-center gap-2 justify-content-between my-2" style="width:90%">
    <p class="fw-bold" style="color: var(--portal-section-heading-color)">Associations
    </p>
</div>
<div class="association-container" style="width:90%">

    @if (isset($main_other_contacts_relations) && count($main_other_contacts_relations) > 0)
        <table class="row-border new-table dataTable no-footer" id="dataTable">
            <thead>
                <tr>
                    <th>Contact</th>
                    <th>Relation</th>
                    <th>Reverse Relation</th>
                </tr>
            </thead>
            <tbody>


                @foreach ($main_other_contacts_relations as $index => $main_other_contacts_relation)
                    <tr>
                        <td>
                            {{ $main_other_contacts_relation->target_contact->name }}
                        </td>
                        <td>
                            {{ $main_other_contacts_relation->relation }}
                        </td>
                        <td>
                            {{ $main_other_contacts_relation->reverse_relation }}
                        </td>
                    </tr>
                @endforeach
            </tbody>
        </table>
    @endif

</div>