@extends('layouts.portal')

@section('title', 'Persons')

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

        <main class="module-main">
            <div class="module-heading">
                <div>
                    <p class="eyebrow">DIRECTORIES</p>
                    <h1>Persons</h1>
                    <p>People and the roles they hold in the business.</p>
                </div>
                <a class="action-button" href="{{ route('persons.people.create') }}"><span aria-hidden="true">+</span> Add person</a>
            </div>

            <section class="module-grid" aria-label="Person directories">
                <a class="module-card" href="{{ route('persons.people.index') }}">
                    <div class="module-card-top"><h2>People</h2><span class="module-count">{{ $counts['people'] }}</span></div>
                    <p>Shared identity and contact records.</p>
                    <div class="module-card-foot"><span>Open directory</span><span aria-hidden="true">&rarr;</span></div>
                </a>

                <a class="module-card" href="{{ route('persons.directory', 'system-users') }}">
                    <div class="module-card-top"><h2>System users</h2><span class="module-count">{{ $counts['systemUsers'] }}</span></div>
                    <p>People with an account to sign in.</p>
                    <div class="module-card-foot"><span>Open directory</span><span aria-hidden="true">&rarr;</span></div>
                </a>

                <a class="module-card" href="{{ route('persons.employees.index') }}">
                    <div class="module-card-top"><h2>Employees</h2><span class="module-count">{{ $counts['employees'] }}</span></div>
                    <p>People enrolled as employees.</p>
                    <div class="module-card-foot"><span>Open directory</span><span aria-hidden="true">&rarr;</span></div>
                </a>

                <a class="module-card" href="{{ route('persons.roles.index', 'suppliers') }}">
                    <div class="module-card-top"><h2>Suppliers</h2><span class="module-count">{{ $counts['suppliers'] }}</span></div>
                    <p>People enrolled as suppliers.</p>
                    <div class="module-card-foot"><span>Open directory</span><span aria-hidden="true">&rarr;</span></div>
                </a>

                <a class="module-card" href="{{ route('persons.roles.index', 'customers') }}">
                    <div class="module-card-top"><h2>Customers</h2><span class="module-count">{{ $counts['customers'] }}</span></div>
                    <p>People enrolled as customers.</p>
                    <div class="module-card-foot"><span>Open directory</span><span aria-hidden="true">&rarr;</span></div>
                </a>
            </section>
        </main>
    </div>
@endsection