@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">Zero Tax Order</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">Zero Tax Order</li>
                </ol>
            </div><!-- /.col -->
        </div><!-- /.row -->
    </div><!-- /.container-fluid -->
</div>
<!-- /.content-header -->

  <!-- Main content -->
  <section class="content">
    <div class="container-fluid">
        @foreach (['danger', 'warning', 'success', 'info'] as $msg)
            @if (Session::has('alert-' . $msg))
                <p class="alert alert-{{ $msg }}">{{ Session::get('alert-' . $msg) }}
                    <a href="#" class="close" data-dismiss="alert" aria-label="close">×</a>
                </p>
            @endif
        @endforeach

        <div class="card">
            <div class="card-body">
                <form action="{{ route('admin.zero-tax-order') }}" id="frm_search" method="get">
                    <div class="row">
                        <div class="col-4 mt-4">
                            <label for="form-label">OrderDate</label>
                            <div class="row">
                                <div class="col-md-5">
                                    <input type="date" name="order_start_date" id="order_start_date" value="{{ $order_start_date }}" class="form-control" placeholder="Search Order Start date">
                                </div>
                                <span class="mt-2"><b>TO</b></span>
                                <div class="col-md-5">
                                    <input type="date" name="order_end_date" id="order_end_date" value="{{ $order_end_date }}" class="form-control" placeholder="Search Order End date">
                                </div>
                            </div>
                        </div>
                        <div class="col-2 mt-4">
                            <button class="btn btn-success " type="submit" style="margin-top: 30px !important;">Submit</button>
                            <a class="btn btn-warning" href="{{ route('admin.zero-tax-order') }}" style="margin-top: 30px !important;">Reset</a>
                        </div>
                        <div class="col-6 mt-4">
                            <a class="btn btn-primary" href="{{ route('admin.zero-tax-order-export') }}?order_start_date={{$order_start_date}}&order_end_date={{$order_end_date}}" style="margin-top: 30px !important; float: right;">Export</a>
                        </div>
                    </div>
                </form>
            </div>
        </div>

      <div class="row">
        <div class="col-12">
    
          <div class="card">
            <!-- /.card-header -->
            <div class="card-body" style="overflow: auto;">
              <table id="zeroTaxOrderList" class="table table-bordered table-striped">
                <thead class="thead-dark">
                <tr>
                  <th>OrderID</th>
                  <th>Customer ID</th>
                  <th>TransactionDate</th>
                  <th>AuthorizedDate</th>
                  <th>CapturedDate</th>
                  <th>ShipToAddr1</th>
                  <th>ShipToAddr2</th>
                  <th>ShipToCity</th>
                  <th>ShipToState</th>
                  <th>ShipToZip5</th>
                 
                  <th>ShipToZip4</th>
                  <th>CartItemPrice</th>
                  <th>CartItemTaxAmount</th>
                  <th>Action</th>
                </tr>
                </thead>
                <tbody>
                    @foreach ($zero_tax_order as $zto)
                        <tr>
                            <td><a href="{{ route('admin.order-receipt',['id'=>$zto->OrderID]) }}" >{{ $zto->OrderID }}</a></td>
                            <td>{{ $zto->CustomerID }}</td>
                            <td>{{ date('n/d/Y g:i A',strtotime($zto->TransactionDate)) }}</td>
                            <td>{{ date('n/d/Y g:i A',strtotime($zto->AuthorizedDate)) }}</td>
                            <td>{{ date('n/d/Y g:i A',strtotime($zto->CapturedDate)) }}</td>
                            <td>{{ $zto->ShipToAddr1 }}</td>
                            <td>{{ $zto->ShipToAddr2 }}</td>
                            <td>{{ $zto->ShipToCity }}</td>
                            <td>{{ $zto->ShipToState }}</td>
                            <td>{{ $zto->ShipToZip5 }}</td>
                            <td>{{ $zto->ShipToZip4 }}</td>
                            <td>{{ $zto->CartItemPrice }}</td>
                            <td>{{ $zto->CartItemTaxAmount }}</td>
                            <td><a onclick="getRequestResponceModal('{{ $zto->OrderID }}')"  class="btn btn-primary">View Log</a></td>
                        </tr>
                    @endforeach
                </tbody>

              </table>
            </div>
            <!-- /.card-body -->
          </div>
          <!-- /.card -->
        </div>
        <!-- /.col -->
      </div>
      <!-- /.row -->
    </div>
    <!-- /.container-fluid -->

    <div class="modal fade" id="requestResponceModal" tabindex="-1" aria-labelledby="requestResponceModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-md">
            <div class="modal-content">
                <div class="modal-header">
                    <h6 class="modal-title widgetsTitle"> Taxcloud Request/Responce Logs</h6>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <div class="col-md-12">
                                <label for="country_id">Request</label>
                                <div class="card">
                                    <div id="request_logs" class="p-2" style="font-size: 12px;"></div>
                                </div>

                                <label for="country_id" class="mt-2">Response</label>
                                <div class="card">
                                    <div id="response_logs" class="p-2" style="font-size: 12px;"></div>
                                </div>
                           
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>



    
  </section>
  <!-- /.content -->

  <script>

    function getRequestResponceModal(id) {
       
        var urlss = "{{ route('admin.zero-tax-order-export-modal') }}?id="+id;
      
        $.ajax({
            type: 'GET',
            url: urlss,
            dataType: "json",
            success: function(resultData) { 
                $('#request_logs').html(resultData.request_logs);
                $('#response_logs').html(resultData.response_logs);
                $('#requestResponceModal').modal('show');
            }
        });
    }



    $(function () {
        $("#zeroTaxOrderList").DataTable({
            order: [[0, 'desc']],
           // "responsive": true,
            "lengthChange": false,
            "autoWidth": false
        });
    });
  </script>
@endsection