<tr class="remove" >
    <td colspan="13">
        <div class="portlet-body">
            <ul id="myTab" class="nav nav-tabs tabsdesign">
                <li class="active"><a href="#home1" data-toggle="tab"><i class="fa fa-list" style="margin:5px"></i>Status</a></li>
                <li><a href="#bookinginfo" data-toggle="tab"><i class="fa fa-user" style="margin:5px"></i>Booking Details</a></li>
                <li><a href="#payment" data-toggle="tab"><i class="fa fa-user" style="margin:5px"></i> Payment Details</a></li>
                <li><a href="#driver_alloc" data-toggle="tab"><i class="fa fa-user" style="margin:5px"></i>Driver Allocation</a></li>
                <li><a href="#way_point" data-toggle="tab" class="way_points_show"><i class="fa fa-user" style="margin:5px"></i>Way Points</a> </li>
                <?php if ($bookingtype == 4) { ?>
                    <li><a href="#tripdetail" data-toggle="tab"><i class="fa fa-user" style="margin:5px"></i> Trip Details</a></li>
                <?php } ?>
            </ul>
            <div id="myTabContent" class="tab-content contantboxoftabs">
                <div class="tab-pane fade in active" id="home1">
                    <h5 class="h4text" style="background: #E2E2E2;padding:7px;margin: 0;">Status</h5>
                    <table id="example2" class="table table-striped table-responsive">
                        <thead>
                            <tr>
                                <th style="width:33%;">Date</th>
                                <th style="width:33%;">State</th>
                                <th style="width:33%;">Text</th>
                            </tr>
                        </thead>
                        <tbody></tbody>
                    </table>
                </div>
                <div class="tab-pane fade" id="bookinginfo">
                    <h5 class="h4text" style="background: #E2E2E2;padding:7px;margin: 0;">Booking Information</h5>
                    <table id="bookinf" class="table table-responsive table-striped"></table>
                </div>
                <div class="tab-pane fade" id="payment">
                    <h5 class="h4text" style="background: #E2E2E2;padding:7px;margin: 0;">Payment Details</h5>
                    <table id="paymentdetail" class="table table-responsive table-striped"></table>
                </div>
                <div id="driver_alloc" class="tab-pane fade">
                    <h5 class="h4text" style="background: #E2E2E2;padding:7px;margin: 0;">Driver Allocation</h5>
                    <table id="driver_allocation" class="table table-striped table-responsive">
                        <thead>
                            <tr>
                                <th>Driver</th>
                                <th>Vehicle</th>
                                <th>Created</th>
                                <th>Allocation Status</th>
                            </tr>
                        </thead>
                        <tbody></tbody>
                    </table>
                </div>
                <div id="way_point" class="tab-pane fade">
                    <h5 class="h4text" style="background: #E2E2E2;padding:7px;margin: 0;">Way Points</h5>
                    <div id="map"></div>
                </div>
                <div id="tripdetail" class="tab-pane fade">
                    <h5 class="h4text" style="background: #E2E2E2;padding:7px;margin: 0;">Trip Details</h5>
                    <table id="tripdetail_2" class="table table-striped table-responsive">
                        <thead>
                            <tr>
                                <th>Departure City</th>
                                <th>Drop City</th>
                                <th>Distance</th>
                                <th>No. Of Days</th>
                            </tr>
                        </thead>
                        <tbody></tbody>
                    </table>
                </div>
            </div>
        </div>
    </td>
</tr>