{% extends "layouts/dashboard.twig" %}

{% block title %}{{ title }} - {{ platformName }}{% endblock %}

{% block content %}
<div class="container-fluid px-4">
    <div class="d-flex justify-content-between align-items-center mb-4">
        <h1 class="mt-4">{{ title }}</h1>
    </div>

    <ol class="breadcrumb mb-4">
        <li class="breadcrumb-item active">{{ __('erp.admin.breadcrumb') }}</li>
    </ol>
    {% include '@erp/admin/nav.twig' %}

    <div class="row">
        {% for module in modules %}
        <div class="col-xl-3 col-md-6 mb-4">
            <div class="card shadow h-100 py-2" style="border-left: 0.25rem solid {{ module.color }};">
                <div class="card-body">
                    <div class="row no-gutters align-items-center">
                        <div class="col mr-2">
                            <div class="text-xs font-weight-bold text-uppercase mb-1" style="color: {{ module.color }};">
                                {{ __('erp.admin.module_label') }}
                            </div>
                            <div class="h5 mb-0 font-weight-bold text-gray-800">{{ module.name }}</div>
                            <p class="small text-muted mb-0">{{ module.description }}</p>
                        </div>
                        <div class="col-auto">
                            <i class="{{ module.icon }} fs-2 text-gray-300"></i>
                        </div>
                    </div>
                </div>
                <div class="card-footer bg-white border-0 text-center">
                    <a class="btn btn-sm btn-outline-primary w-100 font-weight-bold" href="{{ module.url }}">
                        <i class="bi bi-arrow-right-circle me-1"></i> {{ __('erp.admin.access_module') }}
                    </a>
                </div>
            </div>
        </div>
        {% else %}
        <div class="col-12">
            <div class="alert alert-info">
                <i class="bi bi-info-circle me-2"></i> {{ __('erp.admin.no_modules') }}
            </div>
        </div>
        {% endfor %}
    </div>

    <div class="row mt-4">
        <div class="col-12">
            <div class="card shadow mb-4">
                <div class="card-header py-3">
                    <h6 class="m-0 font-weight-bold text-primary">{{ __('erp.admin.about_title') }}</h6>
                </div>
                <div class="card-body">
                    <p>{{ __('erp.admin.about_text') }}</p>
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %}