<div class="col-md-12 p-3 mt-2">
   <!--<h3 class="text-center">User Booking Detail</h3>-->
    <!-- Div1 and Div2 to show or hide -->
    <div id="div1">
        
        <?php 
        
        if(!empty($result)){
         
         ?>
         
         <div class="bg-white p-3 py-4 rounded-3 mt-3"> 
            <h3 class="text-center mb-4">User Booking Detail</h3>
                <div class="row mx-0">
                    <div class="col-md-3">
                        <?//php if(empty($result['driver_profile_pic'])){ ?>
                        
                        <img src="https://asatvindia.in/cab/uploads/images/DriverProfile/1718455563786503387.webp" class="w-100 rounded-3 shadow">
                        
                        <?//php } else {?>
                        
                         <!--<img src="<?//php echo base_url().$result[0]['image_photo'] ?>" class="w-100 rounded-3 shadow">-->
                        
                        <?//php } ?>
                        
                    </div>
                    <div class="col-md-9">
                        <div class="row">
                            <div class="col-md-4">
                                
                                <div class="d-flex gap-2 mb-2 border py-1 px-2 rounded-2">
                                    <div class="fw-bold">Booking ID :</div>
                                    <div><?=$result['book_id']?></div>
                                </div>
                                
                                <div class="d-flex gap-2 mb-2 border py-1 px-2 rounded-2">
                                    <div class="fw-bold">Order ID :</div>
                                    <div><?=$result['order_id']?></div>
                                </div>
                                <div class="d-flex gap-2 mb-2 border py-1 px-2 rounded-2">
                                    <div class="fw-bold">User ID :</div>
                                    <div><?=$result['user_id']?></div>
                                </div>
                                <div class="d-flex gap-2 mb-2 border py-1 px-2 rounded-2">
                                    <div class="fw-bold">User Name :</div>
                                    <div><?=$result['f_name']?></div>
                                </div>
                                <div class="d-flex gap-2 mb-2 border py-1 px-2 rounded-2">
                                    <div class="fw-bold">Mobile No :</div>
                                    <div><?=$result['mobile_no']?></div>
                                </div>
                                
                                
                                <div class="d-flex gap-2 mb-2 border py-1 px-2 rounded-2">
                                    <div class="fw-bold">User EmailId :</div>
                                    <div><?=$result['email_id']?></div>
                                </div>
                                <div class="d-flex gap-2 mb-2 border py-1 px-2 rounded-2">
                                    <div class="fw-bold">Wallet Amount :</div>
                                    <div><?=$result['wallet_amount']?></div>
                                </div>
                                <div class="d-flex gap-2 mb-2 border py-1 px-2 rounded-2">
                                    <div class="fw-bold">Driver ID :</div>
                                    <div><?=$result['driver_id']?></div>
                                </div>
                                <div class="d-flex gap-2 mb-2 border py-1 px-2 rounded-2">
                                    <div class="fw-bold">Driver Name :</div>
                                    <div><?=$result['driver_name']?></div>
                                </div>
                                <div class="d-flex gap-2 mb-2 border py-1 px-2 rounded-2">
                                    <div class="fw-bold">Booking type :</div>
                                    <div><?=isset($result['booking_type'])?$result['booking_type']:'NA';?></div>
                                </div>
                                
                                <?php if($result['is_cancle']==0)
                                {
                                   $can='Not cancelled'; 
                                }
                                else
                                {
                                     $can='Cancelled'; 
                                }
                                
                                
                                if($result['status']==1)
                                {
                                   $st='Active'; 
                                }
                                else
                                {
                                     $st='In Active'; 
                                }
                                
                                if($result['ip'])
                                {
                                    $ip=$result['ip'];
                                }
                                else
                                {
                                   $ip='NA'; 
                                }
                                if($result['added_by_web'])
                                {
                                    $web=$result['added_by_web'];
                                }
                                else
                                {
                                   $web='NA'; 
                                }
                                
                                ?>
                                
                                
                                <div class="d-flex gap-2 mb-2 border py-1 px-2 rounded-2">
                                    <div class="fw-bold">Cancel Date :</div>
                                    <div><?=isset($result['cancle_date'])?$result['cancle_date']:'NA';?></div>
                                </div>
                                
                                <div class="d-flex gap-2 mb-2 border py-1 px-2 rounded-2">
                                    <div class="fw-bold">Status :</div>
                                    <div><?=isset($st)?$st:'NA';?></div>
                                </div>
                                
                                
                                
                                <div class="d-flex gap-2 mb-2 border py-1 px-2 rounded-2">
                                    <div class="fw-bold">IP :</div>
                                   <div><?=$ip;?></div>
                                </div>
                                
                                <div class="d-flex gap-2 mb-2 border py-1 px-2 rounded-2">
                                    <div class="fw-bold">Website</div>
                                    <div><?=$web;?></div>
                                </div>
                                
                                
                            </div>
                            
                            
                            
                            <div class="col-md-4">
                                
                                <div class="d-flex gap-2 mb-2 border py-1 px-2 rounded-2">
                                    <div class="fw-bold">Pickup Address:</div>
                                    <div><?=$result['pickup_address']?></div>
                                </div>
                                <div class="d-flex gap-2 mb-2 border py-1 px-2 rounded-2">
                                    <div class="fw-bold">Drop Address:</div>
                                    <div><?=$result['drop_address']?></div>
                                </div>
                                
                                
                                 <div class="d-flex gap-2 mb-2 border py-1 px-2 rounded-2">
                                    <div class="fw-bold">Per Km Fare :</div>
                                    <div><?=isset($result['per_km_fare'])?$result['per_km_fare']:'NA';?></div>
                                </div>
                                
                                 <div class="d-flex gap-2 mb-2 border py-1 px-2 rounded-2">
                                    <div class="fw-bold">Wait time limit :</div>
                                    <div><?=isset($result['wait_time_limit'])?$result['wait_time_limit']:'NA';?></div>
                                </div>
                                
                                <div class="d-flex gap-2 mb-2 border py-1 px-2 rounded-2">
                                    <div class="fw-bold">default wait charge :</div>
                                    <div><?=isset($result['default_wait_charge'])?$result['default_wait_charge']:'NA';?></div>
                                </div>
                                
                                <div class="d-flex gap-2 mb-2 border py-1 px-2 rounded-2">
                                    <div class="fw-bold">total waiting time:</div>
                                    <div><?=isset($result['total_waiting_time'])?$result['total_waiting_time']:'NA';?></div>
                                </div>
                                
                                <div class="d-flex gap-2 mb-2 border py-1 px-2 rounded-2">
                                    <div class="fw-bold">total wait charge :</div>
                                    <div><?=isset($result['total_wait_charge'])?$result['total_wait_charge']:'NA';?></div>
                                </div>
                                
                                <div class="d-flex gap-2 mb-2 border py-1 px-2 rounded-2">
                                    <div class="fw-bold">conv charge :</div>
                                    <div><?=isset($result['conv_charge'])?$result['conv_charge']:'NA';?></div>
                                </div>
                                
                                <div class="d-flex gap-2 mb-2 border py-1 px-2 rounded-2">
                                    <div class="fw-bold">Is Cancle :</div>
                                    <div><?=isset($can)?$can:'NA';?></div>
                                </div>
                                
                                <div class="d-flex gap-2 mb-2 border py-1 px-2 rounded-2">
                                    <div class="fw-bold">Total Distance(in km) :</div>
                                    <div><?=$result['user_journey_distance']?></div>
                                </div>
                                <div class="d-flex gap-2 mb-2 border py-1 px-2 rounded-2">
                                    <div class="fw-bold">Total Fare(in Rs) :</div>
                                    <div><?=$result['grand_total']?></div>
                                </div>
                                <div class="d-flex gap-2 mb-2 border py-1 px-2 rounded-2">
                                    <div class="fw-bold">Payment Type :</div>
                                    <div><?=$result['paymenttype']?></div>
                                </div>
                                <div class="d-flex gap-2 mb-2 border py-1 px-2 rounded-2">
                                    <div class="fw-bold">Booking Date:</div>
                                    <div><?=$result['entry_date']?></div>
                                </div>
                                
                                 
                                
                                
                            </div>
                            
                            
                        </div>
                        
                    </div>
                </div>

    
</div>   
         
         <?php } else { ?>
         
         <div class="bg-white p-3 py-4 rounded-3 mt-3">
             
             <p style="color:red;">No Record Found</p>
             
         </div>
         
         <?php } ?>
        
        
       
    </div>
    
  
    
    
    
    
    

    
   </div>
</div>