<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>