Skip to content

I
IPRSv2
Commit 49f4c19d authored by Michael Ngei's avatar Michael Ngei
Browse files
Options

Merge branch 'iprsv2_brian' into 'master' 

Iprsv2 brian

See merge request !19
parents bcef16fd 5c8fb931
Show whitespace changes
Inline Side-by-side
Showing with 509 additions and 332 deletions
app/Livewire/Search/Searchform.php
View file @ 49f4c19d
...@@ -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' :
...@@ -259,6 +262,18 @@ class Searchform extends Component ...@@ -259,6 +262,18 @@ class Searchform extends Component
$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;
} }
......
public/vendor/adminlte/dist/css/adminlte.css
View file @ 49f4c19d
...@@ -12829,7 +12829,7 @@ body:not(.layout-fixed) .main-sidebar .sidebar { ...@@ -12829,7 +12829,7 @@ body:not(.layout-fixed) .main-sidebar .sidebar {
} }
[class*="sidebar-light-"] .nav-treeview > .nav-item > .nav-link { [class*="sidebar-light-"] .nav-treeview > .nav-item > .nav-link {
color: #777; color: #454444;
} }
[class*="sidebar-light-"] .nav-treeview > .nav-item > .nav-link:hover, [class*="sidebar-light-"] .nav-treeview > .nav-item > .nav-link:focus { [class*="sidebar-light-"] .nav-treeview > .nav-item > .nav-link:hover, [class*="sidebar-light-"] .nav-treeview > .nav-item > .nav-link:focus {
public/vendor/adminlte/dist/css/adminlte.min.css
View file @ 49f4c19d
This source diff could not be displayed because it is too large. You can view the blob instead.
resources/views/layouts/app.blade.php
View file @ 49f4c19d
...@@ -16,6 +16,9 @@ ...@@ -16,6 +16,9 @@
<!-- Bootstrap --> <!-- Bootstrap -->
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet"> <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/4.6.0/js/bootstrap.bundle.min.js"></script>
<!-- Include Select2 CSS --> <!-- Include Select2 CSS -->
<link href="{{ asset('public/vendor/select2/css/select2.min.css') }}" rel="stylesheet"> <link href="{{ asset('public/vendor/select2/css/select2.min.css') }}" rel="stylesheet">
......
resources/views/livewire/search/birth-modal.blade.php
View file @ 49f4c19d
<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"
title="" v-centered static-backdrop scrollable> <x-adminlte-modal id="searchModalBirth" class="{{ $modalStatus }}" style="{{ $modalStyle }}" size="lg"
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,26 +69,28 @@ ...@@ -64,26 +69,28 @@
@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
...@@ -92,16 +99,44 @@ ...@@ -92,16 +99,44 @@
</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"])) @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 show active" id="custom-tabs-five-home" role="tabpanel"
aria-labelledby="custom-tabs-four-home-tab"> aria-labelledby="custom-tabs-five-home-tab">
@include('livewire.search.partials.tabs.birth.document_data') @include('livewire.search.partials.tabs.birth.document_data')
</div> </div>
@endif @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"]))
<div class="tab-pane fade" id="custom-tabs-five-history" role="tabpanel"
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')
</div>
@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>
resources/views/livewire/search/partials/tabs/birth/document_data.blade.php
View file @ 49f4c19d
...@@ -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>
......
resources/views/livewire/search/partials/tabs/birth/document_header_details.blade.php
View file @ 49f4c19d
<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>
resources/views/livewire/search/passport-modal.blade.php
View file @ 49f4c19d
...@@ -6,17 +6,21 @@ ...@@ -6,17 +6,21 @@
$modalStatus= 'show'; $modalStatus= 'show';
$modalStyle="display: block;"; $modalStyle="display: block;";
} }
$fname = $passport['first_names'] ?? '';
$sname = $passport['last_name'] ?? '';
@endphp @endphp
<x-adminlte-modal id="searchModalPassportBasic" class="{{ $modalStatus }}" style="{{ $modalStyle }}" size="lg" <x-adminlte-modal id="searchModalPassport" class="{{ $modalStatus }}" style="{{ $modalStyle }}" size="lg"
title="" 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"]))
<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-four-home-tab" data-toggle="pill"
href="#custom-tabs-four-home" role="tab" aria-controls="custom-tabs-four-home" href="#custom-tabs-four-home" role="tab" aria-controls="custom-tabs-four-home" aria-selected="true">
aria-selected="true">
Document data Document data
</a> </a>
@else @else
...@@ -26,79 +30,84 @@ ...@@ -26,79 +30,84 @@
@endif @endif
</li> </li>
@endif @endif
@if($role->hasPermissionTo("Basic View ID Photo and Signature")) @if($role->hasPermissionTo("Basic View ID Photo and Signature"))
<li class="nav-item"> <li class="nav-item">
@if($modalStatus) @if($modalStatus)
<a class="nav-link" id="custom-tabs-four-photo-tab" data-toggle="pill" <a class="nav-link" id="custom-tabs-four-photo-tab" data-toggle="pill"
href="#custom-tabs-four-photo" role="tab" aria-controls="custom-tabs-four-photo" href="#custom-tabs-four-photo" role="tab" aria-controls="custom-tabs-four-photo" aria-selected="false">
aria-selected="false"> Photo & signature
Photo & signature </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-four-photo-tab" data-toggle="pill" href="#custom-tabs-four-photo" role="tab" aria-controls="custom-tabs-four-photo" 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
@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"]))
<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-four-documents-tab" data-toggle="pill"
href="#custom-tabs-four-documents" role="tab" aria-controls="custom-tabs-four-documents" href="#custom-tabs-four-documents" role="tab" aria-controls="custom-tabs-four-documents" aria-selected="false">
aria-selected="false"> Documents
Documents</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-four-documents-tab" data-toggle="pill" href="#custom-tabs-four-documents" role="tab" aria-controls="custom-tabs-four-documents" 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
@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"]))
<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-four-history-tab" data-toggle="pill"
href="#custom-tabs-four-history" role="tab" aria-controls="custom-tabs-four-history" href="#custom-tabs-four-history" role="tab" aria-controls="custom-tabs-four-history" aria-selected="false">
aria-selected="false"> Document History
Document History</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-four-history-tab" data-toggle="pill" href="#custom-tabs-four-history" role="tab" aria-controls="custom-tabs-four-history" 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
</ul> </ul>
<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-four-tabContent">
@if($role->hasAnyPermission(["Basic View Passport 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_data') @include('livewire.search.partials.tabs.passport_tabs.document_data')
</div> </div>
@endif @endif
@if($role->hasPermissionTo("Basic View Passport Details"))
<div class="tab-pane fade" id="custom-tabs-four-photo" role="tabpanel" @if($role->hasPermissionTo("Basic View ID Photo and Signature"))
aria-labelledby="custom-tabs-four-photo-tab"> <div class="tab-pane fade" id="custom-tabs-four-photo" role="tabpanel" aria-labelledby="custom-tabs-four-photo-tab">
@include('livewire.search.partials.tabs.passport_tabs.document_header_details') @include('livewire.search.partials.tabs.passport_tabs.document_header_details')
<h4>Photos</h4>
</div> </div>
@endif @endif
@if($role->hasAnyPermission(["Basic View Passport Documents"]))
<div class="tab-pane fade" id="custom-tabs-four-documents" role="tabpanel"
aria-labelledby="custom-tabs-four-documents-tab">
@include('livewire.search.partials.tabs.passport_tabs.document_header_details')
@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" aria-labelledby="custom-tabs-four-documents-tab">
@include('livewire.search.partials.tabs.passport_tabs.document_header_details')
<h4>Documents</h4>
</div> </div>
@endif @endif
@if($role->hasAnyPermission(["Basic View Passport History"]))
<div class="tab-pane fade" id="custom-tabs-four-history" role="tabpanel" @if($role->hasAnyPermission(["Basic View ID History", "Basic View Passport History", "Basic View Birth History"]))
aria-labelledby="custom-tabs-four-history-tab"> <div class="tab-pane fade" id="custom-tabs-four-history" role="tabpanel" aria-labelledby="custom-tabs-four-history-tab">
@include('livewire.search.partials.tabs.passport_tabs.document_header_details') @include('livewire.search.partials.tabs.passport_tabs.document_header_details')
<h4>History</h4>
</div> </div>
@endif @endif
</div> </div>
</div> </div>
</div> </div>
...@@ -110,10 +119,4 @@ ...@@ -110,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>
resources/views/livewire/search/resultsmodal.blade.php
View file @ 49f4c19d
...@@ -14,17 +14,17 @@ ...@@ -14,17 +14,17 @@
<x-adminlte-modal id="searchModalBasic" class="{{ $modalStatus }}" style="{{ $modalStyle }}" size="lg" <x-adminlte-modal id="searchModalBasic" class="{{ $modalStatus }}" style="{{ $modalStyle }}" size="lg"
title="{{ $fname }} {{ $mname }} {{ $sname }}" v-centered static-backdrop scrollable> title="{{ $fname }} {{ $mname }} {{ $sname }}" 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-six-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"]))
<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-six-home-tab" data-toggle="pill"
href="#custom-tabs-four-home" role="tab" aria-controls="custom-tabs-four-home" href="#custom-tabs-six-home" role="tab" aria-controls="custom-tabs-six-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-six-home-tab" data-toggle="pill" href="#custom-tabs-six-home" role="tab" aria-controls="custom-tabs-six-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 +33,13 @@ ...@@ -33,13 +33,13 @@
@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"]))
<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-six-family-tab" data-toggle="pill"
href="#custom-tabs-four-family" role="tab" aria-controls="custom-tabs-four-family" href="#custom-tabs-six-family" role="tab" aria-controls="custom-tabs-six-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-six-family-tab" data-toggle="pill" href="#custom-tabs-six-family" role="tab" aria-controls="custom-tabs-six-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 +49,12 @@ ...@@ -49,12 +49,12 @@
@if($role->hasPermissionTo("Basic View ID Photo and Signature")) @if($role->hasPermissionTo("Basic View ID Photo and Signature"))
<li class="nav-item"> <li class="nav-item">
@if($modalStatus) @if($modalStatus)
<a class="nav-link" id="custom-tabs-four-photo-tab" data-toggle="pill" <a class="nav-link" id="custom-tabs-six-photo-tab" data-toggle="pill"
href="#custom-tabs-four-photo" role="tab" aria-controls="custom-tabs-four-photo" href="#custom-tabs-six-photo" role="tab" aria-controls="custom-tabs-six-photo"
aria-selected="false"> aria-selected="false">
Photo & signature </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-six-family-tab" data-toggle="pill" href="#custom-tabs-six-family" role="tab" aria-controls="custom-tabs-six-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,12 +64,12 @@ ...@@ -64,12 +64,12 @@
@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"]))
<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-six-history-tab" data-toggle="pill"
href="#custom-tabs-four-documents" role="tab" aria-controls="custom-tabs-four-documents" href="#custom-tabs-six-documents" role="tab" aria-controls="custom-tabs-six-documents"
aria-selected="false"> aria-selected="false">
Documents</a> Documents</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-six-family-tab" data-toggle="pill" href="#custom-tabs-six-family" role="tab" aria-controls="custom-tabs-six-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
...@@ -78,12 +78,12 @@ ...@@ -78,12 +78,12 @@
@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"]))
<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-six-history-tab" data-toggle="pill"
href="#custom-tabs-four-history" role="tab" aria-controls="custom-tabs-four-history" href="#custom-tabs-six-history" role="tab" aria-controls="custom-tabs-six-history"
aria-selected="false"> aria-selected="false">
Document History</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-six-family-tab" data-toggle="pill" href="#custom-tabs-six-family" role="tab" aria-controls="custom-tabs-six-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
...@@ -91,69 +91,68 @@ ...@@ -91,69 +91,68 @@
@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-six-history-tab" data-toggle="pill"
href="#custom-tabs-four-death" role="tab" aria-controls="custom-tabs-four-death" href="#custom-tabs-six-death" role="tab" aria-controls="custom-tabs-six-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-six-family-tab" data-toggle="pill" href="#custom-tabs-six-family" role="tab" aria-controls="custom-tabs-six-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 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-six-tabContent">
@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-six-home" role="tabpanel"
aria-labelledby="custom-tabs-four-home-tab"> aria-labelledby="custom-tabs-six-home-tab">
@include('livewire.search.partials.tabs.id.document_data') @include('livewire.search.partials.tabs.id.document_data')
</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-six-family" role="tabpanel"
aria-labelledby="custom-tabs-four-family-tab"> aria-labelledby="custom-tabs-six-family-tab">
@include('livewire.search.partials.tabs.id.document_header_details') @include('livewire.search.partials.tabs.id.document_header_details')
@include('livewire.search.partials.tabs.id.family_relation') @include('livewire.search.partials.tabs.id.family_relation')
</div> </div>
@endif @endif
@if($doctype == 'ID') @if($doctype == 'ID')
@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-six-photo" role="tabpanel"
aria-labelledby="custom-tabs-four-photo-tab"> aria-labelledby="custom-tabs-six-photo-tab">
@include('livewire.search.partials.tabs.id.document_header_details') @include('livewire.search.partials.tabs.id.document_header_details')
@include('livewire.search.partials.tabs.id.photo') @include('livewire.search.partials.tabs.id.photo')
</div> </div>
@endif @endif
@endif @endif
@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-six-documents" role="tabpanel"
aria-labelledby="custom-tabs-four-documents-tab"> aria-labelledby="custom-tabs-six-documents-tab">
@include('livewire.search.partials.tabs.id.document_header_details') @include('livewire.search.partials.tabs.id.document_header_details')
@include('livewire.search.partials.tabs.id.human_document') @include('livewire.search.partials.tabs.id.human_document')
</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-six-history" role="tabpanel"
aria-labelledby="custom-tabs-four-history-tab"> aria-labelledby="custom-tabs-six-history-tab">
@include('livewire.search.partials.tabs.id.document_header_details') @include('livewire.search.partials.tabs.id.document_header_details')
@include('livewire.search.partials.tabs.id.document_history') @include('livewire.search.partials.tabs.id.document_history')
</div> </div>
@endif @endif
<div class="tab-pane fade" id="custom-tabs-four-death" role="tabpanel" <div class="tab-pane fade" id="custom-tabs-six-death" role="tabpanel"
aria-labelledby="custom-tabs-four-death-tab"> aria-labelledby="custom-tabs-six-death-tab">
@include('livewire.search.partials.tabs.id.document_header_details') @include('livewire.search.partials.tabs.id.document_header_details')
<h2>No results!</h2> <h2>No results!</h2>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div>
<x-slot name="footerSlot"> <x-slot name="footerSlot">
<x-adminlte-button theme="info" label="Print" data-dismiss="modal"/> <x-adminlte-button theme="info" label="Print" data-dismiss="modal"/>
......
resources/views/livewire/search/searchform.blade.php
View file @ 49f4c19d
<div> <div>
<div id="overlaySpinner" wire:loading> <div id="overlaySpinner" wire:loading>
...@@ -37,16 +36,16 @@ ...@@ -37,16 +36,16 @@
@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")) @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"> <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 @endif
...@@ -54,28 +53,10 @@ ...@@ -54,28 +53,10 @@
<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"> <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 @endif
</div> </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"))
<x-adminlte-input type="text" label="Passport Number" fgroup-class="col-md-6 search-form-group"
id="searchInputPassportNo" name="pno"
placeholder="Passport Number" autofocus/>
@endif
@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"
id="searchInputPassportId" name="pino"
placeholder="Passport ID Number" autofocus/>
@endif
</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>
<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>
<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;">
...@@ -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;
......
resources/views/livewire/search/tableresult.blade.php
View file @ 49f4c19d
...@@ -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"
...@@ -149,20 +163,38 @@ ...@@ -149,20 +163,38 @@
@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"
theme="info" theme="info"
id="humanbtn" id="passportbtn"
icon="fas fa-info-circle" icon="fas fa-info-circle"
wire:click="passportresultsModal({{ $human['identity_card_no'] ?? 0 }},'{{ $human['passport_no'] ?? 0 }}','{{ $doctype ?? 0 }}')" wire:click="passportresultsModal({{ $human['identity_card_no'] ?? 0 }},'{{ $human['passport_no'] ?? 0 }}','{{ $doctype ?? 0 }}')"
data-toggle="modal" data-toggle="modal"
...@@ -174,14 +206,34 @@ ...@@ -174,14 +206,34 @@
@if($doctype === 'ID') @if($doctype === 'ID')
@foreach($human as $doc_human) @foreach($human as $doc_human)
<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">
<td>{{ $doc_human['name'] ?? '-' }}</td> {{ $doc_human['o_pid'] ?? '-' }}
<td>{{ $doc_human['last_name'] ?? '-' }}</td> </h4>
<td>{{ $doc_human['surn'] ?? '-' }}</td> </td>
<td>KENYAN <span class="fi fi-ke" style="font-size: 1rem;"></span></td> <td>
<td>{{ $doc_human['sex'] ?? '-' }}</td> <h4 class="text-info">
<td>{{ Carbon::parse($doc_human['date_birth'])->format("d-m-Y") ?? '-' }}</td> {{ $serial_number[$count] ?? '-' }}
</h4>
</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>
{{ Carbon::parse($doc_human['date_birth'])->format("d-m-Y") ?? '-' }}
</td>
<td> <td>
<x-adminlte-button <x-adminlte-button
label="Details" label="Details"
......
resources/views/search/search.blade.php
View file @ 49f4c19d
...@@ -39,14 +39,26 @@ ...@@ -39,14 +39,26 @@
color:red; color:red;
} }
#submitSearch{ #submitSearch{
border-top-right-radius: 15px; border-top-right-radius: 20px;
border-bottom-right-radius: 15px; border-bottom-right-radius: 20px;
width: 20%; width: 20%;
} }
#searchModalBasic > .modal-dialog{ #searchModalBasic > .modal-dialog{
max-width: 95vw; max-width: 95vw;
margin: auto; margin: auto;
} }
#searchModalPassport > .modal-dialog{
max-width: 95vw;
margin: auto;
}
#searchModalBirth > .modal-dialog{
max-width: 95vw;
margin: auto;
}
#overlaySpinner{ #overlaySpinner{
position: fixed; position: fixed;
top: 0; top: 0;
...@@ -131,9 +143,21 @@ ...@@ -131,9 +143,21 @@
@section('js') @section('js')
<script> <script>
//handle modal: event delegation //handle basic modal: event delegation
$(document).on('click', '#humanbtn',function(event){ $(document).on('click', '#humanbtn',function(event){
$('#searchModalBasic').modal('show'); $('#searchModalBasic').modal('show');
}); });
//handle passport modal: event delegation
$(document).on('click', '#passportbtn', function(event){
$('#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