Commit 5c8fb931 authored by Brian Wangora's avatar Brian Wangora

Search form reset, birth modal working

parent 9464e894
...@@ -44,6 +44,8 @@ class Searchform extends Component ...@@ -44,6 +44,8 @@ class Searchform extends Component
public $doctype=''; public $doctype='';
public $records_found= []; public $records_found= [];
public $showFields = '';
public function save() public function save()
{ {
$this->store(); $this->store();
...@@ -51,6 +53,7 @@ class Searchform extends Component ...@@ -51,6 +53,7 @@ class Searchform extends Component
public function store() public function store()
{ {
$this->validate(); $this->validate();
$this->showFields = $this->searchcategory;
switch ($this->searchcategory){ switch ($this->searchcategory){
case 'ID' : case 'ID' :
...@@ -256,9 +259,21 @@ class Searchform extends Component ...@@ -256,9 +259,21 @@ class Searchform extends Component
*/ */
public function showTableResults(): void public function showTableResults(): void
{ {
$this->dispatch('viewResults', $this->humans,$this->serial_number, $this->dispatch('viewResults', $this->humans,$this->serial_number,
$this->doctype,$this->records_not_found, $this->doctype,$this->records_not_found,
$this->search_count,$this->records_found); $this->search_count,$this->records_found);
// Clear the search fields
$this->reset([
'docNumber',
'serialNumber',
'passportNum',
'passportIdNum',
'searchBirthEntryNum'
]);
// For Option 1 only:
$this->showFields = $this->searchcategory;
} }
......
<div> <div>
@php @php
$modalStyle=""; $modalStyle="";
$modalStatus=''; $modalStatus='';
if($isOpen) { if($isOpen) {
$modalStatus= 'show'; $modalStatus= 'show';
$modalStyle="display: block;"; $modalStyle="display: block;";
} }
@endphp $fname = $human['name'] ?? '';
$oname = $human['last_name'] ?? '';
$surname = $human['surn'] ?? '';
@endphp
<x-adminlte-modal id="searchModalBirthBasic" class="{{ $modalStatus }}" style="{{ $modalStyle }}" size="lg" <x-adminlte-modal id="searchModalBirth" class="{{ $modalStatus }}" style="{{ $modalStyle }}" size="lg"
title="" v-centered static-backdrop scrollable> title="{{ $fname }} {{ $oname }} {{ $surname }}'s Birth Details" v-centered static-backdrop scrollable>
<div class="modal-body"> <div class="modal-body">
<ul class="nav nav-tabs" id="custom-tabs-four-tab" role="tablist"> <ul class="nav nav-tabs" id="custom-tabs-five-tab" role="tablist">
@if($role->hasAnyPermission(["Basic View Birth Details"])) @if($role->hasAnyPermission(["Basic View Birth Details"]))
<li class="nav-item"> <li class="nav-item">
@if($modalStatus) @if($modalStatus)
<a class="nav-link active" id="custom-tabs-four-home-tab" data-toggle="pill" <a class="nav-link active" id="custom-tabs-five-home-tab" data-toggle="pill"
href="#custom-tabs-four-home" role="tab" aria-controls="custom-tabs-four-home" href="#custom-tabs-five-home" role="tab" aria-controls="custom-tabs-five-home"
aria-selected="true"> aria-selected="true">
Document data Document data
</a> </a>
@else @else
<a class="nav-link active" id="custom-tabs-four-home-tab" data-toggle="pill" href="#custom-tabs-four-home" role="tab" aria-controls="custom-tabs-four-home" aria-selected="true"> <a class="nav-link active" id="custom-tabs-five-home-tab" data-toggle="pill" href="#custom-tabs-five-home" role="tab" aria-controls="custom-tabs-five-home" aria-selected="true">
<div class="skeleton skeleton-text short" style="width: 10rem;"></div> <div class="skeleton skeleton-text short" style="width: 10rem;"></div>
</a> </a>
@endif @endif
...@@ -33,13 +37,13 @@ ...@@ -33,13 +37,13 @@
@if($role->hasAnyPermission(["Basic View Birth Family relations"])) @if($role->hasAnyPermission(["Basic View Birth Family relations"]))
<li class="nav-item"> <li class="nav-item">
@if($modalStatus) @if($modalStatus)
<a class="nav-link" id="custom-tabs-four-family-tab" data-toggle="pill" <a class="nav-link" id="custom-tabs-five-family-tab" data-toggle="pill"
href="#custom-tabs-four-family" role="tab" aria-controls="custom-tabs-four-family" href="#custom-tabs-five-family" role="tab" aria-controls="custom-tabs-five-family"
aria-selected="false"> aria-selected="false">
Family relations Family relations
</a> </a>
@else @else
<a class="nav-link" id="custom-tabs-four-family-tab" data-toggle="pill" href="#custom-tabs-four-family" role="tab" aria-controls="custom-tabs-four-family" aria-selected="false"> <a class="nav-link" id="custom-tabs-five-family-tab" data-toggle="pill" href="#custom-tabs-five-family" role="tab" aria-controls="custom-tabs-five-family" aria-selected="false">
<div class="skeleton skeleton-text short" style="width: 10rem;"></div> <div class="skeleton skeleton-text short" style="width: 10rem;"></div>
</a> </a>
@endif @endif
...@@ -49,12 +53,13 @@ ...@@ -49,12 +53,13 @@
@if($role->hasAnyPermission(["Basic View Birth Documents"])) @if($role->hasAnyPermission(["Basic View Birth Documents"]))
<li class="nav-item"> <li class="nav-item">
@if($modalStatus) @if($modalStatus)
<a class="nav-link" id="custom-tabs-four-history-tab" data-toggle="pill" <a class="nav-link" id="custom-tabs-five-history-tab" data-toggle="pill"
href="#custom-tabs-four-documents" role="tab" aria-controls="custom-tabs-four-documents" href="#custom-tabs-five-history" role="tab" aria-controls="custom-tabs-five-history"
aria-selected="false"> aria-selected="false">
Documents</a> Document History
</a>
@else @else
<a class="nav-link" id="custom-tabs-four-family-tab" data-toggle="pill" href="#custom-tabs-four-family" role="tab" aria-controls="custom-tabs-four-family" aria-selected="false"> <a class="nav-link" id="custom-tabs-five-family-tab" data-toggle="pill" href="#custom-tabs-five-family" role="tab" aria-controls="custom-tabs-five-family" aria-selected="false">
<div class="skeleton skeleton-text short" style="width: 10rem;"></div> <div class="skeleton skeleton-text short" style="width: 10rem;"></div>
</a> </a>
@endif @endif
...@@ -64,44 +69,74 @@ ...@@ -64,44 +69,74 @@
@if($role->hasAnyPermission(["Basic View Birth History"])) @if($role->hasAnyPermission(["Basic View Birth History"]))
<li class="nav-item"> <li class="nav-item">
@if($modalStatus) @if($modalStatus)
<a class="nav-link" id="custom-tabs-four-history-tab" data-toggle="pill" <a class="nav-link" id="custom-tabs-five-photo-tab" data-toggle="pill"
href="#custom-tabs-four-history" role="tab" aria-controls="custom-tabs-four-history" href="#custom-tabs-five-photo" role="tab" aria-controls="custom-tabs-five-photo"
aria-selected="false"> aria-selected="false">
Document History</a> Photo & Signature
</a>
@else @else
<a class="nav-link" id="custom-tabs-four-family-tab" data-toggle="pill" href="#custom-tabs-four-family" role="tab" aria-controls="custom-tabs-four-family" aria-selected="false"> <a class="nav-link" id="custom-tabs-five-family-tab" data-toggle="pill" href="#custom-tabs-five-family" role="tab" aria-controls="custom-tabs-five-family" aria-selected="false">
<div class="skeleton skeleton-text short" style="width: 10rem;"></div> <div class="skeleton skeleton-text short" style="width: 10rem;"></div>
</a> </a>
@endif @endif
</li> </li>
@endif @endif
<li class="nav-item"> <li class="nav-item">
@if($modalStatus) @if($modalStatus)
<a class="nav-link" id="custom-tabs-four-history-tab" data-toggle="pill" <a class="nav-link" id="custom-tabs-five-death-tab" data-toggle="pill"
href="#custom-tabs-four-death" role="tab" aria-controls="custom-tabs-four-death" href="#custom-tabs-five-death" role="tab" aria-controls="custom-tabs-five-death"
aria-selected="false"> aria-selected="false">
Date of Death Date of Death
</a> </a>
@else @else
<a class="nav-link" id="custom-tabs-four-family-tab" data-toggle="pill" href="#custom-tabs-four-family" role="tab" aria-controls="custom-tabs-four-family" aria-selected="false"> <a class="nav-link" id="custom-tabs-five-family-tab" data-toggle="pill" href="#custom-tabs-five-family" role="tab" aria-controls="custom-tabs-five-family" aria-selected="false">
<div class="skeleton skeleton-text short" style="width: 10rem;"></div> <div class="skeleton skeleton-text short" style="width: 10rem;"></div>
</a> </a>
@endif @endif
</li> </li>
</ul> </ul>
</div> </div>
<div class="card card-primary card-outline card-outline-tabs" style="box-shadow: none;"> <div class="card card-primary card-outline card-outline-tabs" style="box-shadow: none;">
<div class="card-header p-0 border-bottom-0"> <div class="card-header p-0 border-bottom-0"></div>
</div>
<div class="card-body"> <div class="card-body">
<div class="tab-content" id="custom-tabs-four-tabContent"> <div class="tab-content" id="custom-tabs-five-tabContent">
@if($role->hasAnyPermission(["Basic View Birth Details"]))
<div class="tab-pane fade show active" id="custom-tabs-five-home" role="tabpanel"
aria-labelledby="custom-tabs-five-home-tab">
@include('livewire.search.partials.tabs.birth.document_data')
</div>
@endif
@if($role->hasAnyPermission(["Basic View Birth Details"]))
<div class="tab-pane fade" id="custom-tabs-five-family" role="tabpanel"
aria-labelledby="custom-tabs-five-family-tab">
@include('livewire.search.partials.tabs.birth.document_header_details')
</div>
@endif
@if($role->hasAnyPermission(["Basic View Birth Details"])) @if($role->hasAnyPermission(["Basic View Birth Details"]))
<div class="tab-pane fade show active" id="custom-tabs-four-home" role="tabpanel" <div class="tab-pane fade" id="custom-tabs-five-history" role="tabpanel"
aria-labelledby="custom-tabs-four-home-tab"> aria-labelledby="custom-tabs-five-history-tab">
@include('livewire.search.partials.tabs.birth.document_history')
</div>
@endif
@if($role->hasAnyPermission(["Basic View Birth Details"]))
<div class="tab-pane fade" id="custom-tabs-five-photo" role="tabpanel"
aria-labelledby="custom-tabs-five-photo-tab">
@include('livewire.search.partials.tabs.birth.family_relation')
</div>
@endif
@if($role->hasAnyPermission(["Basic View Birth Details"]))
<div class="tab-pane fade" id="custom-tabs-five-death" role="tabpanel"
aria-labelledby="custom-tabs-five-death-tab">
@include('livewire.search.partials.tabs.birth.document_data') @include('livewire.search.partials.tabs.birth.document_data')
</div> </div>
@endif @endif
</div> </div>
</div> </div>
</div> </div>
...@@ -111,11 +146,4 @@ ...@@ -111,11 +146,4 @@
</x-slot> </x-slot>
</x-adminlte-modal> </x-adminlte-modal>
<style>
#searchModalBirthBasic > .modal-dialog{
max-width: 95vw;
margin: auto;
}
</style>
</div> </div>
...@@ -19,7 +19,9 @@ ...@@ -19,7 +19,9 @@
<div class="col-12 text-center"> <div class="col-12 text-center">
@if(isset($human)) @if(isset($human))
<small class="">Birth Entry Number</small> <small class="">Birth Entry Number</small>
<h4 class="upi"></h4> <h4 class="upi">
{{ $docums[0]['SER_NUM'] }}
</h4>
@else @else
<div class="skeleton skeleton-text short"></div> <div class="skeleton skeleton-text short"></div>
@endif @endif
...@@ -27,7 +29,7 @@ ...@@ -27,7 +29,7 @@
<div class="col-12 text-center"> <div class="col-12 text-center">
@if(isset($human)) @if(isset($human))
<small class="">Country of Birth</small> <small class="">Country of Birth</small>
<p class="card-text">KEN </p> <p class="card-text">KENYA</p>
<span class="fi fi-ke" style="font-size: 2rem;"></span> <span class="fi fi-ke" style="font-size: 2rem;"></span>
@else @else
<div class="skeleton skeleton-text short"></div> <div class="skeleton skeleton-text short"></div>
......
<h1>headaer</h1> @php use Carbon\Carbon;
@endphp
<div class="row">
<div class="col-2" style="text-align: center;border: 1px solid #e2e5e9; border-radius: 10px;">
<img src="{{ asset('images/coat-of-arms.webp') }}"
alt="IPRS Logo" class="brand-image" style=" width: 10em;">
</div>
<div class="col-10">
<div class="row">
<div class="col-3">
<small>PIN</small>
<p class="field-value user-field-data">
{{ $human->pid ?? '-' }}
</p>
</div>
<div class="col-3">
<small>First name</small>
<p class="field-value user-field-data">
{{ $human->name ?? '-' }}
</p>
</div>
<div class="col-3">
<small>Other names</small>
<p class="field-value user-field-data">
{{ $human->last_name ?? '-' }}
</p>
</div>
<div class="col-3">
<small>Sur name</small>
<p class="field-value user-field-data">
{{ $human->surn ?? '-' }}
</p>
</div>
</div>
<div class="row">
<div class="col-3">
<small>ID Number</small>
<p class="field-value user-field-data">
{{ $human->o_pid ?? '-' }}
</p>
</div>
<div class="col-3">
<small>Gender</small>
<p class="field-value user-field-data">
{{ $human->sex ?? '-' }}
</p>
</div>
<div class="col-3">
<small>Date of Birth</small>
<p class="field-value user-field-data">
@if(isset($human->date_birth))
{{ Carbon::parse($human->date_birth)->format("d-m-Y") }}
@else
-
@endif
</p>
</div>
<div class="col-3">
<small>Citizenship</small>
<p class="field-value user-field-data">
KENYAN <span class="fi fi-ke" style="font-size: 1rem;"></span>
</p>
</div>
</div>
</div>
<div style="width: 100%;height: 1px;background-color: #e2e5e9;margin-bottom: 2rem;margin-top: 1rem;"></div>
</div>
...@@ -6,13 +6,14 @@ ...@@ -6,13 +6,14 @@
$modalStatus= 'show'; $modalStatus= 'show';
$modalStyle="display: block;"; $modalStyle="display: block;";
} }
$fnames = $passport['first_names'] ?? ''; $fname = $passport['first_names'] ?? '';
$lname = $passport['last_names'] ?? ''; $sname = $passport['last_name'] ?? '';
@endphp @endphp
<x-adminlte-modal id="searchModalPassport" class="{{ $modalStatus }}" style="{{ $modalStyle }}" size="lg" <x-adminlte-modal id="searchModalPassport" class="{{ $modalStatus }}" style="{{ $modalStyle }}" size="lg"
title="{{ $fnames }} {{ $lname }}" v-centered static-backdrop scrollable> title="{{ $fname }} {{ $sname }}'s Passport Details" v-centered static-backdrop scrollable>
<div class="modal-body"> <div class="modal-body">
<ul class="nav nav-tabs" id="custom-tabs-four-tab" role="tablist"> <ul class="nav nav-tabs" id="custom-tabs-four-tab" role="tablist">
@if($role->hasAnyPermission(["Basic View ID Details", "Basic View Passport Details", "Basic View Birth Details"])) @if($role->hasAnyPermission(["Basic View ID Details", "Basic View Passport Details", "Basic View Birth Details"]))
...@@ -118,10 +119,4 @@ ...@@ -118,10 +119,4 @@
</x-slot> </x-slot>
</x-adminlte-modal> </x-adminlte-modal>
<style>
#searchModalPassportBasic > .modal-dialog{
max-width: 95vw;
margin: auto;
}
</style>
</div> </div>
<div> <div>
<div id="overlaySpinner" wire:loading> <div id="overlaySpinner" wire:loading>
...@@ -27,60 +26,42 @@ ...@@ -27,60 +26,42 @@
@method('POST') @method('POST')
@if($role->hasAnyPermission(["Basic Search ID with Serial number","Basic Search ID with ID number", "Basic Search Passport with Passport number", "Basic Search Passport with ID number", "Basic Search Birth with Certificate number", "Basic Search Birth with ID number"])) @if($role->hasAnyPermission(["Basic Search ID with Serial number","Basic Search ID with ID number", "Basic Search Passport with Passport number", "Basic Search Passport with ID number", "Basic Search Birth with Certificate number", "Basic Search Birth with ID number"]))
<div id="searchContainer" class="d-flex align-items-center search-container"> <div id="searchContainer" class="d-flex align-items-center search-container">
<select wire:model="searchcategory" name="searchcategory" <select wire:model="searchcategory" name="searchcategory"
class="form-control search-element text-center fw-bold custom-select" title="Select document type" class="form-control search-element text-center fw-bold custom-select" title="Select document type"
id="category" required> id="category" required>
<option value="">Choose Document</option> <option value="">Choose Document</option>
@foreach($searchGroups as $searchGroup) @foreach($searchGroups as $searchGroup)
<option value={{ $searchGroup }} >{{ $searchGroup }}</option> <option value={{ $searchGroup }} >{{ $searchGroup }}</option>
@endforeach @endforeach
</select> </select>
<div id="fieldsContainerID" class="d-none d-flex"> <div id="fieldsContainerID" class="{{ $showFields !== 'ID' ? 'd-none' : '' }} d-flex">
@if($role->hasPermissionTo('Basic Search ID with ID number')) @if($role->hasPermissionTo('Basic Search ID with ID number'))
<input type="text" class="form-control search-element no-radius" id="searchInputID" name="docNumber" placeholder="Enter Maisha Number" title="Enter ID Number" wire:model="docNumber"> <input type="text" class="form-control search-element no-radius" id="searchInputID" name="docNumber" placeholder="Enter Maisha Number" title="Enter Maisha Number" wire:model="docNumber">
@endif @endif
@if($role->hasPermissionTo('Basic Search ID with Serial number')) @if($role->hasPermissionTo('Basic Search ID with Serial number'))
<input type="text" class="form-control search-element no-radius" id="searchInputSerial" name="SerialNumber" placeholder="Enter Serial Number" title="Enter Serial Number" wire:model="serialNumber"> <input type="text" class="form-control search-element no-radius" id="searchInputSerial" name="SerialNumber" placeholder="Enter Serial Number" title="Enter Serial Number" wire:model="serialNumber">
@endif @endif
</div> </div>
<div id="fieldsContainerPassport" class="d-none d-flex"> <div id="fieldsContainerPassport" class="{{ $showFields !== 'Passport' ? 'd-none' : '' }} d-flex">
@if($role->hasPermissionTo("Basic Search Passport with Passport number"))
<input type="text" class="form-control search-element no-radius" id="searchInputPassportNo" name="pno" placeholder="Enter Passport Number" title="Enter Passport Number" wire:model="passportNum">
@endif
@if($role->hasPermissionTo("Basic Search Passport with ID number"))
<input type="text" class="form-control search-element no-radius" id="searchInputPassportId" name="pino" placeholder="Enter Maisha Number" title="Enter ID Number" wire:model="passportIdNum">
@endif
</div>
<div id="fieldsContainerPassport" class="form-group col-md-12 d-none d-none mt-3 mb-3 justify-content-center">
@if($role->hasPermissionTo("Basic Search Passport with Passport number")) @if($role->hasPermissionTo("Basic Search Passport with Passport number"))
<x-adminlte-input type="text" label="Passport Number" fgroup-class="col-md-6 search-form-group" <input type="text" class="form-control search-element no-radius" id="searchInputPassportNo" name="pno" placeholder="Enter Passport Number" title="Enter Passport Number" wire:model="passportNum">
id="searchInputPassportNo" name="pno"
placeholder="Passport Number" autofocus/>
@endif @endif
@if($role->hasPermissionTo("Basic Search Passport with ID number")) @if($role->hasPermissionTo("Basic Search Passport with ID number"))
<x-adminlte-input type="text" label="ID Number" fgroup-class="col-md-6 search-form-group" <input type="text" class="form-control search-element no-radius" id="searchInputPassportId" name="pino" placeholder="Enter Maisha Number" title="Enter ID Number" wire:model="passportIdNum">
id="searchInputPassportId" name="pino"
placeholder="Passport ID Number" autofocus/>
@endif @endif
</div> </div>
<div id="fieldsContainerBirth" class="d-none d-flex"> <div id="fieldsContainerBirth" class="{{ $showFields !== 'Birth' ? 'd-none' : '' }} d-flex">
<input type="text" class="form-control search-element no-radius" id="searchBirthEntry" name="searchBirthEntryNum" placeholder="Enter Birth Entry Number" title="Enter Birth Entry Number" wire:model="searchBirthEntryNum"> <input type="text" class="form-control search-element no-radius" id="searchBirthEntry" name="searchBirthEntryNum" placeholder="Enter Birth Entry Number" title="Enter Birth Entry Number" wire:model="searchBirthEntryNum">
</div>
<div id="fieldsContainerBirth" class="form-group d-none mt-3 mb-3 justify-content-center" style="width: 100%;">
<x-adminlte-input type="text" label="Birth Entry Number" fgroup-class="col-md-6 search-form-group"
id="searchBirthEntry" name="searchBirthEntryNum" wire:model="searchBirthEntryNum"
placeholder="Birth Entry Number" autofocus/>
</div> </div>
<button type="submit" id="submitSearch" class="btn search-element search-btn" title="search"> <button type="submit" id="submitSearch" class="btn search-element search-btn" title="search">
<img src="{{ asset('images/search-white.png') }}" alt="Search" style="width: 24px; height: 24px;"> <img src="{{ asset('images/search-white.png') }}" alt="Search" style="width: 24px; height: 24px;">
</button> </button>
</div> </div>
@else @else
<div class="alert alert-dark w-100"> <div class="alert alert-dark w-100">
<i class="fas fa-fw fa-info-circle"></i> <i class="fas fa-fw fa-info-circle"></i>
...@@ -120,10 +101,6 @@ ...@@ -120,10 +101,6 @@
<style> <style>
.row { .row {
margin-top: 20px; margin-top: 20px;
/* display: flex;
justify-content: center;
align-items: center;
height: 80vh; */
} }
.search-container { .search-container {
display: flex; display: flex;
......
...@@ -126,19 +126,33 @@ ...@@ -126,19 +126,33 @@
@if($doctype === 'Birth') @if($doctype === 'Birth')
<tr> <tr>
<td><h4 class="text-black">{{ $doc_human['o_pid'] ?? '-' }}</h4></td> <td>
<td><h4 class="text-info">{{ $serial_number[$count] ?? '-' }}</h4></td> <h4 class="text-black">{{ $doc_human['o_pid'] ?? '-' }}</h4>
<td>{{ $doc_human['name'] ?? '-' }}</td> </td>
<td>{{ $doc_human['last_name'] ?? '-' }}</td> <td>
<td>{{ $doc_human['surn'] ?? '-' }}</td> <h4 class="text-info">{{ $serial_number[$count] ?? '-' }}</h4>
<td>KENYAN <span class="fi fi-ke" style="font-size: 1rem;"></span></td> </td>
<td>{{ $doc_human['sex'] ?? '-' }}</td> <td>
{{ $doc_human['name'] ?? '-' }}
</td>
<td>
{{ $doc_human['last_name'] ?? '-' }}
</td>
<td>
{{ $doc_human['surn'] ?? '-' }}
</td>
<td>
KENYAN <span class="fi fi-ke" style="font-size: 1rem;"></span>
</td>
<td>
{{ $doc_human['sex'] ?? '-' }}
</td>
<td></td> <td></td>
<td> <td>
<x-adminlte-button <x-adminlte-button
label="Details" label="Details"
theme="info" theme="info"
id="humanbtn" id="birthbtn"
icon="fas fa-info-circle" icon="fas fa-info-circle"
wire:click="birthresultsModal('{{ urlencode($serial_number[$count]) ?? '' }}')" wire:click="birthresultsModal('{{ urlencode($serial_number[$count]) ?? '' }}')"
data-toggle="modal" data-toggle="modal"
...@@ -147,17 +161,35 @@ ...@@ -147,17 +161,35 @@
</tr> </tr>
@endif @endif
@if($doctype === 'Passport') @if($doctype === 'Passport')
<tr> <tr>
<td><h4 class="text-black">{{ $human["passport_no"] ?? '-'}}</h4></td> <td>
<td><h4 class="text-info">{{ $human["identity_card_no"] ?? '-' }}</h4></td> <h4 class="text-black">{{ $human["passport_no"] ?? '-'}}</h4>
<td>{{ $human["first_names"] ?? '-' }}</td> </td>
<td>{{ $human["last_name"] ?? '-' }}</td> <td>
<td>{{ $human["gender"] ?? '-' }}</td> <h4 class="text-info">{{ $human["identity_card_no"] ?? '-' }}</h4>
<td>KENYAN <span class="fi fi-ke" style="font-size: 1rem;"></span></td> </td>
<td>{{ $human["birth_day"] ?? '-' }} / {{ $human["birth_month"] ?? '-' }} / {{ $human["birth_year"] ?? '-' }}</td> <td>
<td>{{ Carbon::parse($human["issue_date"])->format("d-m-Y") ?? '-' }}</td> {{ $human["first_names"] ?? '-' }}
<td>{{ Carbon::parse($human['expiry_date'])->format("d-m-Y") ?? '-' }}</td> </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> <td>
<x-adminlte-button <x-adminlte-button
label="Details" label="Details"
...@@ -169,9 +201,9 @@ ...@@ -169,9 +201,9 @@
/> />
</td> </td>
</tr> </tr>
@endif @endif
@if($doctype === 'ID') @if($doctype === 'ID')
@foreach($human as $doc_human) @foreach($human as $doc_human)
<tr> <tr>
<td> <td>
...@@ -186,7 +218,6 @@ ...@@ -186,7 +218,6 @@
</td> </td>
<td> <td>
{{ $doc_human['name'] ?? '-' }} {{ $doc_human['name'] ?? '-' }}
</td> </td>
<td> <td>
{{ $doc_human['last_name'] ?? '-' }} {{ $doc_human['last_name'] ?? '-' }}
...@@ -194,7 +225,9 @@ ...@@ -194,7 +225,9 @@
<td> <td>
{{ $doc_human['surn'] ?? '-' }} {{ $doc_human['surn'] ?? '-' }}
</td> </td>
<td>KENYAN <span class="fi fi-ke" style="font-size: 1rem;"></span></td> <td>
KENYAN <span class="fi fi-ke" style="font-size: 1rem;"></span>
</td>
<td> <td>
{{ $doc_human['sex'] ?? '-' }} {{ $doc_human['sex'] ?? '-' }}
</td> </td>
......
...@@ -54,6 +54,11 @@ ...@@ -54,6 +54,11 @@
margin: auto; margin: auto;
} }
#searchModalBirth > .modal-dialog{
max-width: 95vw;
margin: auto;
}
#overlaySpinner{ #overlaySpinner{
position: fixed; position: fixed;
top: 0; top: 0;
...@@ -148,6 +153,11 @@ ...@@ -148,6 +153,11 @@
$('#searchModalPassport').modal('show'); $('#searchModalPassport').modal('show');
}); });
//handle passport modal: event delegation
$(document).on('click', '#birthbtn', function(event){
$('#searchModalBirth').modal('show');
});
</script> </script>
@stop @stop
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment