Commit 240004c2 authored by Michael Ngei's avatar Michael Ngei

Added passport endpoint

parent 75f311e3
...@@ -42,7 +42,9 @@ class PassportModal extends Component ...@@ -42,7 +42,9 @@ class PassportModal extends Component
#[On('openPassportModal')] #[On('openPassportModal')]
public function openPassportModal($data): void public function openPassportModal($data): void
{ {
$this->passport= Doi_date::where('passport_no', $data['pass_no'])->where('identity_card_no', $data['id'])->get(); $this->passport= Doi_date::where('passport_no', $data['pass_no'])->where('identity_card_no', $data['id'])->get();
$this->isOpen = true;
} }
public function placeholder() public function placeholder()
......
@php use Carbon\Carbon;
@endphp
<div class="row">
<div class="col-2">
<div class="row">
<x-adminlte-card>
@if($modalStatus)
<img class="card-img-top"
src="{{ asset('../images/imgplaceholder.png') }}" alt="Card image cap">
@else
<div class="skeleton skeleton-text short skeleton-img"></div>
@endif
</x-adminlte-card>
<div class="row" style="width: 100%;">
@if($doctype == 'Birth')
@if($role->hasPermissionTo("Basic View Birth Details"))
<div class="col-12 text-center">
@if(isset($human))
<small class="">Birth Entry Number</small>
<h4 class="upi">{{ $serialNum }}</h4>
@else
<div class="skeleton skeleton-text short"></div>
@endif
</div>
<div class="col-12 text-center">
@if(isset($human))
<small class="">Country of Birth</small>
<p class="card-text">KEN </p>
<span class="fi fi-ke" style="font-size: 2rem;"></span>
@else
<div class="skeleton skeleton-text short"></div>
@endif
</div>
@endif
@endif
@if($doctype == 'ID')
@if($role->hasPermissionTo("Basic View ID Details"))
<div class="col-12 text-center">
@if(isset($human->o_pid))
<small class="">UPI Number</small>
<h4 class="upi">{{ $human->o_pid }}</h4>
@else
<div class="skeleton skeleton-text short"></div>
@endif
</div>
<div class="col-12 text-center">
@if(isset($human->o_pid))
<small class="">Country of Birth</small>
<p class="card-text">KEN </p>
<span class="fi fi-ke" style="font-size: 2rem;"></span>
@else
<div class="skeleton skeleton-text short"></div>
@endif
</div>
@endif
@endif
</div>
</div>
@if($doctype == 'ID')
@if($role->hasPermissionTo("Basic View ID Details"))
<div class="row">
@if(isset($human->name))
<x-adminlte-card style="margin: 1rem auto;">
<img class="card-img-top" height="100"
src="{{ asset('../images/fingerprints/biometric.png') }}" alt="Card image cap">
</x-adminlte-card>
@else
<div class="skeleton skeleton-text short"></div>
@endif
</div>
@endif
@endif
</div>
<div class="col-6" style="padding-left: 27px;">
@if($role->hasAnyPermission(["Basic View ID Details", "Basic View Passport Details", "Basic View Birth Details"]))
<p>Citizen's Information</p>
<div class="cardLine"></div>
<div class="row">
<div class="col-6">
<small>First name</small>
@if(isset($human->name))
<p class="field-value">{{ $human->name }}</p>
@else
<div class="skeleton skeleton-text short"></div>
@endif
</div>
<div class="col-6">
<small>Sur name</small>
@if(isset($human->surn))
<p class="field-value">{{ $human->surn }}</p>
@else
<div class="skeleton skeleton-text short"></div>
@endif
</div>
<div class="col-6">
<small>Other name</small>
@if(isset($human->last_name))
<p class="field-value">{{ $human->last_name }}</p>
@else
<div class="skeleton skeleton-text short"></div>
@endif
</div>
<div class="col-6">
</div>
<div class="col-6">
<small>Date of Birth</small>
@if(isset($human->date_birth))
<p class="field-value">{{ Carbon::parse($human->date_birth)->format("d-m-Y") }}</p>
@else
<div class="skeleton skeleton-text short"></div>
@endif
</div>
<div class="col-6">
<small>Gender</small>
@if(isset($human->sex))
<p class="field-value">{{ $human->sex }}</p>
@else
<div class="skeleton skeleton-text short"></div>
@endif
</div>
@if($doctype == 'ID')
@if($role->hasPermissionTo("Basic View ID Family"))
<div class="col-6">
<small>Family</small>
@if(isset($human->family))
<p class="field-value">{{ $human->family }}</p>
@else
<div class="skeleton skeleton-text short"></div>
@endif
</div>
@endif
@if($role->hasPermissionTo("Basic View ID Clan"))
<div class="col-6">
<small>Clan</small>
@if(isset($human->clan))
<p class="field-value">{{ $human->clan }}</p>
@else
<div class="skeleton skeleton-text short"></div>
@endif
</div>
@endif
@endif
</div>
@endif
@if($doctype == 'Birth')
@if($role->hasPermissionTo("Basic View Birth Details"))
<p>Parent(s) Information</p>
<div class="cardLine2"></div>
<div class="row">
<div class="col-8">
<small>Mother</small>
@if(isset($docums[0]['M_NAME']))
<p class="field-value">
<i class="fas fa-female" style="color: #008500;"></i>
{{ $docums[0]['M_NAME'] }} {{ $docums[0]['M_OTHNAME'] }} {{ $docums[0]['M_SURN'] }}
</p>
@else
<div class="skeleton skeleton-text short"></div>
@endif
</div>
@if($role->hasPermissionTo("Basic View Birth Mother ID number"))
<div class="col-4">
<small>ID no.</small>
@if(isset($docums[0]['MOTHER_DOC_NUMBER']))
<p class="field-value">
{{ $docums[0]['MOTHER_DOC_NUMBER'] }}
</p>
@else
<div class="skeleton skeleton-text short"></div>
@endif
</div>
@endif
<div class="col-8">
<small>Father</small>
@if(isset($docums[0]['F_NAME']))
<p class="field-value">
<i class="fas fa-male" style="color: #008500;"></i>
{{ $docums[0]['F_NAME'] }} {{ $docums[0]['F_OTHNAME'] }} {{ $docums[0]['F_SURN'] }}
</p>
@else
<div class="skeleton skeleton-text short"></div>
@endif
</div>
@if($role->hasPermissionTo("Basic View Birth Father ID number"))
<div class="col-4">
@if(isset($docums[0]['F_NAME']))
<small>ID no.</small>
-
@endif
</div>
@endif
</div>
@endif
@endif
@if($role->hasAnyPermission(["Basic View ID Details", "Basic View Passport Details", "Basic View Birth Details"]))
<p>Location</p>
<div class="cardLine2"></div>
<div class="row">
@if($doctype == 'Birth')
<div class="col-6">
<small>District</small>
@if(isset($human->addressBirth->adresComp))
<p class="field-value">{{ $human->addressBirth->adresComp->name }}</p>
@else
<div class="skeleton skeleton-text short"></div>
@endif
</div>
<div class="col-6">
<small>Division</small>
<p class="field-value">-</p>
</div>
@endif
@if($doctype == 'ID')
<div class="col-6">
<small>District</small>
@if(isset($human->addressLive->adresComp->name))
<p class="field-value">{{ $human->addressLive->adresComp->name }}</p>
@else
<div class="skeleton skeleton-text short"></div>
@endif
</div>
<div class="col-6">
<small>Division</small>
<p class="field-value">-</p>
</div>
<div class="col-6">
<small>Location</small>
@if(isset($human->addressLive->addressLocation->name))
<p class="field-value">{{ $human->addressLive->addressLocation->name }}</p>
@else
<div class="skeleton skeleton-text short"></div>
@endif
</div>
<div class="col-6">
<small>Sub Location</small>
@if(isset($human->addressLive->sublocat))
<p class="field-value">{{ $human->addressLive->sublocat }}</p>
@else
<div class="skeleton skeleton-text short"></div>
@endif
</div>
@if($role->hasAnyPermission(["Basic View ID Place of Residence","Basic View Birth Place of Residence","Basic View Passport Place of Residence"]))
<div class="col-6">
<small>Village</small>
@if(isset($human->addressLive->village))
<p class="field-value">{{ $human->addressLive->village }}</p>
@else
<div class="skeleton skeleton-text short"></div>
@endif
</div>
<div class="col-6">
<small>Home Address</small>
@if(isset($human->addressLive->home_adr))
<p class="field-value">{{ $human->addressLive->home_adr }}</p>
@else
<div class="skeleton skeleton-text short"></div>
@endif
</div>
@endif
@endif
</div>
@endif
</div>
<div class="col-4">
<div class="row">
<p>Document Information</p>
<div class="cardLine"></div>
<div class="row" style="width: 100%;">
<div class="col-12">
@php
if($doctype == 'Birth'){
$tbl_doc='Entry No.';
}else{
$tbl_doc='Serial No.';
}
$headings = [
'ID No.',
$tbl_doc,
'Issued on.',
'Status.'
];
$count=0;
@endphp
<x-adminlte-datatable id="clients-table searchResultsCard" :heads="$headings">
<tr>
<td>
@if(isset($docums[0]['O_PID']))
<p class="field-value">{{ $docums[0]['O_PID'] }}</p>
@else
-
@endif
</td>
<td>
@if(isset($docums[0]['SER_NUM']))
<p class="field-value">{{ $docums[0]['SER_NUM'] }}</p>
@else
<div class="skeleton skeleton-text short"></div>
@endif
</td>
<td>
@if(isset($docums[0]['O_DATE']))
{{ Carbon::parse($human->data_scan)->format("d-m-Y") }}
@else
<div class="skeleton skeleton-text short"></div>
@endif
</td>
<td>
@if(isset($docums[0]['SER_NUM']))
<span class="badge badge-success">
<i class="fa fa-check-circle"></i>Current</span>
@else
<div class="skeleton skeleton-text short"></div>
@endif
</td>
</tr>
@if(isset($docums))<p>Replaced: <strong>{{ count($docums)-1 }}</strong> times</p>@endif
</x-adminlte-datatable>
</div>
</div>
</div>
<div class="row">
<div class="idDocimg">
</div>
</div>
</div>
<style>
.idDocimg{
background-image:url("../images/national_ID.png");
background-size: 30rem;
width: 80vw;
height: 25vh;
background-repeat: no-repeat
}
.skeleton-img{
padding: 8rem;
}
.skeleton {
animation: shimmer 1.5s infinite;
background: linear-gradient(to right, #f0f0f0 8%, #e0e0e0 18%, #f0f0f0 33%);
background-size: 1000px 100%;
position: relative;
}
@keyframes shimmer {
0% {
background-position: -1000px 0;
}
100% {
background-position: 1000px 0;
}
}
.skeleton-text {
height: 30px;
width: 100%;
margin: 6px 0;
background-color: #f0f0f0;
}
.skeleton-text.short {
width: 50%;
}
.skeleton-card {
padding: 16px;
border: 1px solid #ddd;
border-radius: 4px;
margin-bottom: 16px;
}
.skeleton-table {
width: 100%;
border-collapse: collapse;
}
.skeleton-tabs{
width: 5rem;
}
.skeleton-table th, .skeleton-table td {
padding: 8px;
border: 1px solid #ddd;
}
</style>
</div>
@php use Carbon\Carbon;
@endphp
@foreach($passport as $human_passport)
<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">
</p>
</div>
<div class="col-3">
<small>First names</small>
<p class="field-value user-field-data">
{{ $human_passport['first_names'] }}
</p>
</div>
<div class="col-3">
<small>Last names</small>
<p class="field-value user-field-data">
{{ $human_passport['last_name'] }}
</p>
</div>
</div>
<div class="row">
<div class="col-3">
<small>ID Number</small>
<p class="field-value user-field-data">
</p>
</div>
<div class="col-3">
<small>Gender</small>
<p class="field-value user-field-data">
</p>
</div>
<div class="col-3">
<small>Date of Birth</small>
<p class="field-value user-field-data">
@if(isset($human->date_birth))
@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>
@endforeach
...@@ -105,19 +105,21 @@ ...@@ -105,19 +105,21 @@
@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"]))
<div class="tab-pane fade show active" id="custom-tabs-four-home" role="tabpanel" <div class="tab-pane fade show active" id="custom-tabs-four-home" role="tabpanel"
aria-labelledby="custom-tabs-four-home-tab"> aria-labelledby="custom-tabs-four-home-tab">
@include('livewire.search.partials.tabs.passport_tabs.document_header_details')
</div> </div>
@endif @endif
@if($role->hasAnyPermission(["Basic View ID Family relations","Basic View Passport Family relations", "Basic View Birth Family relations"])) @if($role->hasAnyPermission(["Basic View ID Family relations","Basic View Passport Family relations", "Basic View Birth Family relations"]))
<div class="tab-pane fade" id="custom-tabs-four-family" role="tabpanel" <div class="tab-pane fade" id="custom-tabs-four-family" role="tabpanel"
aria-labelledby="custom-tabs-four-family-tab"> aria-labelledby="custom-tabs-four-family-tab">
@include('livewire.search.partials.tabs.passport_tabs.document_header_details')
</div> </div>
@endif @endif
@if($role->hasPermissionTo("Basic View ID Photo and Signature")) @if($role->hasPermissionTo("Basic View ID Photo and Signature"))
<div class="tab-pane fade" id="custom-tabs-four-photo" role="tabpanel" <div class="tab-pane fade" id="custom-tabs-four-photo" role="tabpanel"
aria-labelledby="custom-tabs-four-photo-tab"> aria-labelledby="custom-tabs-four-photo-tab">
@include('livewire.search.partials.tabs.passport_tabs.document_header_details')
</div> </div>
@endif @endif
...@@ -125,17 +127,20 @@ ...@@ -125,17 +127,20 @@
@if($role->hasAnyPermission(["Basic View ID Documents", "Basic View Passport Documents", "Basic View Birth Documents"])) @if($role->hasAnyPermission(["Basic View ID Documents", "Basic View Passport Documents", "Basic View Birth Documents"]))
<div class="tab-pane fade" id="custom-tabs-four-documents" role="tabpanel" <div class="tab-pane fade" id="custom-tabs-four-documents" role="tabpanel"
aria-labelledby="custom-tabs-four-documents-tab"> aria-labelledby="custom-tabs-four-documents-tab">
@include('livewire.search.partials.tabs.passport_tabs.document_header_details')
</div> </div>
@endif @endif
@if($role->hasAnyPermission(["Basic View ID History", "Basic View Passport History", "Basic View Birth History"])) @if($role->hasAnyPermission(["Basic View ID History", "Basic View Passport History", "Basic View Birth History"]))
<div class="tab-pane fade" id="custom-tabs-four-history" role="tabpanel" <div class="tab-pane fade" id="custom-tabs-four-history" role="tabpanel"
aria-labelledby="custom-tabs-four-history-tab"> aria-labelledby="custom-tabs-four-history-tab">
@include('livewire.search.partials.tabs.passport_tabs.document_header_details')
</div> </div>
@endif @endif
<div class="tab-pane fade" id="custom-tabs-four-death" role="tabpanel" <div class="tab-pane fade" id="custom-tabs-four-death" role="tabpanel"
aria-labelledby="custom-tabs-four-death-tab"> aria-labelledby="custom-tabs-four-death-tab">
@include('livewire.search.partials.tabs.passport_tabs.document_header_details')
<h2>No results!</h2> <h2>No results!</h2>
</div> </div>
......
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