{{ form_start(form, {'attr': {'id': form.vars.id} }) }}
    {{ form_widget(form._token) }}
    <div class="row">
        <div class="col-xxl-6 col-lg-12">
            {{ form_row(form.competitor) }}
        </div>
    </div>
    <div class="row">
        <div class="col-xxl-3 col-lg-12">
            {{ form_row(form.parakarate) }}
        </div>
        <div class="col-xxl-3 col-lg-12">
            {{ form_row(form.kata) }}
        </div>
        <div class="col-xxl-3 col-lg-12">
            {{ form_row(form.kumite) }}
        </div>
    </div>
    <div class="row">
        <div class="col-xxl-2 col-lg-12">
            {{ form_row(form.weight) }}
        </div>
        <div class="col-xxl-2 col-lg-12">
            {{ form_row(form.degree) }}
        </div>
    </div>
    <div class="row">
    </div>
    <div class="row mt-2">
        <div class="col-12 d-flex justify-content-end">
            <button type="button" class="btn btn-sm btn-secondary me-2" id="closeManegeForm">
                <i class="fa fa-times"></i>
                Cerrar
            </button>
            {% if not is_granted('ROLE_MANAGER') and  not inscription_status %}
                {{ form_widget(form.save, {'label': 'Guardar'}) }}
            {% elseif is_granted('ROLE_MANAGER') %}
                {{ form_widget(form.save, {'label': 'Guardar'}) }}
            {% endif %}
        </div>
    </div>
</form>
<script>
    $(function() {
        $('#{{ form.competitor.vars.id }}').select2({
            'language': 'es',
            'theme': 'bootstrap-5',
            'minimumResultsForSearch': '5',
            'width': '100%',
            'placeholder': 'Seleccionar competidor'
        });
        $('#{{ form.kumite.vars.id }}').on('change', function() {
            if ($('#{{ form.kumite.vars.id }}').is(':checked')) {
                $('#{{ form.weight.vars.id }}').prop({
                    'disabled': false,
                    'required': true
                });
            } else {
                $('#{{ form.weight.vars.id }}').prop({
                    'disabled': true,
                    'required': false
                }).val('');
            }
        });
        $('#closeManegeForm').on('click', function() {
            closeManageForm();
        });
    });
</script>