@extends('layouts.agency-details-layout')

@section('content')
<div class="row">
    <div class="col-lg-12">
        <div class="card">
            <div class="card-header page-title-row">
                <h2 class="page-title-secondary">Agency Users</h2>
                <p>Found <span class="text-danger">{{ count($departments) }}</span> entries</p>
            </div>
        </div>
    </div>
</div>
<div class="row">
    <div class="col-12">
        <div class="card">
            <div class="card-content collapse show">
                <div class="card-body card-dashboard">
                    <table class="table table-bordered table-responsive" >
                        <caption hidden>List of agency departments</caption>
                        <thead class="thead-dark">
                            <tr>
                                <th scope="col">S/N</th>
                                <th scope="col">Name</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($departments as $department )
                                <tr>
                                    <td>{{ $loop->iteration }}</td>
                                    <td>{{ $department->display_name }}</td>
                                </tr>
                                
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection