@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>{{ $people->total() }} shared identity records</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 {{ $person->id }}</div>
                                </td>
                                <td>
                                    <div>{{ $person->email ?: '—' }}</div>
                                    <div class="person-subtitle">{{ $person->phone ?: '' }}</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