@extends('admin.layout.app')

@section('main')
<div class="page-content">
  <div class="container-fluid">

      <!-- start page title -->
      <div class="row">
          <div class="col-12">
              <div class="page-title-box d-sm-flex align-items-center justify-content-between">
                  <h4 class="mb-sm-0">Orders</h4>

                  <div class="page-title-right">
                      <ol class="breadcrumb m-0">
                          <li class="breadcrumb-item"><a href="javascript: void(0);">Orders</a></li>
                          <li class="breadcrumb-item active">Orders List</li>
                      </ol>
                  </div>

              </div>
          </div>
      </div>
      <!-- end page title -->


      <div class="row">
          <div class="col-12">
              <div class="card">
                  <div class="card-body">
                      <h4 class="card-title">Orders Table</h4>

                      <table id="selection-datatable_wrapper" class="table table-bordered orders-table">
                          <thead>
                          <tr>
                              <th>SN</th>
                              <th>Order number</th>
                              <th>Customer name</th>
                              <th>Email</th>
                              <th>Amount</th>
                              <th>Status</th>
                              <th>Action</th>
                          </tr>
                          </thead>
                      </table>
                  </div>
              </div>
          </div> <!-- end col -->
      </div> <!-- end row -->

  </div> <!-- container-fluid -->
</div>


{{-- Script for render data on table --}}
<script  type="text/javascript">
    $(function() {
        $('.orders-table').DataTable({
              processing: true,
              serverSide: true,
              ajax: "{{ route('admin.all_orders') }}",
              columns: [
                  { data: 'SN', name: 'SN' },
                  { data: 'ordernum', name: 'ordernum' },
                  { data: 'cname', name: 'cname' },
                  { data: 'email', name: 'email' },
                  { data: 'amount', name: 'amount' },
                  { data: 'status', name: 'status' },
                  { data: 'action', name: 'action', orderable: false, searchable: false },
              ]
          });


           /*------------------------------------------
            --------------------------------------------
            information about trip id
            --------------------------------------------
            --------------------------------------------*/

            $('body').on('click', '.view-order', function (event) {
                // event.preventDefault();
                var id = $(this).data('id');
                console.log(id);
                window.location.href = '/admin/orders/info/' + id;
            });
    });

</script>
@endsection