{% extends 'superadmin/layout.twig' %}

{% block title %}Модули - Суперадмин{% endblock %}

{% block content %}
<div class="d-flex justify-content-between align-items-center mb-4">
    <h1>Модули системы</h1>
</div>

<div class="card">
    <div class="card-header">
        <ul class="nav nav-tabs card-header-tabs" id="modulesTabs" role="tablist">
            {% for code, module in modules %}
            <li class="nav-item" role="presentation">
                <button class="nav-link {% if loop.first %}active{% endif %}"
                        id="{{ code }}-tab"
                        data-bs-toggle="tab"
                        data-bs-target="#{{ code }}-tab-pane"
                        type="button"
                        role="tab"
                        aria-controls="{{ code }}-tab-pane"
                        aria-selected="{{ loop.first ? 'true' : 'false' }}">
                    {{ module.name }}
                </button>
            </li>
            {% endfor %}
        </ul>
    </div>
    <div class="card-body">
        <div class="tab-content" id="modulesTabsContent">
            {% for code, module in modules %}
            <div class="tab-pane fade {% if loop.first %}show active{% endif %}"
                 id="{{ code }}-tab-pane"
                 role="tabpanel"
                 aria-labelledby="{{ code }}-tab"
                 tabindex="0">

                <form action="{{ base_url('/superadmin/modules/update') }}" method="post" class="row g-3">
                    {{ csrf_field()|raw }}
                    <input type="hidden" name="module_code" value="{{ code }}">

                    <div class="col-md-6">
                        <label class="form-label">Название модуля</label>
                        <input type="text" name="name" class="form-control" value="{{ module.name }}" required>
                    </div>

                    <div class="col-md-6">
                        <label class="form-label">Описание</label>
                        <input type="text" name="description" class="form-control" value="{{ module.description }}">
                    </div>

                    <div class="col-md-4">
                        <label class="form-label">Цена (руб/месяц)</label>
                        <input type="number" name="price_monthly" class="form-control" value="{{ module.price_monthly }}" min="0">
                    </div>

                    <div class="col-md-4">
                        <label class="form-label">Цена (руб/год)</label>
                        <input type="number" name="price_yearly" class="form-control" value="{{ module.price_yearly }}" min="0">
                    </div>

                    <div class="col-md-4">
                        <label class="form-label">Дней триала</label>
                        <input type="number" name="trial_days" class="form-control" value="{{ module.trial_days }}" min="0">
                    </div>

                    <div class="col-12">
                        <div class="alert alert-info">
                            <strong>Код модуля:</strong> {{ code }}<br>
                            <strong>Возможности:</strong>
                            <ul class="mb-0 mt-2">
                                {% for feature in module.features %}
                                <li>{{ feature }}</li>
                                {% else %}
                                <li>Нет описания возможностей</li>
                                {% endfor %}
                            </ul>
                        </div>
                    </div>

                    <div class="col-12">
                        <button type="submit" class="btn btn-primary">
                            <i class="fa-solid fa-save"></i> Сохранить изменения
                        </button>
                    </div>
                </form>
            </div>
            {% endfor %}
        </div>
    </div>
</div>
{% endblock %}