<table class="table no-margin table-hover">
    <thead>
    <tr class="label-info labelinfo1">
        <!-- <td class="text-center"><input type="checkbox" class="minimal"></td> -->
        <th class="text-center">Sl No</th>
        <th class="text-center hide">Party Type</th>
        <th class="text-center">Ordering Person</th>
        <th class="text-center">Phone Number</th>
        <th class="text-center">Email Address</th>
        <th class="text-center">Best Time to Reach</th>
        <th class="text-center hide">Food Type</th>
        <th class="text-center hide">Delivery Method</th>
        <th class="text-center">Number of guests</th>
        <th class="text-center hide">Event / Party Type</th>
        <th class="text-center hide" colspan="2">Restaurant</th>
         <th class="text-center" colspan="2">Action</th>
        <!-- <th class="text-center">PDF</th> -->
    </thead>
    <tbody>

    <?php $export=''; if(is_array($OrderList) && sizeof($OrderList)>0){

        $export = '<button onclick="do_export();" class="btn btn-sm btn-success filter-submit"><i class="fa fa-file-pdf-o"></i> Export to CSV</button>';
        //$i = $this->uri->segment(3);
        foreach ($OrderList as $key => $value) {
            //$i++;
            $export = '';
            // $status= $value['status'];
            ?>

            <tr id="<?=$value['order_id'];?>_row">
                <!-- <td class="paddtop13 text-center"><input type="checkbox" class="minimal"></td> -->
                <?php
                if (isset($perPageCount) && $perPageCount != '') {
                    ?>
                    <td class="text-center paddingtop13"><?=$perPageCount+1?></td>
                    <?php
                    $perPageCount++;
                }
                else {
                    ?>
                    <td class="text-center paddingtop13"><?=$key+1?></td>
                    <?php
                }
                ?>

                <?php
                $value['choose_party_type'] = 'private';
                if ($value['choose_party_type'] == 'private') {
                    $ordering_person = $value['booking_name'];
                    $number = $value['booking_mobile_number'];
                    $email = $value['booking_email_address'];
                    $reach_time = $value['booking_best_time'];
                    $food_type = $value['choose_food'];
                    $delivery_method = $value['choose_delivery_method'];
                    if (!intval($value['booking_number_of_attendees_over12'])) {
                        $value['booking_number_of_attendees_over12'] = 0;
                    }
                    if (!intval($value['booking_number_of_attendees_under12'])) {
                        $value['booking_number_of_attendees_under12'] = 0;
                    }
                    $total_attendees = intval($value['booking_number_of_attendees_over12']) + intval($value['booking_number_of_attendees_under12']);
                    $event_party_type = $value['private_event_type'];
                }
                else {
                    $ordering_person = $value['booking_ordering_person'];
                    $number = $value['booking_company_number'];
                    $email = $value['booking_email_address_ordering_person'];
                    $reach_time = $value['booking_best_time_to_reach'];
                    $food_type = $value['choose_food'];
                    $delivery_method = $value['choose_delivery_method'];
                    if (!intval($value['booking_number_of_attendees_over12'])) {
                        $value['booking_number_of_attendees_over12'] = 0;
                    }
                    if (!intval($value['booking_number_of_attendees_under12'])) {
                        $value['booking_number_of_attendees_under12'] = 0;
                    }
                    $total_attendees = intval($value['booking_number_of_attendees_over12']) + intval($value['booking_number_of_attendees_under12']);
                    $event_party_type = $value['business_event_type'];
                }
                ?>

                <td class="paddtop13 text-center hide"><?=ucfirst($value['choose_party_type'])?></td>

                <td class="paddtop13 text-center"><?=ucfirst($ordering_person)?></td>

                <td class="paddtop13 text-center"><?=ucfirst($number)?></td>

                <td class="paddtop13 text-center"><?=ucfirst($email)?></td>

                <td class="paddtop13 text-center"><?=ucfirst($reach_time)?></td>

                <td class="paddtop13 text-center hide"><?=ucfirst($food_type)?></td>

                <td class="paddtop13 text-center hide"><?=ucfirst($delivery_method)?></td>

                <td class="paddtop13 text-center"><?=ucfirst($total_attendees)?></td>

                <td class="paddtop13 text-center hide"><?=ucfirst($event_party_type)?></td>

                <td class="paddtop13 text-center hide">
                    <?php
                    if ($RestaurantList) {
                        ?>
                        <select onchange="assignCaterer('<?=$value['order_id']?>', this.value)" class="select2" disabled>
                            <option value="">Select Caterer</option>
                            <?php
                            foreach ($RestaurantList as $key => $catererValue) {
                                if ($value['assigned_caterer'] != 0 && isset($value['restaurant_name']) && $value['restaurant_name'] != '' && $value['assigned_caterer'] == $catererValue->restaurant_id) {
                                    $catSelect = 'selected';
                                }
                                else {
                                    $catSelect = '';
                                }
                                ?>
                                <option value="<?=$catererValue->restaurant_id?>" <?=$catSelect?>><?=$catererValue->restaurant_name?></option>
                                <?php
                            }
                            ?>
                        </select>
                        <?php
                    }
                    else {
                        echo "No caterer available!";
                    }
                    ?>
                </td>

                <!-- <td class="text-center">
					<a style="margin-bottom: 5px;" href="javascript:void(0);" onclick="view_order_details('<?=$value['orderid']?>',event);" class="btn btn-sm btn-default btn-circle order_view"><i class="fa fa-search"></i> View </a>
					        <?php
                if ($value['status']=='In Preparation' || $value['status']=='Out for delivery') {
                    ?>
					        <a href="javascript:void(0);" onclick="cancelOrder(<?=$value['orderid']?>, '<?=$value['status']?>');" class="btn btn-sm btn-warning btn-circle "> Cancel Order </a>
					        <?php
                }
                else if ($value['status']=='Refund Requested') {
                    ?>
					        <a href="javascript:void(0);" onclick="refundComplete(<?=$value['orderid']?>);" class="btn btn-sm btn-warning btn-circle "> Accept Refund </a>
					        <?php
                }
                ?>
				</td>
				<td class="text-center paddtop13">
					<i style="font-size: 20px; cursor: pointer;" onclick="do_pdf('<?=$value['orderid']?>');" class="fa fa-file-pdf-o" aria-hidden="true"></i>
				</td> -->
                <td class="paddtop13 text-center" colspan="2">
                    <div id="bookingMeta_<?=$value["order_id"]?>" class="hide"><?=$value["booking_meta"]?></div>
                    <button type="button" onclick="showDetails(<?=$value["order_id"]?>)" class="btn btn-default padding3"><i class="fa fa-search"></i> View</button>
                </td>
            </tr>
        <?php }  }else{?>
        <tr>
            <td colspan="14" class="text-center">No record found!</td>
        </tr>

    <?php } ?>

    </tbody>
