{% extends 'base.html.twig' %}

{% block title %}{{ 'super_admin.permissions.title'|trans }}{% endblock %}

{% block sidebar %}
<div class="sidebar">
    <h5 class="mb-4">{{ 'super_admin.sidebar.title'|trans }}</h5>
    <ul class="nav flex-column">
        <li class="nav-item">
            <a class="nav-link" href="{{ path('app_super_admin_dashboard') }}">
                <i class="fas fa-tachometer-alt me-2"></i> {{ 'super_admin.sidebar.dashboard'|trans }}
            </a>
        </li>
    </ul>
    
    <h5 class="mb-3 mt-4">{{ 'super_admin.sidebar.admin_section'|trans }}</h5>
    <ul class="nav flex-column">
        <li class="nav-item">
            <a class="nav-link" href="{{ path('app_admin_dashboard') }}">
                <i class="fas fa-arrow-left me-2"></i> {{ 'super_admin.sidebar.back_to_admin'|trans }}
            </a>
        </li>
    </ul>
</div>
{% endblock %}

{% block body %}
<div class="container-fluid">
    <div class="d-flex justify-content-between align-items-center mb-4">
        <h1 class="h3">{{ 'super_admin.permissions.title'|trans }}</h1>
        <a href="{{ path('app_super_admin_dashboard') }}" class="btn btn-outline-secondary">
            <i class="fas fa-arrow-left me-1"></i> {{ 'super_admin.permissions.back_btn'|trans }}
        </a>
    </div>
    
    <div class="card shadow-sm mb-4">
        <div class="card-header">
            <h5 class="mb-0">{{ 'super_admin.permissions.admin_info'|trans({'%name%': user.fullName}) }}</h5>
        </div>
        <div class="card-body">
            <div class="row">
                <div class="col-md-6">
                    <table class="table table-borderless">
                        <tr>
                            <th style="width: 30%;">{{ 'super_admin.permissions.name'|trans }}</th>
                            <td>{{ user.fullName }}</td>
                        </tr>
                        <tr>
                            <th>{{ 'super_admin.permissions.email'|trans }}</th>
                            <td>{{ user.email }}</td>
                        </tr>
                        <tr>
                            <th>{{ 'super_admin.permissions.role'|trans }}</th>
                            <td>
                                <span class="badge bg-primary">{{ 'super_admin.permissions.admin_role'|trans }}</span>
                            </td>
                        </tr>
                    </table>
                </div>
                <div class="col-md-6">
                    <div class="alert alert-info">
                        <i class="fas fa-info-circle me-2"></i>
                        {{ 'super_admin.permissions.info'|trans }}
                    </div>
                </div>
            </div>
        </div>
    </div>
    
    <div class="card shadow-sm mb-4">
        <div class="card-header">
            <h5 class="mb-0">{{ 'super_admin.permissions.manage_title'|trans }}</h5>
        </div>
        <div class="card-body">
            {{ form_start(form) }}
                <div class="table-responsive">
                    <table class="table">
                        <thead>
                            <tr>
                                <th style="width: 50%;">{{ 'super_admin.permissions.permission'|trans }}</th>
                                <th>{{ 'super_admin.permissions.granted'|trans }}</th>
                                <th>{{ 'super_admin.permissions.description'|trans }}</th>
                            </tr>
                        </thead>
                        <tbody>
                            {% for permission, field in form %}
                                <tr>
                                    <td>{{ form_label(field) }}</td>
                                    <td>{{ form_widget(field) }}</td>
                                    <td>
                                        <span class="text-muted">{{ ('super_admin.permissions.desc.' ~ permission)|trans }}</span>
                                    </td>
                                </tr>
                            {% endfor %}
                        </tbody>
                    </table>
                </div>
                
                <div class="d-flex justify-content-end mt-3">
                    <a href="{{ path('app_super_admin_dashboard') }}" class="btn btn-outline-secondary me-2">{{ 'super_admin.permissions.cancel_btn'|trans }}</a>
                    <button type="submit" class="btn btn-gradient">{{ 'super_admin.permissions.save_btn'|trans }}</button>
                </div>
            {{ form_end(form) }}
        </div>
    </div>
</div>
{% endblock %}