<div class="content-wrapper" style="margin-left:0;">
<!-- Content Header (Page header) -->
<section class="content-header" style="margin-top: 30px;">
<h1>Manage Order</h1>
<div class="breadcrumb topright">
<button data-toggle="control-sidebar" onclick="goback();" class="btn btn-outline green btn-sm opo addressEdit opened btn-circle mcfr addcatbtn active pad2_10"><i style="font-size: 16px;" class="fa fa-arrow-left"></i> Back</button>
</div>
</section>

<!-- Main content -->
<section class="content">
<div class="nav-tabs-custom">
<div class="tab-content no-padding">
<div id="home" class="tab-pane fade in active">
<div class="box-body mctop30">
<div class="box-body" id="customers">
<div class="col-md-12 col-xs-12 col-sm-12">
<!-- <div class="col-md-2 custom-padding-0">
<label style="float: left; margin-top: 6px;">Show</label>
<div class="input-group col-md-8" style="padding-left: 6px;">
<select onchange="getData('0','99',this.value)" class="fs_input select2">
    <option value="5">5</option>
    <option value="10">10</option>
    <option value="15">15</option>
    <option value="20">20</option>
</select>
<span class="input-group-addon" style="padding: 6px 4px;">/Page</span>
</div>
</div> -->
<div class="col-md-5">
<div class="form-group">

</div>
</div>
<div class="col-md-5">
<div class="form-group">

</div>
</div>
</div>
<div class="clearfix"></div>
<div class="table-responsive" id="postList">
<!-- ./wrapper -->
<?php $this->load->view('superadmin/order_list_ajax'); ?>
<div id="testPopupBottom" class="PopupBottom serviceSolution"></div>

<script type="text/javascript">
var drawerTop = '0px';
var documentHeight = 0;
$('.order_view').click(function(e) {
    $('input').val('');
    $('select').val('');
    $('textarea').val('');
    $('.photoContainer').hide();
    
    $('body').css('overflow', 'hidden');
    e.preventDefault();
    $("#testPopupBottom").animate({
        'top': drawerTop
    }, 1000);
})


