<section class="content">
<div class="row">
<div class="col-sm-12">
<div class="tabbable">
<div class="tab-content no-border padding-24">
<div class="tab-pane fade in active" id="faq-tab-1">
<div class="space-8"></div>

<div class="panel panel-default" id="search_div">
                                <div class="panel-headingnew">  <i class="fa fa-filter filter-icon"></i>
                              <h6 class="filter fliter-text"><?php echo $this->translate('Find Booking');?> </h6>
                                </div>
                                <div id="faq-1-1" class="panel-collapse collapse in" aria-expanded="true">
                                    <div class="panel-body">
                                        <!--<form id="user-management">-->
                                        <div>
                                                <div class="portlet portlet-default">
                                                    <div class="portlet-body">
                                                        <ul id="myTab" class="nav nav-tabs">

<li class="<?php if($tab_type=="general") { echo "active";}else { echo "active";} ?> booking-history-tab" value="general"><a href="#general" data-toggle="tab">
<i class="fa fa-list margin5px"></i><span id="general_fiter_head" class="general_filter_head"><?php echo $this->translate('General');?></span></a></li>

<li class="<?php if($tab_type=="client") echo "active"; ?> booking-history-tab" value="client"><a href="#client" data-toggle="tab" id="new_ClientTab" >
<i class="fa fa-user margin5px" ></i><span class="client_filter_head"><?php echo $this->translate('Client');?></span></a></li>

<li class="<?php if($tab_type=="driver") echo "active"; ?> booking-history-tab" value="driver"><a href="#driver" data-toggle="tab" ><i class="fa fa-user margin5px"></i>
        <span class="driver_filter_head"><?php echo $this->translate('Driver');?></span></a></li>

<li class="<?php if($tab_type=="vehicle") echo "active"; ?> booking-history-tab" value="vehicle"><a href="#vehicle-tab" data-toggle="tab" ><i class="fa fa-road margin5px"></i>
        <span class="vehicle_filter_head"><?php echo $this->translate('Vehicle');?></span></a></li>

<li class="<?php if($tab_type=="location") echo "active"; ?> booking-history-tab" value="location"> <a href="#location-tab" data-toggle="tab" ><i class="fa fa-globe margin5px"></i>
 <span class="location_filter_head"><?php echo $this->translate('Location');?></span></a></li>

  <li class="<?php if($tab_type=="status") echo "active"; ?> booking-history-tab" value="status"><a href="#status-tab"  data-toggle="tab" ><i class="fa fa-gear margin5px"></i>
          <span class="state_filter_head"><?php echo $this->translate('Status');?></span></a></li>

<li class="<?php if($tab_type=="payment") echo "active"; ?> booking-history-tab" value="payment"><a href="#payment-tab" data-toggle="tab" ><i class="fa fa-eur margin5px"></i>
        <span class="payment_filter_head"><?php echo $this->translate('Payment');?></span></a></li>
                                                        </ul>

                                                           <div id="myTabContent" class="tab-content">
                                                                <?php echo $this->partial('general-tab.phtml');?>
                                                            </div>


                                                    </div>
                                                    <!-- /.portlet-body -->
                                                </div>
                                                <!-- /.portlet -->
                                            </div>
                                        <!--</form>-->
                                    </div>
                                </div>
                            </div>

                        <div class="panel-group accordion-style1 accordion-style2" id="faq-list-1">
                            
                            
                            <div class="panel panel-default" id="search_div">
                                <div class="panel-headingnew">  <i class="fa fa-filter filter-icon"></i>
                              <h6 class="filter fliter-text"><?php echo $this->translate('Booking Details');?> </h6>
                                </div>
                                <div id="faq-1-1" class="panel-collapse collapse in" aria-expanded="true">
                                    <div class="panel-body">
                                        <!--<form id="user-management">-->
                                        <div>
                                                <div class="portlet portlet-default">
                                                    <div class="portlet-body">
                                                        <ul id="myTab" class="nav nav-tabs">

<li class="<?php if($tab_type=="myactivebooking") { echo "active";}else { echo "active";} ?> booking-history-tab" value="myactivebooking"><a href="#myactivebooking" data-toggle="tab">
<i class="fa fa-list margin5px"></i><span id="general_fiter_head" class="general_filter_head"><?php echo $this->translate('Current Booking');?></span></a></li>

<li class="<?php if($tab_type=="pendingbooking") echo "active"; ?> booking-history-tab" value="pendingbooking"><a href="#pendingbooking" data-toggle="tab"  >
<i class="fa fa-user margin5px" ></i><span class="client_filter_head"><?php echo $this->translate('Pending Booking');?></span></a></li>

<li class="<?php if($tab_type=="cancelbooking") echo "active"; ?> booking-history-tab" value="cancelbooking"><a href="#cancelbooking" data-toggle="tab" ><i class="fa fa-user margin5px"></i>
        <span class="driver_filter_head"><?php echo $this->translate('Cancel Booking');?></span></a></li>
        
        <li class="<?php if($tab_type=="myallbooking") echo "active"; ?> booking-history-tab" value="myallbooking"><a href="#myallbooking" data-toggle="tab" ><i class="fa fa-user margin5px"></i>
        <span class="driver_filter_head"><?php echo $this->translate('All Booking');?></span></a></li>


                                                        </ul>

                                                           <div id="myTabContent" class="tab-content">
                                                               <div class="tab-pane fade  in active" id="myactivebooking">
                                                                <div class="panel panel-default">
                                                                    
                                                                    <div id="faq-1-3" class="panel-collapse collapse in" aria-expanded="false">
                                                                        <div class="box">
                                                                            <div class="box-body table-responsive listing-data">
                                                                                <?php  echo $this->partial('my-active-booking.phtml'); ?>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            </div>


                                                    </div>
                                                    <!-- /.portlet-body -->
                                                </div>
                                                <!-- /.portlet -->
                                            </div>
                                        <!--</form>-->
                                    </div>
                                </div>
                            </div>

                           

                           
                        </div>
                    </div>
                </div>
            </div>



            <!-- /.widget-box -->
        </div>
        <!-- /.col -->
    </div>

    <!-- /.row -->
    <!-- Main row -->
</section>

