<div class="modal fade bs-example-modal-lg" id="model_adjuntar{{ tnacional.idnacional }}" tabindex="-1" role="dialog" aria-labelledby="createModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
        {#Cuando se usa modal hay que realizar la action#}
            {{ form_start(form, {'method':'POST', 'action': path('new_adjuntar', { 'idnacional': idnacional }), 'target':'uploadFrame', 'enctype':'multipart/form-data', 'multipart': true }) }}
{#            <form id="uploadForm" enctype="multipart/form-data" action="{{ path('lesson_upload') }}" target="uploadFrame" method="post">#}


            <div class="modal-header">
                <h5 class="modal-title" id="createModalLabel"><i class="ti-marker-alt m-r-10"></i>Adjuntar Factura/Documento</h5>
{#                <a href="#" class="close" data-dismiss="modal" aria-label="close">&times;</a>#}
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">

                <div class="row">


                    <div style="pointer-events:none"  class="form-group col-sm-6">
                        {{ form_label(form.fechainicio) }}
                        {{ form_widget(form.fechainicio) }}
                        <span class="text-danger">{{ form_errors(form.fechainicio) }}</span>
                    </div>

                    <div style="pointer-events:none"  class="form-group col-sm-6">
                        {{ form_label(form.idempresa) }}
                        {{ form_widget(form.idempresa) }}
                        <span class="text-danger">{{ form_errors(form.idempresa) }}</span>
                    </div>
                </div>

                <div class="row">

                    <div style="pointer-events:none"  class="form-group col-sm-6">
                        {{ form_label(form.idorigen) }}
                        {{ form_widget(form.idorigen) }}
                        <span class="text-danger">{{ form_errors(form.idorigen) }}</span>
                    </div>

                    <div style="pointer-events:none"  class="form-group col-sm-6">
                        {{ form_label(form.iddestino) }}
                        {{ form_widget(form.iddestino) }}
                        <span class="text-danger">{{ form_errors(form.iddestino) }}</span>
                    </div>
                </div>

                <div class="row">
                    <div style="pointer-events:none" class="form-group col-sm-12">
                        {{ form_label(form.observaciones) }}
                        {{ form_widget(form.observaciones) }}
                        <span class="text-danger">{{ form_errors(form.observaciones) }}</span>
                    </div>

                </div>

                <div style="background: #fff59f"; class="row">
                    <div class="form-group col-sm-6">
                        {{ form_label(form.factura) }}
                        {{ form_widget(form.factura) }}
                        <span class="text-danger">{{ form_errors(form.factura) }}</span>
                    </div>

{#                    <div class="col-md-6">#}
{#                        <div class="form-group">#}
{#                            <label class="control-label col-md-3">{{ form_label(form.archivo) }}</label>#}
{#                            <div class="col-md-9">#}
{#                                data-toggle="tooltip"     ES LO QUE OCASIONA QUE NO FUNCIONE CERRAR EL MODAL, INCREIBLE !! #}
{#                                <a href="#" data-toggle="tooltip" data-placement="top" title="Solo archivos JPG, PDF">#}
{#                                    {{ form_widget(form.archivo, { 'attr': {'data-max-file-size':'5M', 'data-default-file':asset('recursos/imagenes/nacional/'~ tnacional.archivo), 'id':'archivo', 'name':'archivo' }}) }}#}
{#                                </a>#}
{#                                <span class="text-danger">{{ form_errors(form.archivo) }}</span>#}
{#                            </div>#}

{#                            Ingresa el archivo:#}

{#                            <input id="miArchivo" name="miArchivo" type="file" />#}
{#                        </div>#}
{#                    </div>#}


                    <div class="col-md-6">
                        <div class="form-group">
                            <div class="form-group col-md-12"><label class="control-label">Doc. Respaldo (PDF)</label></div>
                            <div class="form-group col-md-3"></div>

                            {% if tnacional.archivo == 'docgenerico.png' %}
                                <div style="pointer-events:none"  class="col-md-9">
{#                                    {{ form_widget(form.archivo, { 'attr': {'data-max-file-size':'5M', 'data-default-file':asset('recursos/imagenes/sistema/docgenerico.png') }}) }}#}
                                    <img src="{{ asset('recursos/imagenes/nacional/'~ tnacional.archivo) }}" width="100%" height="100%" />
                                </div>
                            {% else %}
                                <div class="col-md-9">
                                    <embed src="{{ asset('recursos/imagenes/nacional/'~ tnacional.archivo) }}" type="application/pdf" width="100%" height="600px" />
                                </div>
                            {% endif %}



                        </div>

                        <div class="form-group">
                            <div class="col-md-12">

                                <div class="custom-file subir">
                                    <input style="margin-bottom: 10px" id="miArchivo" name="miArchivo" type="file" data-max-file-size="5M" accept="application/pdf" />
                                    <br>
{#                                    <input type="file" style="margin-bottom: 10px" class="custom-file-input" id="miArchivo" name="miArchivo" data-max-file-size="5M" accept="application/pdf"  required>#}
{#                                    <label class="custom-file-control" style="margin-bottom: 10px"  for="miArchivo">Elija el archivo PDF</label>#}
                                </div>

{#                                <input id="miArchivo2" name="miArchivo2" type="file" />#}
{#                                <input class="form-control dropify" style="margin-bottom: 10px" id="miArchivo" name="miArchivo" type="file" data-max-file-size="5M" accept="application/pdf" />#}
{#                                <span class="text-danger">Ocurrio algún error</span>#}
                            </div>

{#                            Ingresa el archivo:#}
{#                            <input id="miArchivo2" name="miArchivo2" type="file" />#}
                        </div>
                    </div>


                </div>


                <div class="modal-footer">
                    <button id="modalClose" type="button" class="btn btn-rounded waves-effect" data-dismiss="modal" >Cerrar</button>
{#                    <button type = "button" class = "btn btn-default" data-dispats = "modal"> Cerrar </button>#}
{#                    <a href="#" class="close" data-dismiss="modal" aria-label="close">&times;</a>#}
                    <button type="button submit" class="btn btn-rounded btn-success waves-effect waves-light"><i class="ti-save"></i> Grabar</button>
                </div>


            </div>
            {{ form_end(form) }}
        </div>
    </div>
</div>


<script>
    // $("#mymodal.close").click(function(){$("#mymodal").hide();});

    // $('button[data-dismiss="modal"]').click(function(){
    //     debugger;
    //     $(this).parent().parent().parent().parent().modal('hide');
    // })



    // $('#archivo').change(function(){
    //     // var clone = $(this).clone();
    //     // clone.attr('id', 'miArchivo');
    //     // $('#field2_area').html(clone);
    //     // $('#miArchivo').val($(this).val());
    //     debugger;
    //     var x = $("#archivo");
    //
    //     x.attr("id", "archivo2");
    //     x.attr("name", "archivo2");
    // });

    function cambiar(){
        var pdrs = document.getElementById('file-upload').files[0].name;
        document.getElementById('info').innerHTML = pdrs;
    }

</script>

{#<div class="modal fade" id="equipoEditModal">#}
{#    <div class="modal-dialog">#}
{#        <div class="modal-content">#}
{#            <div class="modal-header">#}
{#                <h4 class="modal-title">EDITAR</h4>#}
{#            </div>#}
{#            <div class="modal-body">#}
{#                {{ form_start(equipoForm, {'action': path('tregnal_edit', { 'idregnal': entity.idregnal, 'idnacional': idnacional })}) }}#}
{#                {{ form_widget(equipoForm) }}#}
{#                <button type="submit" class="btn btn-primary">Guardar</button>#}
{#                {{ form_end(equipoForm) }}#}
{#            </div>#}
{#        </div>#}
{#    </div>#}
{#</div>#}