@extends('admin.layout.master')

@section('content')
    <!-- Content Header (Page header) -->
<div class="content-header">
    <div class="container-fluid">
        <div class="row mb-2">
            <div class="col-sm-6">
                <h1 class="m-0">Checkout Logs</h1>
            </div><!-- /.col -->
            <div class="col-sm-6">
                <ol class="breadcrumb float-sm-right">
                    <li class="breadcrumb-item"><a href="#">Home</a></li>
                    <li class="breadcrumb-item active">Checkout logs</li>
                </ol>
            </div><!-- /.col -->
        </div><!-- /.row -->
    </div><!-- /.container-fluid -->
</div>
<!-- /.content-header -->


<div class="card">
    <div class="card-body">
        <form action="{{ route('admin.checkout-log') }}" id="frm_search" method="get">
            <div class="row mb-4">
                <div class="col-3">
                    <label for="form-label">Cart ID</label>
                    <input type="text" name="cart_id" id="cart_id" value="{{ !empty($cart_id) ? $cart_id : "" }}" class="form-control" placeholder="Cart Id">
                </div>
                <div class="col-3">
                    <label for="form-label">Order ID</label>
                    <input type="text" name="order_id" id="order_id" value="{{ !empty($order_id) ? $order_id : "" }}" class="form-control" placeholder="Order Id">
                </div>
                <div class="col-2">
                    <label for="form-label">Date</label>
                    <input type="date" name="created_at" id="created_at" value="{{ !empty($created_at) ? $created_at :"" }}" class="form-control" placeholder="Created Date">
                </div>
                {{--  <div class="col-3">
                    <label for="form-label">Logs</label>
                    <select class="form-select form-control" name="logs" aria-label="Default select example">
                        <option selected disabled>Select type</option>
                        <option value="checkout" >checkout</option>
                        <option value="shipping-address" >shipping-address</option>
                        <option value="shipping-method" >shipping-method</option>
                        <option value="payment" >payment</option>
                        <option value="affirm-option-appears" >affirm-option-appears</option>
                        <option value="payment-method-affirm-initialize" >payment-method-affirm-initialize</option>
                        <option value="payment-method-affirm-processing" >payment-method-affirm-processing</option>
                        <option value="payment-method-affirm-completed" >payment-method-affirm-completed</option>
                        <option value="review-order" >review-order</option>
                        <option value="place-order" >place-order</option>
                    </select>
                </div>  --}}
                <div class="col-2">
                    <button class="btn btn-success " type="submit" style="margin-top: 30px !important;">Submit</button>
                    <a class="btn btn-warning" href="{{ route('admin.checkout-log') }}" style="margin-top: 30px !important;">Reset</a>
                </div>

            </div>
        </form>
        @if(!empty($orderid))
        <div class="row">
            <div class="col-2">
                <label style="font-size: 16PX;font-weight: 500;margin: 0px;">Order ID : </label>
                <strong style="font-size: 16px;">{{ $orderid }}</strong>
            </div>
        </div>
        @endif
    </div>
</div>


<section class="content">
    <div class="container-fluid">
        <div class="row">
            <div class="col-12">
                <div class="card">
                    <div class="card-body">
                        <div class="table-responsive ">
                            <table class="table table-bordered errorlog-datatable">
                                <thead class="thead-dark">
                                    <tr>
                                        @foreach ($columns_list_header as $c)
                                        <th class="noSearch">{{ $c }}</th>
                                        @endforeach
                                    </tr>
                                </thead>
                            </table>
                        </div>
                    </div>
                </div>
                <!-- /.card -->
            </div>
            <!-- /.col -->
        </div>
        <!-- /.row -->
    </div>
    <!-- /.container-fluid -->
</section>
  <!-- /.content -->

  <script type="text/javascript">

    var table ="";
    var dataPreference = "{{ $dataPreferencejson }}";

    $( document ).ready(function() {

       table = $('.errorlog-datatable').DataTable({
              searching: false,
              processing: true,
              serverSide: true,
              order: [[2, 'desc']],
              "autoWidth" : false,
              ajax: {
                  url: "{{ route('admin.checkout-log') }}",
                  type: "get",
                  data: function (data) {
                    delete data.columns;
                    data.search_created_at = "{{ $created_at }}";
                    data.search_logs = "{{ $logs }}";
                    data.search_cart_id = "{{ $cart_id }}";
                    data.search_order_id = "{{ $order_id }}";
                }

              },
              columns: [
                                            ],
              "columnDefs": [  { targets: '_all', width:'30px' },{ visible: false, targets: JSON.parse(dataPreference) }
                            ],

          });

  });

  </script>

@endsection