@extends('layouts.admin.app')

@section('title','Time Slots')

@section('content')
<h4>Time Slots</h4>

<a href="{{ route('time-slots.create') }}" class="btn btn-primary mb-3">
+ Add Time Slot
</a>

@if(session('success'))
<div class="alert alert-success">{{ session('success') }}</div>
@endif

<table class="table table-bordered">
<thead>
<tr>
    <th>Date</th>
    <th>Start</th>
    <th>End</th>
    <th>Quota</th>
    <th>Action</th>
</tr>
</thead>
<tbody>
@foreach($slots as $s)
<tr>
    <td>{{ $s->slot_date }}</td>
    <td>{{ substr($s->start_time,0,5) }}</td>
    <td>{{ substr($s->end_time,0,5) }}</td>
    <td>{{ $s->quota }}</td>
    <td>
        <a href="{{ route('time-slots.edit',$s->id) }}" class="btn btn-sm btn-warning">Edit</a>

        <form action="{{ route('time-slots.destroy',$s->id) }}" method="POST" style="display:inline">
            @csrf @method('DELETE')
            <button class="btn btn-sm btn-danger"
             onclick="return confirm('Delete slot?')">Delete</button>
        </form>
    </td>
</tr>
@endforeach
</tbody>
</table>
@endsection