{% extends 'admin/@layout.html.twig' %}

{% set pageName = 'page_name_template_custom_js'|trans({}, 'admin') %}

{% block content %}
    <div class="row" data-controller="template">
        <div class="col-12">
            {{ form_start(form) }}
            <div class="card ">
                <div class="card-header">
                    <div class="row">
                        <div class="col-12">
                            <h5>{{ 'template'|trans({}, 'admin') }}: {{ template.name }}</h5>
                        </div>
                    </div>
                </div>
                <div class="card-body">
                    {{ form_row(form.customJs) }}
                </div>
                <div class="card-footer text-right">
                    <twig:admin:button_save/>
                </div>
            </div>
            {{ form_end(form) }}
        </div>
    </div>
{% endblock %}

{% block body_class %}template-custom-js{% endblock %}

{% block javascripts %}
    {{ parent() }}
    <twig:codeMirror mode="javascript" />
{% endblock %}