@extends('layouts.master')

@section('content')

<div class="page-container">

    <div class="page-header">

        <h1>
            Administration
        </h1>

        <p>
            System administration, access control and workflow management.
        </p>

    </div>

    <div class="card-grid">

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

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

            <h3>
                Users
            </h3>

            <p>
                Create and manage system users.
            </p>

        </a>

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

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

            <h3>
                Professional Roles
            </h3>

            <p>
                Clinical and operational roles.
            </p>

        </a>

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

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

            <h3>
                Positions
            </h3>

            <p>
                Organization positions.
            </p>

        </a>

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

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

            <h3>
                System Roles
            </h3>

            <p>
                Access control and permissions.
            </p>

        </a>

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

            <div class="card-icon">
                🔑
            </div>

            <h3>
                Permissions
            </h3>

            <p>
                Manage system permissions.
            </p>

        </a>

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

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

            <h3>
                Workflow Responsibilities
            </h3>

            <p>
                Approval routing and responsibility management.
            </p>

        </a>

    </div>

</div>

@endsection