@extends('layouts.app')
@section('content')
<div class="d-flex justify-content-between align-items-center mb-3">
    <h2>Specialties</h2>
    <a href="{{ route('specialties.create') }}" class="btn btn-primary">Add Specialty</a>
</div>
<div class="card shadow-sm"><div class="card-body">
<table class="table table-hover">
<thead><tr><th>Name</th><th>Status</th><th>Actions</th></tr></thead>
<tbody>
@forelse($specialties as $specialty)
<tr>
<td>{{ $specialty->name }}</td>
<td><span class="badge text-bg-{{ $specialty->status === 'active' ? 'success' : 'secondary' }}">{{ ucfirst($specialty->status) }}</span></td>
<td class="d-flex gap-2">
<a href="{{ route('specialties.edit', $specialty) }}" class="btn btn-sm btn-outline-primary">Edit</a>
<form method="POST" action="{{ route('specialties.destroy', $specialty) }}" onsubmit="return confirm('Delete this specialty?')">
@csrf @method('DELETE') <button class="btn btn-sm btn-outline-danger">Delete</button>
</form>
</td>
</tr>
@empty <tr><td colspan="3">No specialties found.</td></tr> @endforelse
</tbody>
</table>
{{ $specialties->links() }}
</div></div>
@endsection