@extends('layouts.vendor')

@section('content')
<div class="container-fluid mt-10">
    <div class="card-body">
        <div class="datatable">
            <table class="table table-bordered table-hover" id="dataTable" width="100%" cellspacing="0">
                <thead>
                    <tr>
                        <th>ID</th>
                        <th>Student</th>
                        <th>Pickup Date</th>
                        <th>Pickup Time</th>
                        <th>Pickup Location</th>
                        <th>Drop off Location</th>
                        <th>No. of Passengers</th>
                        <th>No. of Luggages</th>
                        <th>Vehicle Type</th>
                        <th>Remarks</th>
                        <th>Status</th>
                        <th>Actions</th>
                    </tr>
                </thead>
                <tfoot>
                    <tr>
                        <th>ID</th>
                        <th>Student</th>
                        <th>Pickup Date</th>
                        <th>Pickup Time</th>
                        <th>Pickup Location</th>
                        <th>Drop off Location</th>
                        <th>No. of Passengers</th>
                        <th>No. of Luggages</th>
                        <th>Vehicle Type</th>
                        <th>Remarks</th>
                        <th>Status</th>
                        <th>Actions</th>
                    </tr>
                </tfoot>
                <tbody>
                    @foreach($requests as $request)
                        <tr>
                            <td>{{ $request->id }}</td>
                            <td>{{ $request->getStudent->name}}</td>
                            <td>{{ $request->pickup_date }}</td>
                            <td>{{ $request->pickup_time}}</td>
                            <td>{{ $request->getLocation->area_name}}</td>
                            <td>{{ $request->address1}} {{$request->address2}} {{$request->postcode}} {{$request->city}} {{$request->state}}</td>
                            <td>{{ $request->no_passenger}}</td>
                            <td>{{ $request->no_luggage}}</td>
                            <td>{{ $request->vehicle_type}}</td>
                            <td>{{ $request->message}}</td>
                            <td>{{ $request->status}}</td>
                            <td><a class="btn btn-primary" href="">Confirm</a> <a class="btn btn-danger" href="">Cancel</a></td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>
</div>
@endsection