<link rel="stylesheet" type="text/css" href="<?php echo base_url();?>assets-bustracking/css/style-drivers.css">
<main class="common_margin" id="main">
<div class="row dash-main-row ">
<div class="col-md-12 col-lg-12 p-0">
<a href="<?php echo base_url()?>drivers">
<button type="button" class="btn btn-dark deleted-btn">Back</button>
</a>
<div class="block-head drive-head">
<h3 class="driver-tab-head">View Driver Info</h3>
<button type="button" class="btn btn-primary add-drivers-btn" ><a href="<?php echo base_url()?>add-edit-driver/0"> + Add Driver</a></button>
</div>
<div class="row dash-main-row deleted-row">
<?php if (isset($result) && !empty($result)) {
$name = explode(' ', $result['name']);
} ?>
<div class="col-md-6 student-info">
<img class="student-info-img" src="<?php echo base_url().''. $result['image']; ?>" alt="">
<div class="student-info-fields">
<p class="student-fields-left">ID :</p>
<p class="student-fields-right"><?php echo $result['driver_id']; ?></p>
</div>
<div class="student-info-fields">
<p class="student-fields-left">First Name :</p>
<p class="student-fields-right"><?php echo $name[0]; ?></p>
</div>
<div class="student-info-fields">
<p class="student-fields-left">Last Name :</p>
<p class="student-fields-right"><?php echo $name[0]; ?></p>
</div>
<div class="student-info-fields">
<p class="student-fields-left">Driver's License :</p>
<p class="student-fields-right"><?php echo $result['licence']; ?></p>
</div>
<div class="student-info-fields">
<p class="student-fields-left">Contact number:</p>
<p class="student-fields-right"><?php echo $result['contact_number']; ?></p>
</div>
<div class="student-info-fields">
<p class="student-fields-left">Date of birth:</p>
<p class="student-fields-right"><?php echo $result['dob']; ?></p>
</div>
<div class="student-info-fields">
<p class="student-fields-left">Address:</p>
<p class="student-fields-right"><?php echo $result['address']; ?></p>
</div>
<a href="<?php echo base_url()?>add-edit-driver/<?php echo $result['id']; ?>">
<button type="button" class="btn btn-primary student-update-btn">Edit</button>
</a>
</div>
<div class="col-md-6 student-info driver-info-main-right">
<div class="driver-info-right">
<div class="driver-info-right-1">
<p>Document 1 :</p>
</div>
<div class="driver-info-right-2">
<p><?php echo str_replace('assets-bustracking/images/driver_images/', '', $result['document1']); ?></p>
<button type="button" data-toggle="modal" data-target="#exampleModalCenter1" class="btn btn-primary driver-update-btn">View</button>
</div>
</div>
<div class="driver-info-right">
<div class="driver-info-right-1">
<p>Document 2.PDF :</p>
</div>
<div class="driver-info-right-2">
<p><?php echo str_replace('assets-bustracking/images/driver_images/', '', $result['document2']); ?></p>
<button type="button" data-toggle="modal" data-target="#exampleModalCenter2" class="btn btn-primary driver-update-btn">View</button>
</div>
</div>
<div class="driver-info-right">
<div class="driver-info-right-1">
<p>Document 3.PDF :</p>
</div>
<div class="driver-info-right-2">
<p><?php echo str_replace('assets-bustracking/images/driver_images/', '', $result['document3']); ?></p>
<button type="button" data-toggle="modal" data-target="#exampleModalCenter3" class="btn btn-primary driver-update-btn">View</button>
</div>
</div>
</div>
</div>
</div>
</div>
</main>
<!-- Modal -->
<div class="modal fade" id="exampleModalCenter1" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content liscense-modal-full">
<div class="modal-header liscence-modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body liscence-modal-body">
<div id="carouselExampleControls" class="carousel slide" data-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<embed class="d-block " src="<?php echo base_url().''.$result['document1'] ?>" width="500px" height="400px"/>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade" id="exampleModalCenter2" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content liscense-modal-full">
<div class="modal-header liscence-modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body liscence-modal-body">
<div id="carouselExampleControls" class="carousel slide" data-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item">
<embed class="d-block " src="<?php echo base_url().''.$result['document2'] ?>" width="500px" height="400px"/>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade" id="exampleModalCenter3" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content liscense-modal-full">
<div class="modal-header liscence-modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body liscence-modal-body">
<div id="carouselExampleControls" class="carousel slide" data-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item">
<embed class="d-block" src="<?php echo base_url().''.$result['document3'] ?>" width="500px" height="400px"/>
<!-- <img class="d-block w-100" src="<?php echo base_url().''.$result['document3'] ?>" alt="Third slide"> -->
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--End right-top side-->
</div>
<script src="<?php echo base_url() ?>assets-bustracking/js/jquery-3.4.1.min.js" ></script>
<script src="<?php echo base_url() ?>assets-bustracking/js/popper.min.js"></script>
<script src="<?php echo base_url() ?>assets-bustracking/js/bootstrap.min.js"></script>
<script src="https://cdn.datatables.net/1.10.22/js/jquery.dataTables.min.js"></script>
<script defer src="<?php echo base_url() ?>assets-bustracking/js/all.js"></script>
<script defer src="<?php echo base_url() ?>assets-bustracking/js/main.js"></script>
<script src="<?php echo base_url() ?>assets-bustracking/owl-carousel/js/owl.carousel.min.js"></script>
<script>
$(document).ready(function(){
$('.user-drpdown').click(function(){
$('.drpdown-items').toggle();
});
});
//table js
$('#tbl').DataTable( {
"lengthMenu": [[5,10, 25, 50, -1], [5,10, 25, 50, "All"]]
} );
//table js end
</script>
<script>
function goBack() {
window.history.back();
}
</script>
</body>
</html>