@php use Carbon\Carbon; @endphp
<div>
    <div class="col-10 offset-1" wire:loading>
        <div >
            <div class="info-box shadow-lg">
                <div class="info-box-content">
                    <div class="skeleton skeleton-text short"></div>
                    <div class="skeleton skeleton-text short"></div>
                </div>
            </div>
            <div class="card">
                <div class="card-body">
                    <div class="table-responsive">
                        <table id="clients-table searchResultsCard" style="width:100%" class="table table-bordered table-hover table-striped">
                            <thead>
                            <tr>
                                <th> <div class="skeleton skeleton-text short"></div> </th>
                                <th> <div class="skeleton skeleton-text short"></div> </th>
                                <th> <div class="skeleton skeleton-text short"></div></th>
                                <th> <div class="skeleton skeleton-text short"></div> </th>
                                <th> <div class="skeleton skeleton-text short"></div> </th>
                                <th><div class="skeleton skeleton-text short"></div> </th>
                                <th> <div class="skeleton skeleton-text short"></div> </th>
                                <th> <div class="skeleton skeleton-text short"></div> </th>
                                <th> <div class="skeleton skeleton-text short"></div> </th>
                            </tr>
                            </thead>
                            <tbody>
                            <div class="skeleton skeleton-text short"></div>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="col-10 offset-1" wire:loading.remove>

        @if(!is_null($humans))
            <div class="row">
                <x-adminlte-card theme="lightblue" theme-mode="outline">
                    <div>
                        <h5>Searched for: <strong>{{ $doctype }} </strong></h5>
                        <small>Requested: </small>
                        <strong>{{ $search_count }} Record(s)</strong>
                    </div>
                    <div>
                        <small>Found: </small>
                        <strong class="text-success">{{ count($records_found) }}  Record(s)</strong>
                    </div>
                </x-adminlte-card>
            </div>
        @endif

        @if(!empty($records_not_found))
            <div class="info-box shadow-lg">
            <span class="info-box-icon bg-danger">
                <i class="fa fa-exclamation-triangle"></i>
            </span>
                <div class="info-box-content">
                    <span class="info-box-text">{{ count($records_not_found) }} not found !</span>
                    <div style="display: flex;">

                        @foreach($records_not_found as $record_not_found)
                            <span class="info-box-number record-not-found">
                        {{ $record_not_found }}
                        <i class="fa fa-exclamation-circle" style="color: red;"></i>
                      </span>
                        @endforeach

                    </div>
                </div>
            </div>
        @endif

        @if(!is_null($humans))
            @php
                switch ($doctype){
                   case 'ID':
                       $docNumTitle = 'Serial Number';
                   break;
                   case 'Birth':
                       $docNumTitle = 'Entry Number';
                   break;
                   case 'Passport':
                       $docNumTitle = 'Passport Number';
                   break;
                   default:
                       $docNumTitle='Doc Number';
                }
         if($doctype === 'ID')
                 {
                $headings = [
                           'Maisha Num.',
                           'Serial Num.',
                           'First Name',
                           'Other Name',
                           'Sur Name',
                           'Nationality',
                           'Gender',
                           'Date of Birth',
                           'Date of Issue',
                           'Date of Expiry',
                           'Action'
                       ];
                       $count=0;
                }
             if($doctype === 'Passport')
                 {
                $headings = [
                           'Passport number',
                           'ID number',
                           'Names',
                           'Other names',
                           'Gender',
                           'Nationality',
                           'Date of Birth',
                           'Date of Issue',
                           'Date of Expiry',
                           'Action'
                       ];
                       $count=0;
                }
             if($doctype === 'Birth') {
                 $headings = [
                           'Entry Number',
                           'First name',
                           'Other names',
                           'Sur name',
                           'COB',
                           'Gender',
                           'Date of birth',
                           'Details'
                       ];
                       $count=0;
                }
            @endphp
            <x-adminlte-card>
                <x-adminlte-datatable id="clients-table searchResultsCard" :heads="$headings" striped hoverable bordered>

                    @foreach($humans as $human)
                        @if($doctype === 'Birth')
                            <tr>
                                <td>
                                    <h4 class="text-info">{{ $serial_number[$count] ?? '-' }}</h4>
                                </td>
                                <td>
                                    {{ $human['name'] ?? '-' }}
                                </td>
                                <td>
                                    {{ $human['last_name'] ?? '-' }}
                                </td>
                                <td>
                                    {{ $human['surn'] ?? '-' }}
                                </td>
                                <td>
                                    KEN
                                </td>
                                <td>
                                    {{ $human['sex'] ?? '-' }}
                                </td>
                                <td> {{ Carbon::parse($human['date_birth'])->format("d-m-Y") ?? '-' }}</td>
                                <td>
                                    <x-adminlte-button
                                        label="Details"
                                        theme="info"
                                        id="birthbtn"
                                        icon="fas fa-info-circle"
                                        wire:click="birthresultsModal('{{ urlencode($serial_number[$count]) ?? '' }}')"
                                        data-toggle="modal"
                                    />
                                </td>
                            </tr>
                        @endif

                        @if($doctype === 'Passport')
                            <tr>
                                <td>
                                    <h4 class="text-black">{{ $human["passport_no"] ?? '-'}}</h4>
                                </td>
                                <td>
                                    <h4 class="text-info">{{ $human["identity_card_no"] ?? '-' }}</h4>
                                </td>
                                <td>
                                    {{ $human["first_names"] ?? '-' }}
                                </td>
                                <td>
                                    {{ $human["last_name"] ?? '-' }}
                                </td>
                                <td>
                                    {{ $human["gender"] ?? '-' }}
                                </td>
                                <td>
                                    KENYAN <span class="fi fi-ke" style="font-size: 1rem;"></span>
                                </td>
                                <td>
                                    {{ $human["birth_day"] ?? '-' }} / {{ $human["birth_month"] ?? '-' }} / {{ $human["birth_year"] ?? '-' }}
                                </td>
                                <td>
                                    {{ Carbon::parse($human["issue_date"])->format("d-m-Y") ?? '-' }}
                                </td>
                                <td>
                                    {{ Carbon::parse($human['expiry_date'])->format("d-m-Y") ?? '-' }}
                                </td>
                                <td>
                                    <x-adminlte-button
                                        label="Details"
                                        theme="info"
                                        id="passportbtn"
                                        icon="fas fa-info-circle"
                                        wire:click="passportresultsModal({{ $human['identity_card_no'] ?? 0 }},'{{ $human['passport_no'] ?? 0 }}','{{ $doctype ?? 0 }}')"
                                        data-toggle="modal"
                                    />
                                </td>
                            </tr>
                        @endif

                        @if($doctype === 'ID')
                            @foreach($human as $doc_human)
                                <tr>
                                    <td>
                                        <h4 class="text-black">
                                                {{ $doc_human['o_pid'] ?? '-' }}
                                        </h4>
                                    </td>
                                    <td>
                                        <h4 class="text-info">
                                                {{ $serial_number[$count] ?? '-' }}
                                        </h4>
                                    </td>
                                    <td>
                                            {{ $doc_human['name'] ?? '-' }}
                                    </td>
                                    <td>
                                            {{ $doc_human['last_name'] ?? '-' }}
                                    </td>
                                    <td>
                                            {{ $doc_human['surn'] ?? '-' }}
                                    </td>
                                    <td>
                                        KEN <span class="fi fi-ke" style="font-size: 1rem;"></span>
                                    </td>
                                    <td>
                                         {{ $doc_human['sex'] ?? '-' }}
                                    </td>
                                    <td>
                                         {{ Carbon::parse($doc_human['date_birth'])->format("d-m-Y") ?? '-' }}
                                    </td>
                                    <td>
                                        -
                                    </td>
                                    <td>
                                       -
                                    </td>
                                    <td>
                                        <x-adminlte-button
                                            label="Details"
                                            theme="info"
                                            id="humanbtn"
                                            icon="fas fa-info-circle"
                                            wire:click="triggerResultsModal({{ $doc_human['o_pid'] ?? 0 }},'{{ $serial_number[$count] ?? 0 }}','{{ $doctype ?? 0 }}')"
                                            data-toggle="modal"
                                        />
                                    </td>
                                </tr>
                                @php $count++; @endphp
                            @endforeach
                        @endif
                    @endforeach

                </x-adminlte-datatable>
            </x-adminlte-card>
        @endif

    </div >
</div>