function view_order_details(orderid,e)
{

    var drawerTop = '0px';
    var documentHeight = 0;

    base_url='<?php echo base_url(); ?>';
    url= base_url+'restaurantorders/OrderDetails'
    //alert(url);
    $.ajax({
        method: "POST",
        url: url,
        data: { order_id: orderid},
        beforeSend: function(){
            /*$('<?php echo $this->loading; ?>').show();*/
        },
        success: function(data){

            
             //alert(data);
             document.getElementById("testPopupBottom").innerHTML = data; 
            
            $('body').css('overflow', 'hidden');
            $("#testPopupBottom").animate({
                'top': 0
            }, 1000);
           
            
            /*var append='<div id="testPopupBottom" class="testPopupBottom">'
                        +       '<div class="testPopupBottom-backLayer"></div>'
                        +       '<div class="col-md-8 col-sm-12 col-xs-12 pull-center positionAbsolute">'
                        +       <h3>Order Details<button class="btn btn-danger btn-circle pull-right hideMe">Close</button></h3>
                        +       <div class="modal-body">
                        +       <div class="row driver-listTop">
                        +        <div class="col-md-4 col-sm-3 oredrId"><b>OI9842</b></div>
                        +        <div class="col-md-8 col-sm-9">
                        +        <div class="row">
                        +        <p class="col-md-4 col-sm-4"><i class="fa fa-calendar"></i> 2016-04-18</p>
                        +        <p class="col-md-4 col-sm-4"><i class="fa fa-clock-o"></i> ASAP</p>
                        +        <p class="col-md-4 col-sm-4">$70.00</p>
                        +        </div>
                        +        </div>
                        +        </div>
                        +        <div class="row driver-listBottom">
                        +        <div class="col-md-12 address-section">
                        +        <!--<p class="user-address col-md-12">67 Bridge St, London SW1A 2PW, UK</p>-->
                        +        <p class="driver-address col-md-7 no-padding"><img src="../assets/img/homeleft.png" title="leftimg" alt="leftimg"> Helendale, CA 92348, USA
                        +        </p>
                        +        <p class="user-status col-md-5">
                        +        <span class="statusbutton" id="order_view_status_1183">Accepted</span>
                        +        </p>
                        +        </div>
                        +        </div>
                        +        <ul class="orderaddress row">
                        +        <li class="col-md-4 col-sm-6"><span class="addressimg"><i class="fa fa-user"></i> </span> Andrew James</li>
                        +        <li class="col-md-4 col-sm-6"><span class="addressimg"><i class="fa fa-envelope"></i> </span> andrewjames579@gmail.com</li>
                        +        <li class="col-md-4 col-sm-6"><span class="addressimg"><i class="fa fa-phone"></i></span> +1 772-925-9563</li>
                        +        <li class="col-md-4 col-sm-6"><span class="addressimg"><i class="fa fa-motorcycle"></i></span> Delivery Staff: John M</li>
                        +        <li class="col-md-4 col-sm-6">Payment Type : COD</li>
                        +        <li class="col-md-4 col-sm-6">Payment Status : Not Paid</li>
                        +        </ul>
                        +        <div class="detail-instruction"><b>Instruction : </b> </div>
                        +        <div class="table-responsive">
                        +        <table class="table table-hover table-bordered">
                        +        <thead>
                        +        <tr>
                        +        <th>S.No</th>
                        +        <th>Item Name</th>
                        +        <th>Item Instruction</th>
                        +        <th>Qty</th>
                        +        <th>Price</th>
                        +        <th>Total</th>
                        +        </tr>
                        +        </thead>
                        +        <tbody>
                        +        <tr class="even">
                        +        <td>1</td>
                        +        <td>Chicken Tikka Masala</td>
                        +        <td>Very Testy and less spicy.</td>
                        +        <td>1 <br></td>
                        +        <td>$20.00</td>
                        +        <td>$20.00</td>
                        +        </tr>
                        +        <tr class="odd">
                        +        <td>2</td>
                        +        <td>Malai Kebab</td>
                        +        <td></td>
                        +        <td>1 <br></td>
                        +        <td>$50.00</td>
                        +        <td>$50.00</td>
                        +        </tr>
                        +        </tbody>
                        +        <tfoot>
                        +        <tr class="even">
                        +        <td></td>
                        +        <td></td>
                        ++        <td></td>
                        +        <td></td>
                        +        <td><b>Sub Total : </b></td>
                        +        <td><b>$70.00</b></td>
                        +        </tr>
                        +        <tr class="odd">
                        +        <td></td>
                        +        <td></td>
                        +        <td></td>
                        +        <td></td>
                        +        <td><b>Tax : </b></td>
                        +        <td><b>$5.00</b></td>
                        +        </tr>
                        +        <tr class="odd">
                        +        <td></td>
                        +        <td></td>
                        +        <td></td>
                        +        <td></td>
                        +        <td><b>Total : </b></td>
                        +        <td><b>$75.00</b></td>
                        +        </tr>
                        +        </tfoot>
                        +        </table>
                        +        </div>
                        +        <div class="driver-list-detail-button clearfix">
                        +        <a href="#" style="margin-right:20px;"><i class="fa fa-print"></i> Print</a>
                        +        <a href="#"><i class="fa fa-file-pdf-o"></i> Download in PDF format</a>
                        +        </div>
                                </div>
                                </div>
                                </div>*/
        }
    });
}

function do_export(){

    window.location='<?php echo base_url(); ?>dashboard/order_export/<?php echo isset($restaurant_id)?$restaurant_id:'0' ?>';
} 

function do_pdf(orderid){

    window.location='<?php echo base_url(); ?>dashboard/order_PDF/'+orderid;
} 
function goback()
{
    window.location='<?php echo base_url(); ?>superadmin/dashboard/';
}

function closeme()
{
    var documentHeight = 0;
     var drawerTop = '0px'; 
    documentHeight = $(document).height();
   
    $("#testPopupBottom").animate({'top': documentHeight},1000);
             $('body').css('overflow', 'auto'); 
}

</script>
<style>
    .serviceSolution h3 {
            background: #36454f;
            padding: 20px 10px;
            color: #fff;
    }
    .serviceSolution .modal-body {
            position: relative;
            background-color: #fff;
            -webkit-background-clip: padding-box;
            background-clip: padding-box;
            border: 1px solid #999;
            border: 1px solid rgba(0, 0, 0, .2);
            border-radius: 0 0 6px 6px;
            outline: 0;
            -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
            box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
            top: -10px;
    }
    .orderaddress{padding-left: 0;}
    .orderaddress li{list-style: none;}
</style>
<!-- <popup item one>  -->

<!-- </end popup item one>