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

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

{% block content %}
<div class="container-fluid px-4">
    <h1 class="mt-4">{{ title }}</h1>
    <ol class="breadcrumb mb-4">
        <li class="breadcrumb-item"><a href="{{ url('dashboard') }}">{{ __('layout.menu.dashboard') }}</a></li>
        <li class="breadcrumb-item"><a href="{{ url('admin/configindex') }}?theme={{ currentTheme }}">{{ title }}</a></li>
        <li class="breadcrumb-item active">{{ page_key }}</li>
    </ol>

    <div class="alert alert-info d-flex align-items-center mb-4">
        <i class="bi bi-info-circle-fill me-2"></i>
        <div>
            Você está editando a página para o tema: <strong>{{ currentTheme|capitalize }}</strong>. 
            <br><small>Arquivo: <code>{{ foundPath|replace({(base_path): ''}) }}</code></small>
        </div>
    </div>

    <div class="card mb-4">
        <div class="card-body">
            <form action="{{ url('admin/configindex/' ~ page_key ~ '/update') }}?theme={{ currentTheme }}" method="POST">
                <div class="row mb-3">
                    <div class="col-md-6">
                        <div class="form-check form-switch">
                            <input class="form-check-input" type="checkbox" id="show_public_nav" name="config_index_show_public_nav" {% if page_data %}{% if page_data.config_index_show_public_nav %}checked{% endif %}{% else %}checked{% endif %}>
                            <label class="form-check-label" for="show_public_nav">{{ __('configindex.show_public_nav') }}</label>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-check form-switch">
                            <input class="form-check-input" type="checkbox" id="show_dashboard_nav" name="config_index_show_dashboard_nav" {% if page_data %}{% if page_data.config_index_show_dashboard_nav %}checked{% endif %}{% else %}checked{% endif %}>
                            <label class="form-check-label" for="show_dashboard_nav">{{ __('configindex.show_dashboard_nav') }}</label>
                        </div>
                    </div>
                </div>

                <div class="mb-3">
                    <label for="content" class="form-label">{{ __('configindex.form_content') }}</label>
                    <textarea name="content" id="content" class="form-control" rows="18">{% if template_code %}{{ template_code|raw }}{% else %}{{ page_data.config_index_content|raw }}{% endif %}</textarea>
                </div>

                <div class="mb-4">
                    <h5 class="mb-3">{{ __('configindex.template_translations') }}</h5>
                    {% if languages %}
                        {% for lang in languages %}
                            <div class="mb-3">
                                <label class="form-label">{{ lang }} - {{ __('configindex.index_json_section') }} {{ page_key }})</label>
                                <textarea name="translations_index_section[{{ lang }}]" class="form-control" rows="10">{{ translations_index_section[lang]|default('{}') }}</textarea>
                            </div>
                            <hr/>
                        {% endfor %}
                    {% endif %}
                </div>

                
                
                <button type="submit" class="btn btn-primary">
                    <i class="bi bi-save"></i> {{ __('configindex.save') }}
                </button>
                <a href="{{ url('admin/configindex') }}" class="btn btn-secondary">
                    {{ __('configindex.cancel') }}
                </a>
            </form>
        </div>
    </div>
</div>
{% endblock %}

{% block scripts %}{% endblock %}