Commit 73d14ced authored by Brian Wangora's avatar Brian Wangora

Photo tab added to passport modal

parent ee358e6e
<p class="text-info" style="text-align: center;">Last updated: 23 jun 2023</p>
<div class="row">
<div class="col-4">
<div class="row">
<div class="col-10">
<div class="left-inner-container"></div>
</div>
<div class="col-2">
<div class="finger-print-container">
<img src="{{ asset('images/fingerprints/th1.jpg') }}" alt=""/>
</div>
<div class="finger-print-container">
<img src="{{ asset('images/fingerprints/th1.jpg') }}" alt=""/>
</div>
<div class="finger-print-container">
<img src="{{ asset('images/fingerprints/th1.jpg') }}" alt=""/>
</div>
<div class="finger-print-container">
<img src="{{ asset('images/fingerprints/th1.jpg') }}" alt=""/>
</div>
<div class="finger-print-container">
<img src="{{ asset('images/fingerprints/th1.jpg') }}" alt=""/>
</div>
</div>
</div>
</div>
<div class="col-4">
<x-adminlte-card style="width: 55%;margin: auto;">
<img class="card-img-top"
src="{{ asset('../images/passport-photo.jpg') }}" alt="Card image cap">
</x-adminlte-card>
<x-adminlte-card style="width: 70%;margin: 44px auto 0 auto;">
</x-adminlte-card>
</div>
<div class="col-4">
<div class="row">
<div class="col-2">
<div class="finger-print-container">
<img src="{{ asset('images/fingerprints/th1.jpg') }}" alt=""/>
</div>
<div class="finger-print-container">
<img src="{{ asset('images/fingerprints/th1.jpg') }}" alt=""/>
</div>
<div class="finger-print-container">
<img src="{{ asset('images/fingerprints/th1.jpg') }}" alt=""/>
</div>
<div class="finger-print-container">
<img src="{{ asset('images/fingerprints/th1.jpg') }}" alt=""/>
</div>
<div class="finger-print-container">
<img src="{{ asset('images/fingerprints/th1.jpg') }}" alt=""/>
</div>
</div>
<div class="col-10">
<div class="right-inner-container"></div>
</div>
</div>
</div>
<style>
.left-inner-container{
background-image: url('{{ asset('images/fingerprints/lefthand.png') }}');
background-size: 100%;
border: 1px solid #524848;
height: 30rem;
background-repeat: no-repeat;
background-position: center;
background-color: #b5b5b5;
border-radius: 10px;
}
.right-inner-container{
background-image: url('{{ asset('images/fingerprints/righthand.png') }}');
background-size: 100%;
border: 1px solid #524848;
height: 30rem;
background-repeat: no-repeat;
background-position: center;
background-color: #b5b5b5;
border-radius: 10px;
}
.finger-print-container{
border: 1px solid black;
height: 18%;
border-radius: 5px;
margin-bottom: 2%;
text-align: center;
}
.finger-print-container > img{
width: 60%;
}
</style>
</div>
......@@ -89,7 +89,7 @@
@if($role->hasPermissionTo("Basic View ID Photo and Signature"))
<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')
<h4>Photos</h4>
@include('livewire.search.partials.tabs.passport_tabs.photo')
</div>
@endif
......
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