@extends('dash')

@section('content')

<style>
  #table_container{
    /* width: 50%; */
    /* text-align: center; */
  }
  .card{
    margin: 5px;
  }
</style>
<!-- <a href="/export_data">Export pdf</a> -->
<div class="card">
                <h5 class="card-header">Petty Cash Request</h5>
                <div class="table-responsive text-nowrap" id="table_container">
                  <table class="table table-hover">
                    <thead>
                      <tr>
                        <th>No.</th>
                        <th>Driver</th>
                        <th>Allowance Type</th>
                        <th>Amount</th>
                        <th>Total days</th>
                        <th>Comment</th>
                        <th>Status</th>
                      </tr>
                    </thead>
@foreach( $data as  $data)
<tbody class="table-border-bottom-0">
    <tr>
      <th scope="row">1</th>
      <td id="td_container" >{{ $data->user_name}}</td>
      <td>{{ $data->allowance_type}}</td>
      <td>{{ $data->allowance_amount}}</td>
      <td>{{ $data->total_days}}</td>
      <td>{{ $data->status_comment}}</td>
      @if($data->request_status=='completed')
      <td id="completed">{{ $data->request_status}}</td>
      @elseif($data->request_status=='cancelled')
      <td id="cancelled">{{ $data->request_status}}</td>
      @elseif($data->request_status!='cancelled' && $data->request_status!='completed')
      <td id="pending">pending</td>
      <form action="/approve" method='POST'>
      @csrf
      <input type="hidden" value="{{$data->request_id}}" name="request_id">
      <input type="hidden" value="completed" name="action">
      <td><button type="submit" class="btn btn-primary">Approve</button></td>
      </form>
      <form action="/approve" method='POST'>
      @csrf
      <input type="hidden" value="{{$data->request_id}}" name="request_id">
      <input type="hidden" value="cancelled" name="action">
      <td><button type="submit" class="btn btn-primary">Cancel</button></td>
      </form>
      @endif
   
    </tr>
    @endforeach
</tbody>
</table>
</div>
</div>

@endsection