@extends('layouts.main')
@section('content')
<style>
table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  border: 1px solid #ddd;
}

th, td {
  text-align: left;
  padding: 8px;
}

tr:nth-child(even){background-color: #f2f2f2}
ul.d_menu {
  list-style-type: none;
  margin: 0;
  padding: 0;
  float:right;
}

.d_menu li {
  display: inline;
}
/* #stable_id_filter{
  position:fixed;
  right: 0px;
} */
</style>

<div>
  <div style="overflow-x:auto;margin:auto;width:90%">
    <div><a href="/dashboard" class="btn btn-primary" style="padding:0 !important"> <i class="fa fa-arrow-left" aria-hidden="true"></i> back </a></div>
    <ul class="d_menu">
      <li><a href="#" id="log_dtls">Downoad</a></li>
      <li><a href="/logout">Logout</a></li>
      <a  style="display:none" id="log_download" href="/dowload_transaction.csv" download> download file</a>
    </ul>
  </div>
  <div  style="overflow-x:auto;margin:auto;width:90%">
<table id="table_id" class="display" width="100%">
    <thead>
        <tr>
            <td>FirstName</td>
            <td>LastName</td>
            <td>email</td>
            <td>Mobile</td>	 
            <td>Amount</td>
            <td>Currency</td>
            <td>Transaction Status</td>
            <td>Details</td>
        </tr>
    </thead>
   
</table>
</div>
</div>
<button type="button" id="modal_tri" class="btn btn-primary" data-toggle="modal" data-target="#exampleModalLong" style="display:none">View Details </button>
<div class="modal fade" id="exampleModalLong" tabindex="-1" role="dialog" aria-labelledby="exampleModalLongTitle" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLongTitle">Transaction Details</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div id="modal_body" class="modal-body">
       <div class="main">
         main
       </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
        <!-- <button type="button" class="btn btn-primary">Save changes</button> -->
      </div>
    </div>
  </div>
</div>

@endsection

@section('customjs')
<script type="text/javascript">

jQuery('#log_dtls').click(function(){
  $.ajax({
    type: "GET",
    url: '/transaction_dtls', // This is what I have updated
}).done(function( msg ) {
  console.log(msg.status)
  if(msg.status == '200'){
    jQuery('#log_download')[0].click();
  }
});
});
jQuery('#detail_modul').click(function(e){
  e.preventDefault();
  alert('ssss');
  var d_id = null;
  $.ajax({
    type: "GET",
    url: '/transaction_dtls', // This is what I have updated
    data:"id="+d_id,
}).done(function( msg ) {
  console.log(msg.status)
  if(msg.status == '200'){
    // jQuery('#log_download')[0].click();
  }
});
});
 
$(document).ready(function () {
  $.noConflict();
        $('#table_id').DataTable(
          {
         "processing": true,
        "serverSide": true,
        "ajax": "../server_side/paginate",
        columnDefs: [{
          "defaultContent": "-",
          "targets": "_all"
        }]
        }
        );
    });

</script>
@endsection




<!-- <tbody>
        @foreach($t_dtls as $key => $t_dtl)
        <tr >
        <td>{{$t_dtl->first_name }}</td>
        <td>{{$t_dtl->last_name }}</td>
        <td>{{$t_dtl->email }}</td>
        <td>{{$t_dtl->mobile }}</td>
        <td>{{$t_dtl->amount }}</td>
        <td>{{$t_dtl->currency }}</td>
        <td>{{$t_dtl->transaction_status }}</td>
        <td>Details</td> -->
<!--         
        <td>{{$t_dtl->pan_card }}</td>
        <td>{{$t_dtl->cheque_details }}</td>
        <td>{{$t_dtl->certificate_name }}</td>
        <td>{{$t_dtl->personal_message }}</td>
        <td>{{$t_dtl->receipt_date }}</td>
        <td>{{$t_dtl->receipt_number }}</td>
        <td>{{$t_dtl->address }}</td>
        <td>{{$t_dtl->donar_type }}</td>    
        <td>{{$t_dtl->donar_currency }}</td>
        <td>{{$t_dtl->other }}</td>
        <td>{{$t_dtl->gateway_responce_code }}</td>
        <td>{{$t_dtl->gateway_message }}</td>
        <td>{{$t_dtl->gateway_transaction_id }}</td>
        <td>{{$t_dtl->gateway_auth_code }}</td>
        <td>{{$t_dtl->bank_reference_number }}</td>
        <td>{{$t_dtl->order_id }}</td>
        <td>{{$t_dtl->trackingId }}</td>
        
        <td>{{$t_dtl->transaction_date_time }}</td>
        <td>{{$t_dtl->transaction_ip_adderess }}</td>
        <td>{{$t_dtl->updated_at }}</td>
        <td>{{$t_dtl->created_at }}</td>																			 -->
        <!-- </tr>
        @endforeach
    </tbody> -->