@extends('layouts.admin')

@section('page-title', 'Staff Members')

@section('content')
<div class="container py-4">
    <div class="d-flex justify-content-between align-items-center mb-3">
        <h2>Staff List</h2>
        <a href="{{ route('staff.create') }}" class="btn btn-primary">Add Staff</a>
         <a href="{{ route('designation.create') }}" class="btn btn-primary">Add Designation</a>
    </div>
   
    <table class="table table-bordered">
        <thead>
            <tr>
                <th>Sr No.</th>
                <th>Name</th>
                <th>Email</th>
                <th>Phone</th>
                <th>Designation</th>
                <th>Joined</th>
            </tr>
        </thead>
        <tbody>
            @foreach($staff as $member)
            <tr>
                <td>{{ $loop->iteration }}</td>
                <td>{{ $member->name }}</td>
                <td>{{ $member->email }}</td>
                <td>{{ $member->phone }}</td>
                <td>{{ $member->designation->name ?? '-' }}</td>
                <td>{{ $member->created_at->format('d M Y') }}</td>
            </tr>
            @endforeach
        </tbody>
    </table>
</div>
@endsection