@extends('dash')

@section('content')

<div class="card">
                <h5 class="card-header">Casuals Request</h5>
                <div class="table-responsive text-nowrap">
                  <table class="table table-hover">
                    <thead>
                      <tr>
                        <th>No.</th>
                        <th>Driver</th>
                        <th>Work Type</th>
                        <th>Total days</th>
                        <th>Amount</th>
                       
                        <th>Start Date</th>
                        <th>Request Date</th>
                        <th>Vehicle</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->user_name}}</td>
      <td>{{ $data->work_type}}</td>
      <td>{{ $data->total_days}}</td>
      <td>{{ $data->casual_amount}}</td>
     
      <td>{{ $data->start_date}}</td>
      
      <td>{{ $data->request_date}}</td> 
      <td>{{ $data->vehicle_plate}}</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>
      @endif
      
    </tr>
    @endforeach
</tbody>
</table>


                </div>
</div>
@endsection