@extends('dlayout')

  

@section('content')

<div class="container">

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

        <div class="col-md-12">
        <br><br>
            <div class="card">

                <div class="card-header"> Transactions </div>
                <button style="width:150px;" type="button" class="btn btn-success" id="btnExport" onclick="exportReportToExcel(this)">EXPORT REPORT</button>
<script>
function exportReportToExcel() {
  let table = document.getElementsByTagName("table"); // you can use document.getElementById('tableId') as well by providing id to the table tag
  TableToExcel.convert(table[0], { // html code may contain multiple tables so here we are refering to 1st table tag
    name: 'transactions.xlsx', // fileName you could use any name
    sheet: {
      name: 'Sheet 1' // sheetName
    }
  });
}
</script>
   

<table class="table table-hover">
  <thead>
    <tr>
    <th scope="col">system_id</th>
      <th scope="col">Transaction id</th>
      <th scope="col">User name</th>
      <th scope="col">Telephone number</th>
      <th scope="col">names</th>
      <th scope="col">amount</th>
      <th scope="col">Transaction Type</th>
      <th scope="col">Status</th>
      <th scope="col">date</th>
    </tr>
  </thead>
  <tbody>

@foreach($transactions as $tran)
  <tr>
      <td>  {{ $tran->id }}</td>
      <td>  {{ $tran->transaction_id }}</td>
      <td>  {{ $tran->user_id }}</td>
      <td>  {{ $tran->telephone_no }}</td>
      <td>  {{ $tran->names }}</td>
      <td>  {{ $tran->amount }}</td>
      <td>  {{ $tran->description }}</td>

      <td>  {{ $tran->transaction_type }}
      @if ($tran->transaction_type== "Pending")  
      <a  href="{{ route('canceltransaction', ['userid' => $tran->user_id,
         'transactionid' => $tran->id , 'amount' => $tran->amount]) }}" > 
          <button type="button" class="btn btn-success"> Cancel transaction</button></a>
          @else
        @endif
        </td>
      <td>  {{ $tran->created_at }}</td>
    </tr>
@endforeach
    

  
  </tbody>
</table>


{{-- Pagination --}}

  <div class="pagination">
    {!! $transactions->links() !!}
</div>






  


                </div>

            </div>

        </div>

    </div>

</div>

@endsection