@extends('layouts.app')
@section('title', 'My Shifts')
@section('content')
<div class="d-flex justify-content-between mb-3">
    <h4>My Upcoming Shifts</h4>
    <a href="{{ route('shift-swaps.my-requests') }}" class="btn btn-outline-dark btn-sm">Request a Swap</a>
</div>
<table class="table bg-white">
    <thead><tr><th>Date</th><th>Shift</th><th>Time</th></tr></thead>
    <tbody>
    @forelse ($shifts as $s)
    <tr>
        <td>{{ $s->schedule_date->format('D, d M Y') }}</td>
        <td><span class="badge" style="background-color:{{ $s->shiftTemplate->color }};">{{ $s->shiftTemplate->name }}</span></td>
        <td>{{ \Carbon\Carbon::parse($s->shiftTemplate->start_time)->format('h:i A') }} – {{ \Carbon\Carbon::parse($s->shiftTemplate->end_time)->format('h:i A') }}</td>
    </tr>
    @empty
    <tr><td colspan="3" class="text-muted">No published shifts yet.</td></tr>
    @endforelse
    </tbody>
</table>
@endsection