@extends('layouts.admin')
@section('title', 'Staff Shifts')
@section('content')
<x-page-header title="Staff Shifts"><x-slot:actions><a href="{{ route('admin.shifts.create') }}" class="btn btn-hp-primary btn-sm"><i class="bi bi-plus-lg"></i> New</a> <a href="{{ route('admin.shifts.schedule.index') }}" class="btn btn-hp-outline btn-sm">Schedule</a></x-slot:actions></x-page-header>
<div class="hp-card"><div class="table-responsive"><table class="table hp-table mb-0"><thead><tr><th>Name</th><th>Start</th><th>End</th><th>Status</th><th></th></tr></thead>
<tbody>@forelse($shifts as $s)<tr><td>{{ $s->name }}</td><td>{{ $s->start_time }}</td><td>{{ $s->end_time }}</td><td><x-status-badge :status="$s->status"/></td>
<td><a href="{{ route('admin.shifts.edit', $s->id) }}" class="btn btn-sm btn-hp-outline">Edit</a>
<form action="{{ route('admin.shifts.destroy', $s->id) }}" method="POST" class="d-inline" data-confirm="Delete this shift?">@csrf @method('DELETE')<button class="btn btn-sm btn-hp-outline text-danger">Delete</button></form></td></tr>@empty<tr><td colspan="5" class="text-muted">No shifts defined</td></tr>@endforelse</tbody></table></div><div class="p-3">{{ $shifts->links() }}</div></div>
@endsection