{# #admin/custom_action.html.twig #}
{{ include('@EasyAdmin/crud/action.html.twig') }}
{# <script src="jquery-3.7.1.min.js"></script> #}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<script type="text/javascript">
    $(document).ready(function () {
        var url = "{{action.linkUrl}}";
        url = url.replaceAll('amp;', '');
        $.ajax({
            url: url,
            method: 'POST',
            success: function (data) {
                var html = data;
                // Reemplaza los inputs del formulario, los selects y el token
                var formulario = $('#new-Postulante-form');
                formulario.find('#Postulante_riaPresentacion').parents('.form-widget').replaceWith(
                    $(html).find('#Postulante_riaPresentacion').parents('.form-widget')
                );
                formulario.find('#Postulante_riaPresentacion').parents('.form-widget').parents('.row').children('.col-md-7')
                    .removeClass('col-md-7').addClass('col-md-10').removeClass('col-xxl-6').addClass('col-xxl-10');
                formulario.find('#Postulante_concurso').parents('.form-widget').replaceWith(
                    $(html).find('#Postulante_concurso').parents('.form-widget')
                );
                formulario.find('#Postulante_concurso').parents('.form-widget').parents('.row').children('.col-md-7')
                    .removeClass('col-md-7').addClass('col-md-10').removeClass('col-xxl-6').addClass('col-xxl-10');
                
                formulario.find('#Postulante__token').replaceWith(
                    $(html).find('#Postulante__token')
                );
            },
        });
    });
</script>
<!-- Modal -->
<div class="modal fade" id="customModal" tabindex="-1" role="dialog" aria-labelledby="customModalLabel"
     aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <section class="content-header" style="margin-left:2rem;margin-right:2rem">
                <div class="content-header-title">
                    <h1 class="title">Crear Postulante</h1>
                </div>
            </section>
            <section id="main" class="content-body">
                <form action="{{ action.linkUrl }}" method="POST" name="Postulante" method="post" class="ea-new-form" id="new-Postulante-form">
                    <div class="form-fieldset form-fieldset-no-header">
                        <fieldset style="margin-left:2rem;margin-right:2rem">
                            <div id="content-ea_form_fieldset_01HY0ME0Q29N377TJ82KBMWPY4" class="form-fieldset-body without-header  show">
                                <div class="row">
                                    <div class="col-md-7 col-xxl-6">
                                        <div class="field-association form-group"><label class="form-control-label required" for="Postulante_riaPresentacion-ts-control" id="Postulante_riaPresentacion-ts-label">Postulante</label>
                                            <div class="form-widget">
                                                <select id="Postulante_riaPresentacion" name="Postulante[riaPresentacion]" data-ea-widget="ea-autocomplete" data-ea-i18n-no-results-found="No se han encontrado resultados" data-ea-i18n-no-more-results="No hay más resultados" data-ea-i18n-loading-more-results="Cargando más resultados…" class="form-select tomselected ts-hidden-accessible" tabindex="-1">
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="flex-fill"></div>
                                    <div class="col-md-7 col-xxl-6">
                                        <div class="field-association form-group"><label class="form-control-label required" for="Postulante_concurso-ts-control" id="Postulante_concurso-ts-label">Concurso</label>
                                            <div class="form-widget">
                                                <select id="Postulante_concurso" name="Postulante[concurso]" data-ea-widget="ea-autocomplete" data-ea-i18n-no-results-found="No se han encontrado resultados" data-ea-i18n-no-more-results="No hay más resultados" data-ea-i18n-loading-more-results="Cargando más resultados…" class="form-select tomselected ts-hidden-accessible" tabindex="-1">
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="flex-fill"></div>
                                </div>
                            </div>
                        </fieldset>
                    </div>
                    <input type="hidden" id="Postulante__token" name="Postulante[_token]" value="ad1b15b0545b.a4RcooVAKPnsJNgMsbRd4yGCoEs-0_4sbJkoS95IfPw.AdUsmsMycoC0appg4e1pp0zY6AlpqphGCP1MD7kwFM4zsRrtxgVagJhJvw">
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancelar</button>
                            <button type="submit" class="btn btn-primary" data-bs-dismiss="modal">Crear</button>
                    </div>
                </form>
            </section>
        </div>
    </div>
</div>