@extends('dash')

@section('content')

<style>
 
  </style>
<div class="card">
                <h5 class="card-header">Fuel Request</h5>
                <div class="table-responsive text-nowrap">
                  <table class="table table-hover">
                    <thead>
                      <tr>
                      <th>No.</th>
                        <th>Driver</th>
                        <th>Vehicle</th>
                        <th>Reason</th>
                        <th>Amount</th>
                        <th>Request Date</th>
                        <th>Status</th>
                        <th>Comment</th>
                     
                     
                      </tr>
                    </thead>
@foreach( $data as  $data)
<tbody>
    <tr>
      <th scope="row">1</th>
      <td  id="td_container" >{{ $data->user_name}}</td>
      <td>{{ $data->vehicle_plate}}</td>
      <td>{{ $data->fueling_reason}}</td>
      <td>{{ $data->fuel_amount}}</td>
      <td>{{ $data->request_date}}</td>
      
      @if($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>
      @elseif($data->request_status=='completed')
      <td id="completed">completed</td>
      @endif
      <td>{{ $data->status_comment}}</td>
    </tr>
        @endforeach
</tbody>
</table>
</div>
</div>
@endsection