@php
    $contactPerson1 = $company->company_pics->where('type', App\Models\CompanyPic::CONTACT_1)->first();
    $contactPerson2 = $company->company_pics->where('type', App\Models\CompanyPic::CONTACT_2)->first();
@endphp

<!--begin::Card-->
<div class="card mb-10">
    <!--begin::Card header-->
    <div class="card-header d-flex">
        <div class="card-title">
            <h3 class="mb-0">Company Contact Person</h4>
        </div>
        <div class="float-end">
            <a href="{{ route('administration.companies.edit-contact-person', $company) }}" class="btn btn-sm btn-light-success">
                <i class="fas fa-edit"></i>
                <span>Edit</span>
            </a>
        </div>
    </div>
    <!--end::Card header-->

    <!--begin::Card body-->
    <div class="card-body py-4">
        {{-- primary contact person title --}}
        <h4 class="my-2">Primary Contact Person</h4>
        <hr>
        <!--begin::Row-->
        <div class="row">
            <!--begin::Label-->
            <label class="col-lg-3 col-form-label fw-semibold fs-6 text-gray-600">Title</label>
            <!--end::Label-->
            <!--begin::Col-->
            <div class="col-lg-8">
                <p class="form-control form-control-transparent mb-0">{{ $contactPerson1 ? \App\Models\CompanyPic::TITLE[$contactPerson1->title] : '-' }}</p>
            </div>
            <!--end::Col-->
        </div>
        <!--end::Row-->
        <!--begin::Row-->
        <div class="row">
            <!--begin::Label-->
            <label class="col-lg-3 col-form-label fw-semibold fs-6 text-gray-600">Name</label>
            <!--end::Label-->
            <!--begin::Col-->
            <div class="col-lg-8">
                <p class="form-control form-control-transparent mb-0">{{ $contactPerson1->name ?? '-' }}</p>
            </div>
            <!--end::Col-->
        </div>
        <!--end::Row-->
        <!--begin::Row-->
        <div class="row">
            <!--begin::Label-->
            <label class="col-lg-3 col-form-label fw-semibold fs-6 text-gray-600">Designation</label>
            <!--end::Label-->
            <!--begin::Col-->
            <div class="col-lg-8">
                <p class="form-control form-control-transparent mb-0">{{ $contactPerson1->designation ?? '-' }}</p>
            </div>
            <!--end::Col-->
        </div>
        <!--end::Row-->
        <!--begin::Row-->
        <div class="row">
            <!--begin::Label-->
            <label class="col-lg-3 col-form-label fw-semibold fs-6 text-gray-600">Mobile Phone No.</label>
            <!--end::Label-->
            <!--begin::Col-->
            <div class="col-lg-8">
                <p class="form-control form-control-transparent mb-0">{{ formatPhoneNumber($contactPerson1->phone_no) ?? '-' }}</p>
            </div>
            <!--end::Col-->
        </div>
        <!--end::Row-->
        <!--begin::Row-->
        <div class="row">
            <!--begin::Label-->
            <label class="col-lg-3 col-form-label fw-semibold fs-6 text-gray-600">Email</label>
            <!--end::Label-->
            <!--begin::Col-->
            <div class="col-lg-8">
                <p class="form-control form-control-transparent mb-0">{{ $contactPerson1->email ?? '-' }}</p>
            </div>
            <!--end::Col-->
        </div>
        <!--end::Row-->

        {{-- secondary contact person title --}}
        <h4 class="my-2">Secondary Contact Person</h4>
        <hr>
        <!--begin::Row-->
        <div class="row">
            <!--begin::Label-->
            <label class="col-lg-3 col-form-label fw-semibold fs-6 text-gray-600">Title</label>
            <!--end::Label-->
            <!--begin::Col-->
            <div class="col-lg-8">
                <p class="form-control form-control-transparent mb-0">{{ $contactPerson2 ? \App\Models\CompanyPic::TITLE[$contactPerson2->title] : '-' }}</p>
            </div>
            <!--end::Col-->
        </div>
        <!--end::Row-->
        <!--begin::Row-->
        <div class="row">
            <!--begin::Label-->
            <label class="col-lg-3 col-form-label fw-semibold fs-6 text-gray-600">Name</label>
            <!--end::Label-->
            <!--begin::Col-->
            <div class="col-lg-8">
                <p class="form-control form-control-transparent mb-0">{{ $contactPerson2->name ?? '-' }}</p>
            </div>
            <!--end::Col-->
        </div>
        <!--end::Row-->
        <!--begin::Row-->
        <div class="row">
            <!--begin::Label-->
            <label class="col-lg-3 col-form-label fw-semibold fs-6 text-gray-600">Designation</label>
            <!--end::Label-->
            <!--begin::Col-->
            <div class="col-lg-8">
                <p class="form-control form-control-transparent mb-0">{{ $contactPerson2->designation ?? '-' }}</p>
            </div>
            <!--end::Col-->
        </div>
        <!--end::Row-->
        <!--begin::Row-->
        <div class="row">
            <!--begin::Label-->
            <label class="col-lg-3 col-form-label fw-semibold fs-6 text-gray-600">Mobile Phone No.</label>
            <!--end::Label-->
            <!--begin::Col-->
            <div class="col-lg-8">
                <p class="form-control form-control-transparent mb-0">{{ formatPhoneNumber($contactPerson2->phone_no) ?? '-' }}</p>
            </div>
            <!--end::Col-->
        </div>
        <!--end::Row-->
        <!--begin::Row-->
        <div class="row">
            <!--begin::Label-->
            <label class="col-lg-3 col-form-label fw-semibold fs-6 text-gray-600">Email</label>
            <!--end::Label-->
            <!--begin::Col-->
            <div class="col-lg-8">
                <p class="form-control form-control-transparent mb-0">{{ $contactPerson2->email ?? '-' }}</p>
            </div>
            <!--end::Col-->
        </div>
        <!--end::Row-->
    </div>
    <!--end::Card body-->
</div>
<!--end::Card-->