@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