@extends('dash')

@section('content')
<style>
 
</style>
<div class="card">
                <h5 class="card-header">Vehicle Support Request</h5>
                <div class="table-responsive text-nowrap">
                  <table class="table table-hover">
                    <thead>
                      <tr>
                      <th>No.</th>
                      <th>Vehicle</th>
                        <th>Driver</th>
                       
                        <th>Support Type</th>
                        <th>Cost</th>
                        
                        <th>Request Date</th>
                        <th>Comment</th>
                        <th>Status</th>
                        <th>Action</th>
                      </tr>
                    </thead>
@foreach( $data as  $data)
<tbody>
    <tr>
      <th scope="row">1</th>
      <td id="td_container" >{{ $data->vehicle_plate}}</td>
      <td>{{ $data->user_name}}</td>
      
      <td>{{ $data->support_type}}</td>
      <td>{{ $data->support_cost}}</td>
     
      <td>{{ $data->request_date}}</td>
      <td>{{ $data->status_comment}}</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
    </tr>
    @endforeach
</tbody>
</table>
                </div>
</div>

@endsection