{% extends '@EasyAdmin/default/edit.html.twig' %}

{% block entity_form %}
    <div class="card m-4">
        <div class="card-body">
            <h5 class="card-title">{{'info_plan'|trans}}</h5>
            <p class="card-text"><strong>{{'plan_ea.form.name'|trans}}:</strong> {{ entity.name }}</p>
            <p class="card-text"><strong>{{'plan_ea.form.enableDay'|trans}}:</strong> {{ entity.enableDay }}</p>
            <p class="card-text">
                <strong>{{'plan_ea.form.completeFormPlanEnterprise'|trans}}:</strong> 
                {% if entity.completeFormPlanEnterprise %}
                    {{'yes'|trans|capitalize}}
                {% else %}
                    {{'no'|trans|capitalize}}
                {% endif %}
            </p>
        </div>
    </div>
    {% form_theme form.countries 'form/form_countries.html.twig' %}
    {{ form(form) }}
{% endblock entity_form %}

{% block body_javascript %}
    {{ parent() }}

    <script type="text/javascript">
         // after dom is full loaded
        $(document).ready(function() {
            $("#plan_completeFormPlanEnterprise").change(function(){
                if ($("#plan_completeFormPlanEnterprise").is(':checked')) {
                    $("#plan_countries").closest(".field-group").hide()
                } else {
                    $("#plan_countries").closest(".field-group").show()
                }
            })

            $("#plan_completeFormPlanEnterprise").change()
        });
    </script>
{% endblock body_javascript %}