@extends('layouts.admin')

@section('page-title', 'Designations')

@section('content')
<div class="container py-4">
    <div class="d-flex justify-content-between align-items-center mb-3">
        <h2>Designations</h2>
        <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>Designation Name</th>
                <th>Created At</th>
            </tr>
        </thead>
        <tbody>
            @foreach($designations as $designation)
            <tr>
                <td>{{ $loop->iteration }}</td>
                <td>{{ $designation->name }}</td>
                <td>{{ $designation->created_at->format('d M Y') }}</td>
            </tr>
            @endforeach
        </tbody>
    </table>
</div>
@endsection