@extends('layouts.app')

@section('content')
<form action="{{ action('Admin\DisplayTransactionsController@search') }}" method="GET">

<!-- <div class="row justify-content-center"> -->
  

    <div class="col-xl-12 col-md-12 mb-2">
        <div class="card border-left-primary shadow h-100 py-2">
        <div class="card-body">
            <div class="row align-items-center">
              
                <div class="col-md-3">
                
                <input type="date" name="datefrom" class="form-control" value="{{ date('Y-m-d') }}">
                </div>
                <div class="col-md-3">
                    <input type="date" name="dateto" class="form-control" value="{{ date('Y-m-d') }}">
                </div>
                <div class="col-md-3">
                   <select class="form-control" name="status">
                       <option>All</option>
                       <option value="S"> Success</option>
                       <option value="P">Pending</option>
                       <option value="U">Undefined</option>
                   </select>

                </div>
                <div class="col-md-3">
                    <input type="submit" class="btn btn-primary">
                </form>
                </div>
            </div>
        </div>
        </div>
    </div>

    <!-- <div class="col-xl-12 col-md-12 mb-12">
        <div class="card border-left-primary shadow h-100 py-2">
        <div class="card-body">
            <div class="row no-gutters align-items-center"> -->
                
            <div class="card shadow mb-4">
            <div class="card-header py-3">
              <h6 class="m-0 font-weight-bold text-primary">Transactions</h6>
            </div>
            <div class="card-body">
    <div class="table-responsive">
                    <table class="table table-bordered" id="dataTable" width="100%" cellspacing="0">
                        <thead class="thead-dark">
                            <tr>
                                <td>Date</td>
                                <td>TXNID</td>
                                <td>REFERENCE NO.</td>
                                <td>STATUS</td>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($data as $dt)
                                <tr>
                                <td>{{$dt->created_at}}</td>
                                <td>{{$dt->txnid}}</td>
                                <td>{{$dt->refno}}</td>
                                <td>{{$dt->status}}</td>
                                </tr>
                                
                            @endforeach
                            
                        </tbody>
                    </table>
    
</div>
</div>
</div>
            <!-- </div>
        </div>
        </div>
    </div> -->

<!-- </div> -->

@endsection

  <!-- Bootstrap core JavaScript
  <script src="{{ asset('vendor/jquery/jquery.min.js') }}"></script>
  <script src="{{ asset('vendor/bootstrap/js/bootstrap.bundle.min.js') }}"></script> -->

  <!-- Core plugin JavaScript
  <script src="{{ asset('vendor/jquery-easing/jquery.easing.min.js') }}"></script> -->

  <!-- Custom scripts for all pages
  <script src="{{ asset('js/sb-admin-2.min.js') }}"></script> -->

  <!-- Page level plugins
  <script src="{{ asset('vendor/datatables/jquery.dataTables.min.js') }}"></script>
  <script src="{{ asset('vendor/datatables/dataTables.bootstrap4.min.js') }}"></script> -->

  <!-- Page level custom scripts
  <script src="{{ asset('js/demo/datatables-demo.js') }}"></script> 

  <script>
         $(document).ready(function() {
            $('#dataTable').DataTable();
        });
 
  </script> -->