@extends('layouts.portal')

@section('title', __($settings['plural']))

@section('content')
    <div class="portal-page">
        @include('partials.portal-header')

        <main class="module-main">
            <div class="module-heading">
                <div>
                    <p class="eyebrow"><a href="{{ route('persons.index') }}">{{ __('PERSONS') }}</a> / {{ __('DIRECTORY') }}</p>
                    <h1>{{ __($settings['plural']) }}</h1>
                    <p>{{ __(':count enrolled :roles', ['count' => $records->total(), 'roles' => strtolower(__($settings['plural']))]) }}</p>
                </div>
                <a class="action-button" href="{{ route('persons.roles.create', $role) }}"><span aria-hidden="true">+</span> {{ __('Add :role', ['role' => strtolower(__($settings['label']))]) }}</a>
            </div>

            @if(session('status'))
                <p class="status-message" role="status">{{ session('status') }}</p>
            @endif

            <div class="data-toolbar">
                <span class="dashboard-caption">{{ __('Inactive :roles are hidden by default.', ['roles' => strtolower(__($settings['plural']))]) }}</span>
                <form class="inactive-filter" method="GET" action="{{ route('persons.roles.index', $role) }}">
                    <input type="hidden" name="save_inactive_filter" value="1">
                    <label class="toggle-switch">
                        <input type="hidden" name="include_inactive" value="0">
                        <input type="checkbox" name="include_inactive" value="1" @checked($includeInactive) onchange="this.form.submit()">
                        <span class="toggle-track"><span class="toggle-thumb"></span></span>
                        <span class="toggle-switch-label">{{ __('Include inactive') }}</span>
                    </label>
                </form>
            </div>

            <div class="table-frame">
                <table class="data-table">
                    <thead>
                        <tr><th>{{ __($settings['label']) }}</th><th>{{ __($settings['number_label']) }}</th><th></th></tr>
                    </thead>
                    <tbody>
                        @forelse($records as $record)
                            <tr>
                                <td>
                                    <div class="person-name">{{ $record->person->first_name }} {{ $record->person->last_name }}</div>
                                    <div class="person-subtitle">{{ $record->person->primaryEmailAddress?->email_address ?: $record->person->primaryPhoneNumber?->phone_number }}</div>
                                </td>
                                <td>{{ $record->{$settings['number_field']} ?: '—' }}</td>
                                <td><a class="table-action" href="{{ route('persons.roles.edit', ['role' => $role, 'personId' => $record->person_id]) }}">{{ __('Edit') }}</a></td>
                            </tr>
                        @empty
                            <tr><td colspan="3" class="empty-state">{{ __('No :roles enrolled yet.', ['roles' => strtolower(__($settings['plural']))]) }}</td></tr>
                        @endforelse
                    </tbody>
                </table>

                @if($records->hasPages())
                    <div class="pagination-row">{{ $records->links() }}</div>
                @endif
            </div>
        </main>
    </div>
@endsection