@extends('layouts.master')

@section('title', 'Administration')

@section('content')

<div class="workflow-page">

    <div class="workflow-page-header">

        <h1>
            Administration
        </h1>

        <p>
            User management, governance and workflow control.
        </p>

    </div>

    <div class="dashboard-grid">

        {{-- USERS --}}
        <a
            href="{{ route('admin.users.index') }}"
            class="dashboard-card">

            <div class="dashboard-icon">
                👥
            </div>

            <div class="dashboard-title">
                Users
            </div>

            <div class="dashboard-text">
                Manage system users.
            </div>

        </a>

        {{-- PROFESSIONAL ROLES --}}
        <a
            href="#"
            class="dashboard-card">

            <div class="dashboard-icon">
                🩺
            </div>

            <div class="dashboard-title">
                Professional Roles
            </div>

            <div class="dashboard-text">
                Manage operational roles.
            </div>

        </a>

        {{-- POSITIONS --}}
        <a
            href="#"
            class="dashboard-card">

            <div class="dashboard-icon">
                🏢
            </div>

            <div class="dashboard-title">
                Positions
            </div>

            <div class="dashboard-text">
                Organization structure.
            </div>

        </a>

        {{-- SYSTEM ROLES --}}
        <a
            href="#"
            class="dashboard-card">

            <div class="dashboard-icon">
                🔐
            </div>

            <div class="dashboard-title">
                System Roles
            </div>

            <div class="dashboard-text">
                Technical administration.
            </div>

        </a>

        {{-- RESPONSIBILITIES --}}
        <a
            href="#"
            class="dashboard-card">

            <div class="dashboard-icon">
                🔄
            </div>

            <div class="dashboard-title">
                Workflow Responsibilities
            </div>

            <div class="dashboard-text">
                Approval assignments.
            </div>

        </a>

        {{-- AUDIT --}}
        <a
            href="#"
            class="dashboard-card">

            <div class="dashboard-icon">
                📊
            </div>

            <div class="dashboard-title">
                Audit Logs
            </div>

            <div class="dashboard-text">
                Track user activity.
            </div>

        </a>

    </div>

</div>

@endsection