<section>
	<h2>Order Listing</h2>
    <br>
    <div class="container">
        <div class="row" style="margin-bottom:30px;">
            <div class="col-sm-3">
                <?php $attributes = ['id' => 'formOrderId']; ?>
                <?= form_open('admin/orders/filter', $attributes) ?>
                <div class="form-group">
                    <label for="orderId">Find Order ID</label>
                    <input type="number" name="orderId" class="form-control" id="orderId" placeholder="Input Order ID" required>
                </div>
                <button type="submit" class="btn btn-primary">Find Order ID</button>
                <?= form_close() ?>
            </div>
            <div class="col-sm-3">
                <?php $attributes = ['id' => 'formKonsumen']; ?>
                <?= form_open('admin/orders/filter', $attributes) ?>
                <div class="form-group">
                    <label for=customerName">Find Customer</label>
                    <input type="text" name="customerName" class="form-control" id="customerName" placeholder="Input customer name" required>
                </div>
                <button type="submit" class="btn btn-primary">Find Customer</button>
                <?= form_close() ?>
            </div>
            <div class="col-sm-3">
                <?php $attributes = ['id' => 'formOrderStatus']; ?>
                <?= form_open('admin/orders/filter', $attributes) ?>
                <div class="form-group">
                    <label for="orderStatus">Find Order Status</label>
                    <select required name="orderStatus" class="form-control" id="orderStatus">
                        <option value="">Find status...</option>
                        <option value="not paid">Not Paid</option>
                        <option value="1">Paid</option>
                        <option value="4">Packed</option>
                        <option value="3">Sent</option>
                        <option value="2">Cancel</option>
                    </select> 
                </div>
                <button type="submit" class="btn btn-primary">Find Order</button>
                <?= form_close() ?>
            </div>
            <div class="col-sm-3" style="padding-top:32px;">
                <a class="btn btn-dark" href="<?= base_url(
                  'admin/orders'
                ) ?>" >Reset Search</a>
            </div>
        </div>
        <?= $this->session->flashdata('success')
//to display success message
?> 
        <?= $this->session->flashdata('result')
//to display result message
?>
    </div>
    <div class="container">
        <?php echo form_open('admin/orders/pdf', 'target="_blank"'); ?>
        <div style="text-align:center; padding:10px;" >
          <button type="submit" class="btn btn-success" ><i class="fa fa-print"></i> Print Shipping Label</button>
          <a class="btn btn-light" onclick="$('input:checkbox').prop('checked', true);" >+ Add All</a> 
          <a class="btn btn-light" onclick="$('input:checkbox').prop('checked', false);" >- Clear All</a>
        </div>
        <table class="table table-striped" width="100%">  
        <thead>
            <tr>
                <th></th>
                <th>Order ID</th>
                <th>Order Date</th>
                <th>Customer</th>
                <th>Phone</th>
                <th>Products Amount (Rp)</th> 
                <th>Shipping (Rp)</th>
                <th>Payment type</th>
                <th>Order Status</th>
                <th>Payment Confirmed</th>
                <th>Preview</th>   
                <th>Edit</th>   
            </tr>
        </thead>

        <tbody>
            <?php if (!empty($orders)): ?> 
                <?php foreach ($orders as $order): ?> 
                    <tr>
                        <td><input type="checkbox" name="id_orders[]" value="<?= $order->id_orders ?>"></td>
                        <td><?= $order->id_orders ?></td>
                        <td><?= date(
                          'j M Y',
                          strtotime($order->order_date)
                        ) ?></td>
                        <td><?= ucwords($order->name) ?></td>
                        <td><?= $order->phone ?></td>
                        <td><?= number_format(
                          $order->total_amount - $order->shipping_fee
                        ) ?></td>
                        <td><?= number_format($order->shipping_fee) ?></td>
                        <td><?= ucwords($order->payment_type) ?></td>
                        <td>
                        <?php switch ($order->payment_status) {
                          case 1:
                            echo '<span style="color:green; font-weight:bold;">Paid</span>';
                            break;
                          case 0:
                            echo '<span style="color:brown; font-weight:bold;">Not Paid</span>';
                            break;
                          case 2:
                            echo '<span style="color:brown; font-weight:bold;">Cancel</span>';
                            break;
                          case 3:
                            echo '<span style="color:green; font-weight:bold;">Sent</span>';
                            break;
                          case 4:
                            echo '<span style="color:green; font-weight:bold;">Packed</span>';
                            break;
                        } ?>
                        </td>   
                        <td>
                        <?php if ($order->payment_type == 'bank transfer') {
                          if ($order->payment_confirm == 1) {
                            echo 'Yes';
                          } else {
                            echo 'Not Yet';
                          }
                        } else {
                          echo '-';
                        } ?>
                        </td> 
                        <td>
                            <a  data-toggle="modal" data-target="#previewModal" style="text-decoration: underline;" href="#" onclick="previewOrder(<?= $order->id_orders ?>)"><i class="fa fa-eye"></i></a>
                        </td>    
                        <td><a target="_blank" style="text-decoration: underline;" href="<?= base_url(
                          'admin/orders/view'
                        ) .
                          '/' .
                          $order->id_orders ?>"><i class="fa fa-pencil"></i></a></td>    
                    </tr>
                <?php endforeach; ?>
            <?php endif; ?>
        </tbody> 
        </table>
        <?php 
            echo $this->pagination->create_links();
        ?>
    </div>
</section>

<!-- Preview Modal -->
<div class="modal fade" id="previewModal" tabindex="-1" role="dialog" aria-labelledby="previewModalLabel" aria-hidden="true">
  <div class="modal-dialog mw-100 w-75" role="document">
    <div class="modal-content">
    </div>
  </div>
</div>
<script>

function previewOrder(orderId) {

    const controller = 'orders';
    const base_url = '<?= site_url() ?>'; 
    
    $.ajax({
        'url'       : base_url + 'admin/' + controller + '/ajax_get_preview',
        'type'      : 'POST',
        'data'      : 
        {
            'orderId' : orderId
        }, 
        'success'   : function(data) {
            if (data) {
               $('.modal-content').html(data);
            };
        }
    });
}
</script>