<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 deleted-row">
                        <div class="col-md-12 col-lg-12 p-0">
                            <a href="<?php echo base_url()?>routes">
                                <button type="button" class="btn btn-dark deleted-btn btn-sm">Back</button>   
                            </a>
							 
                        <div class="block-head drive-head">
                                        <h3 class="driver-tab-head">View Route Details</h3> 
                                        <!-- <button type="button" class="btn btn-primary add-drivers-btn" ><a href="<?php echo base_url()?>add-edit-route/0"> + Add Route</a></button> -->
                   
                        </div>

                        <?php 
                         $place_name=$latitude=$longitude=$bus=$driver_name=''; 
                        if (isset($result) && !empty($result)) {
                            $place_name     = $result[0]['route_name'];
                            $latitude       = $result[0]['latitude'];
                            $bus            = $result[0]['bus_name'];
                            $longitude      = $result[0]['longitude'];
                            $driver_name    = $result[0]['driver_name'];
                        } ?>                        

                        <div class="row dash-main-row">
                            <div class="route-details-box col-md-6 col-lg-6">
                                <div class="row">
                                    <div class="col-md-6 route-1">
                                        <div class="details-line">
                                            <p class="details-title">Place Name    :</p>
                                            <p class="details-content"><?php echo $place_name; ?></p>
                                        </div>
                                        <div class="details-line">
                                            <p class="details-title">Latitude      :</p>
                                            <p class="details-content"><?php echo substr($latitude,0,14).'...'; ?></p>
                                        </div>
                                        <div class="details-line">
                                            <p class="details-title">Bus           :</p>
                                            <p class="details-content"><?php echo $bus; ?></p>
                                        </div>

                                    </div>

                                    <div class="col-md-6 route-1">
                                        <div class="details-line">
                                            <p class="details-title">Longitude :</p>
                                            <p class="details-content"><?php echo substr($longitude,0,14).'...'; ?></p>
                                        </div>
                                        <div class="details-line">
                                            <p class="details-title">Driver :</p>
                                            <p class="details-content"><?php echo $driver_name; ?></p>
                                        </div>

                                    </div>
                                </div>
                            </div>
                        </div>
                        <h5 class="stops-titles">Stops Between</h5>
                        <div class="row-stops">
                            <div class="routes-stops ">                               
                                <div class="stops-left">
                                <?php if (isset($result) && !empty($result)) {
                               foreach ($result as $key => $value) { ?>
                                   <div class="stops-indicators">
                                        <div class="stops-dot"></div>
                                        <div class="stops-line"></div>
                                    </div>
                               <?php }
                           } else{ ?>
                                    <div class="stops-indicators">
                                        <div class="stops-dot"></div>
                                        <div class="stops-line"></div>
                                    </div>
                                <?php } ?>                                

                                </div>
                            </div>

                            <div class="stops-places p-0">
                             <?php if (isset($result) && !empty($result)) {
                               foreach ($result as $key => $value) { ?>
                                <ul>
                                    <li class="stops-details"> 
                                        <p class="stops-title"><?php echo $value['place_name']; ?></p>
                                        <p class="stops-long"><?php echo $value['latitude']; ?></p>
                                    </li>
                            
                                </ul>       
                            <?php }
                               } else{?>
                                <ul>
                                    <li class="stops-details">
                                        <p class="stops-title"> No Data Found</p>
                                    </li>
                                </ul>
                              <?php } ?>
                            </div>
                        </div>
                          
                          </div>
                        </div>
                </main> 
                <!--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(e) {
            e.preventDefault();
          window.history.back();
        }
      </script>
</body>
</html>