<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">&times;</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">&times;</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">&times;</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>