</table>
<div class="col-md-2 col-sm-2 col-xs-12 margintop10" style="margin-top:10px;">
    <?php echo $export; ?>
</div>
<div>
    <?php echo $this->ajax_pagination->create_links(); ?>
</div>

</div><!-- /.table-responsive -->
</div>
</div>
</div>
</div>
</div>

<!-- ./tab section -->
<div class="clearfix"></div>
</section><!-- /.content -->

<div class="clearfix"></div>

</div>
<script>
    function showDetails(id) {
        var bookingData = $("#bookingMeta_"+id).text();
        $("#modalContent").html("");
        if($.trim(bookingData) != "")
        {
            var bookingDetails = "";
            bookingData = JSON.parse(bookingData);
            $.each(bookingData, function(i, val)
            {
                //console.log(i+": "+val);
                $("#modalContent").append("<div class='col-md-6'><b>"+i+"</b>: "+val+"</div>");
            });
            $("#modalContent").append("<div class='clearfix'></div>");
        }
        $("#customer").modal("show");
    }
</script>
<div id="customer" class="modal fade" role="dialog">
    <div class="modal-dialog">
        <!-- Modal content-->
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <h4 class="modal-title text-center"><strong>Booking Details</strong></h4>
            </div>
            <div class="modal-body" id="modalContent">

            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            </div>
        </div>
    </div>
</div>