@extends('layouts.basic')
@section('content')
<div class="history-wrap" id="psu-history">
    <div class="psu-form-image">
        <img src="{{asset('img/fs-hatchery-logo.png')}}">
    </div>
    <div class="history-table">
        <div class="psu-form-heading">
            <h2>Booking History</h2>
            <span class="heading-rule"></span>
        </div>
        <table class="table table-borderless">
            <thead>
              <tr>
                <th class="text-center" scope="col">S/N</th>
                <th scope="col">Customer Name</th>
                <th class="text-left" scope="col">Quantity</th>
                  <th class="text-left" scope="col">Time of Booking</th>
                  <th class="text-left" scope="col">Expected Delivery Date</th>
                <th class="text-left" scope="col">Action</th>

              </tr>
            </thead>
            <tbody>
                @foreach($bookingLogs as $key => $booking)
                    <tr>
                        <td class="text-center" scope="row">{{$key + 1}}</td>
                        <td>{{$booking->name}}</td>
                        <td class="text-center">{{$booking->quantity}}</td>
                        <td class="text-center">{{$booking->created_at->format('D M, Y')}}</td>
                        <td class="text-center">{{$booking->delivery_date->format('D M, Y')}}</td>
                        <td class="text-center"><a class="btn btn-success btn-sm" href="{{route('booking.show', $booking->id)}}">View Booking</a></td>
                  </tr>
                @endforeach
            </tbody>
        </table>
    </div>
</div>
@endsection