@extends('layouts.portal')

@section('title', __('People'))

@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>{{ __('People') }}</h1>
                    <p>{{ __(':count shared identity records', ['count' => $people->total()]) }}</p>
                </div>
                <a class="action-button" href="{{ route('persons.people.create') }}"><span aria-hidden="true">+</span> {{ __('Add person') }}</a>
            </div>

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

            <div class="data-toolbar">
                <form class="search-form" method="GET" action="{{ route('persons.people.index') }}">
                    <input type="search" name="search" value="{{ $search }}" placeholder="{{ __('Name, ID number, email, or phone') }}" aria-label="{{ __('Search people by name, identity document number, email, or phone') }}">
                    <button class="action-button secondary" type="submit">{{ __('Search') }}</button>
                </form>
                <div class="directory-tools">
                    <form class="inactive-filter" method="GET" action="{{ route('persons.people.index') }}">
                        <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>
                    <a class="module-link" href="{{ route('persons.index') }}">{{ __('All directories') }}</a>
                </div>
            </div>

            <div class="table-frame">
                <table class="data-table">
                    <thead>
                        <tr><th>{{ __('Name') }}</th><th>{{ __('Contact') }}</th><th>{{ __('Roles') }}</th><th></th></tr>
                    </thead>
                    <tbody>
                        @forelse($people as $person)
                            <tr>
                                <td>
                                    <div class="person-name">{{ $person->first_name }} {{ $person->last_name }}</div>
                                    <div class="person-subtitle">{{ __('ID :id', ['id' => $person->id]) }}</div>
                                </td>
                                <td>
                                    <div>{{ $person->primaryEmailAddress?->email_address ?: '—' }}</div>
                                    <div class="person-subtitle">{{ $person->primaryPhoneNumber?->phone_number ?: '' }}</div>
                                </td>
                                <td>
                                    <div class="role-list">
                                        @if($person->userAccount)<span class="role-tag">{{ __('System user') }}</span>@endif
                                        @if($person->employee)<span class="role-tag">{{ __('Employee') }}</span>@endif
                                        @if($person->supplier)<span class="role-tag">{{ __('Supplier') }}</span>@endif
                                        @if($person->customer)<span class="role-tag">{{ __('Customer') }}</span>@endif
                                        @if(!$person->userAccount && !$person->employee && !$person->supplier && !$person->customer)<span class="person-subtitle">{{ __('No roles') }}</span>@endif
                                    </div>
                                </td>
                                <td><a class="table-action" href="{{ route('persons.people.edit', $person) }}">{{ __('Edit') }}</a></td>
                            </tr>
                        @empty
                            <tr><td colspan="4" class="empty-state">{{ __('No people found.') }}</td></tr>
                        @endforelse
                    </tbody>
                </table>

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