{% extends 'layouts/commonmaster.html.twig' %}

{% block content %}
<div class="container-fluid mb-5">

    <div class="h-100">
        <div class="card-body">
            <div class="row no-gutters p-5">
                <div class="col border-danger text-right pr-3 font-weight-bold">
                    OPTIMAN
                </div>
                <div class="col border-left-primary">
                    <div class="font-weight-bold text-primary text-uppercase pl-3">
                        OPTIMAN <br>
                        Management
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="row justify-content-center">

        <div class="col-xl-1 col-md-2 mb-1 mr-5">
            <a href="{{ path('app_user_management_dashboard') }}">
                <div class="card border-left-primary shadow h-100 py-2">
                    <div class="card-body">
                        <div class="row no-gutters text-center">
                            <div class="col border-danger border-bottom-primary">
                                <i class="fas fa-bus fa-2x text-danger-300"></i>
                            </div>
                            <div class="col">
                                <div class="text-xs font-weight-bold text-primary text-uppercase mb-1">
                                    User Management
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
            </a>
        </div>

        <div class="col-xl-1 col-md-2 mb-1 mr-5">
            <a href="{{ path('app_patient_management_dashboard') }}">
                <div class="card border-left-secondary shadow h-100 py-2">
                    <div class="card-body">
                        <div class="row no-gutters text-center">
                            <div class="col border-danger border-bottom-primary">
                                <i class="fas fa-bus fa-2x text-danger-300"></i>
                            </div>
                            <div class="col">
                                <div class="text-xs font-weight-bold text-primary text-uppercase mb-1">
                                    Patient Management
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
            </a>
        </div>

        <div class="col-xl-1 col-md-2 mb-1 mr-5">
            <a href="{{ path('app_profile_dashboard') }}">
                <div class="card border-left-secondary shadow h-100 py-2">
                    <div class="card-body">
                        <div class="row no-gutters text-center">
                            <div class="col border-danger border-bottom-primary">
                                <i class="fas fa-bus fa-2x text-danger-300"></i>
                            </div>
                            <div class="col">
                                <div class="text-xs font-weight-bold text-primary text-uppercase mb-1">
                                    Profile Management
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
            </a>
        </div>
    </div>

    <div class="row justify-content-center mt-5">

        <div class="col-xl-1 col-md-2 mb-1 mr-5">
            <a href="{{ path('app_admin_dashboard') }}">
                <div class="card border-left-secondary shadow h-100 py-2">
                    <div class="card-body">
                        <div class="row no-gutters text-center">
                            <div class="col border-danger border-bottom-primary">
                                <i class="fas fa-bus fa-2x text-danger-300"></i>
                            </div>
                            <div class="col">
                                <div class="text-xs font-weight-bold text-primary text-uppercase mb-1">
                                    Admin Management
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
            </a>
        </div>

        <div class="col-xl-1 col-md-2 mb-1 mr-5">
            <a href="{{ path('app_inventory_dashboard') }}">
                <div class="card border-left-secondary shadow h-100 py-2">
                    <div class="card-body">
                        <div class="row no-gutters text-center">
                            <div class="col border-danger border-bottom-primary">
                                <i class="fas fa-bus fa-2x text-danger-300"></i>
                            </div>
                            <div class="col">
                                <div class="text-xs font-weight-bold text-primary text-uppercase mb-1">
                                    Inventory Management
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
            </a>
        </div>

        <div class="col-xl-1 col-md-2 mb-1 mr-5">
            <a href="{{ path('app_pos_dashboard') }}">
                <div class="card border-left-secondary shadow h-100 py-2">
                    <div class="card-body">
                        <div class="row no-gutters text-center">
                            <div class="col border-danger border-bottom-primary">
                                <i class="fas fa-bus fa-2x text-danger-300"></i>
                            </div>
                            <div class="col">
                                <div class="text-xs font-weight-bold text-primary text-uppercase mb-1">
                                    POS MANAGEMENT
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
            </a>
        </div>
    </div>
</div>
{% endblock %}