@php use Carbon\Carbon; @endphp
<div class="row">
    <div class="col-2">
        <div class="row">
            <x-adminlte-card>
                <img class="card-img-top"
                     src="https://static.vecteezy.com/system/resources/previews/018/765/757/original/user-profile-icon-in-flat-style-member-avatar-illustration-on-isolated-background-human-permission-sign-business-concept-vector.jpg" alt="Card image cap">
            </x-adminlte-card>

            <div class="row" style="width: 100%;">
                <div class="col-12 text-center">
                    <small class="">UPI Number</small>
                    <h4 class="upi">-</h4>
                </div>
                <div class="col-12 text-center">
                    <small class="">Country of Birth</small>
                    <p class="card-text">KEN </p>
                    <span class="fi fi-ke" style="font-size: 2rem;"></span>
                </div>
            </div>
        </div>
    </div>

    <div class="col-5" style="padding-left: 27px;">

        <p>Citizen's Information</p>
        <div class="cardLine"></div>
        <div class="row">
            <div class="col-6">
                <small>First name</small>
                <p class="field-value">{{ $human->name ?? '' }}</p>
            </div>
            <div class="col-6">
                <small>Sur name</small>
                <p class="field-value">{{ $human->surn ?? '-' }}</p>
            </div>
            <div class="col-6">
                <small>Other name</small>
                <p class="field-value">{{ $human->last_name ?? '-' }}</p>
            </div>

            <div class="col-6">
            </div>

            <div class="col-6">
                <small>Date of Birth</small>
                <p class="field-value">
                    @if(isset($human->date_birth))
                        {{ Carbon::parse($human->date_birth)->format("d-m-Y") }}
                    @else
                        -
                    @endif
                </p>
            </div>
            <div class="col-6">
                <small>Gender</small>
                <p class="field-value">
                    {{ $human->sex ?? '-' }}
                </p>
            </div>
            <div class="col-6">
                <small>Family</small>
                <p class="field-value family">
                    {{ $human->family ?? '-' }}
                </p>
            </div>
            <div class="col-6">
                <small>Clan</small>
                <p class="field-value">
                    {{ $human->clan ?? '-' }}
                </p>
            </div>
        </div>

        <p>Location</p>
        <div class="cardLine2"></div>
        <div class="row">
            <div class="col-6">
                <small>District</small>
                <p class="field-value">
                    {{ $human->addressLive->addressDistrict->source_district_name ?? '-'}}
                </p>
            </div>
            <div class="col-6">
                <small>Division</small>
                <p class="field-value">
                    -
                </p>
            </div>
            <div class="col-6">
                <small>Location</small>
                <p class="field-value">
                    {{ $human->addressLive->addressLocation->name ?? '-' }}
                </p>
            </div>
            <div class="col-6">
                <small>Sub Location</small>
                <p class="field-value">
                    {{ $human->addressLive->sublocat ?? '-' }}
                </p>
            </div>
            <div class="col-6">
                <small>Village</small>
                <p class="field-value">
                    {{ $human->addressLive->village ?? '-' }}
                </p>
            </div>
            <div class="col-6">
                <small>Home Address</small>
                <p class="field-value">
                    {{ $human->addressLive->home_adr ?? '-' }}
                </p>
            </div>
        </div>

    </div>

    <div class="col-5">
        <div class="row">
            <p>Document Information</p>
            <div class="cardLine"></div>
            <div class="row">
                <div class="col-6">
                    <small>Serial number</small>
                    <p class="field-value">-</p>
                </div>
                <div class="col-6">
                    <small>Date of issue</small>
                    <p class="field-value">-</p>
                </div>
                <div class="col-6">
                    <small>Place of issue</small>
                    <p class="field-value">-</p>
                </div>
            </div>
        </div>

    </div>


</div>
