{% extends 'base.html.twig' %}

{% block title%}
    WONDER-T-InterNal Camiones
{% endblock %}
{% block titulo %}
    RECEPCIÓN DE CAMIÓN DE VEHÍCULOS
{% endblock %}
{% block bread %}
    T-InterNal Recep-T
{% endblock %}

{% block body %}
    <style>
        body {background-image: url({{ asset('recursos/imagenes/sistema/fondo_lateral.png')}});
            background-repeat: no-repeat;
            /*background-size: 200px;*/
            background-size: cover;
        }

        .col-sm-2 {
            max-width: 100%;
        }
    </style>

    {#{{ form_start(form) }}#}
    {{ form_start(form2, { 'attr': {'novalidate':'novalidate', 'class': 'form-material form-horizontal'} }) }}
    <div class="row">
        <div class="col-sm-12">
            <div class="white-box">

                <h3 class="box-title">DOCUMENTOS TRANSPORTE INTERNACIONAL</h3>
                <div class="row">
                    <div  class="form-group col-sm-4" disabled>
                        {{ form_label(form2.fechaentrega) }}
                        {{ form_widget(form2.fechaentrega) }}
                        <span class="text-danger">{{ form_errors(form2.fechaentrega) }}</span>
                    </div>
                    <div  class="form-group col-sm-8" disabled>
                        {{ form_label(form2.idusuario) }}
                        {{ form_widget(form2.idusuario) }}
                        <span class="text-danger">{{ form_errors(form2.idusuario) }}</span>
                    </div>
                </div>

                <div class="row">
                    <div  class="form-group col-sm-4">
                        {{ form_label(form2.mic) }}
                        {{ form_widget(form2.mic) }}
                        <span class="text-danger">{{ form_errors(form2.mic) }}</span>
                    </div>
                    <div  class="form-group col-sm-4">
                        {{ form_label(form2.crt) }}
                        {{ form_widget(form2.crt) }}
                        <span class="text-danger">{{ form_errors(form2.crt) }}</span>
                    </div>
                    <div  class="form-group col-sm-4">
                        {{ form_label(form2.pr) }}
                        {{ form_widget(form2.pr) }}
                        <span class="text-danger">{{ form_errors(form2.pr) }}</span>
                    </div>

                    <div  class="form-group col-sm-4">
                        {{ form_label(form2.inv) }}
                        {{ form_widget(form2.inv) }}
                        <span class="text-danger">{{ form_errors(form2.inv) }}</span>
                    </div>
                    <div  class="form-group col-sm-4">
                        {{ form_label(form2.cn) }}
                        {{ form_widget(form2.cn) }}
                        <span class="text-danger">{{ form_errors(form2.cn) }}</span>
                    </div>
                    <div  class="form-group col-sm-2">
                        {{ form_label(form2.fcobrofact) }}
                        {{ form_widget(form2.fcobrofact) }}
                        <span class="text-danger">{{ form_errors(form2.fcobrofact) }}</span>
                    </div>
                    <div  class="form-group col-sm-2">
                        {{ form_label(form2.fac) }}
                        {{ form_widget(form2.fac) }}
                        <span class="text-danger">{{ form_errors(form2.fac) }}</span>
                    </div>
                </div>

                <div class="row">
                    <div  class="form-group col-sm-4">
                        {{ form_label(form2.monto) }}
                        {{ form_widget(form2.monto) }}
                        <span class="text-danger">{{ form_errors(form2.monto) }}</span>
                    </div>

                    <div   class="form-group col-sm-8">
                        {{ form_label(form2.observacion) }}
                        {{ form_widget(form2.observacion) }}
                        <span class="text-danger">{{ form_errors(form2.observacion) }}</span>
                    </div>
                </div>

                <h3 class="box-title">DESCUENTO TRANSPORTISTA INTERNACIONAL</h3>
                <div  class="row">
                    <div class="col-md-2">
                        {{ form_label(form2.descuento) }}
                        {{ form_widget(form2.descuento) }}
                        <span class="text-danger">{{ form_errors(form2.descuento) }}</span>
                    </div>
                    <div class="col-md-10">
                        {{ form_label(form2.observaciondesc) }}
                        {{ form_widget(form2.observaciondesc) }}
                        <span class="text-danger">{{ form_errors(form2.observaciondesc) }}</span>
                    </div>
                    {#                    <div class="col-md-12">#}
                    {#                        {{ form_label(form2.archivo) }}#}
                    {#                        {{ form_widget(form2.archivo) }}#}
                    {#                        <span class="text-danger">{{ form_errors(form2.archivo) }}</span>#}
                    {#                    </div>#}

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


                            <div class="col-md-3">
                                <div class="form-group">
{#                                    <label class="control-label col-md-3">{{ form_label(form2.archivo) }}</label>#}
                                    <div class="col-md-9">
                                        <a href="#" data-toggle="tooltip" data-placement="top" title="Solo archivos PDF">
                                            {{ form_widget(form2.archivo, { 'attr': { 'data-default-file':asset('recursos/imagenes/internacional/'~ tinternacional.archivo) }}) }}</a>
                                        <span class="text-danger">{{ form_errors(form2.archivo) }}</span>
                                    </div>
                                </div>
                            </div>


                            {% if tinternacional.archivo != 'docgenerico.png' %}
                                <div class="col-md-9">
                                    <embed src="{{ asset('recursos/imagenes/internacional/'~ tinternacional.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>#}
{#                                </div>#}
{#                            </div>#}
{#                        </div>#}
                    </div>



                </div>

                <div class="modal-footer">
                </div>

                <a class="btn btn-inverse waves-effect waves-light" href="{{ path('tinternacional_index') }}">Cancelar</a>
                <button type="submit" class="btn btn-info waves-effect waves-light m-r-10">Guardar</button>

{#                <button type="button" class="btn btn-rounded  waves-effect" data-dismiss="modal">Cerrar</button>#}
{#                <button type="button submit" class="btn btn-rounded  btn-success waves-effect waves-light"><i class="ti-save"></i> Grabar</button>#}


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

{% endblock %}



















{#<div class="modal fade" id="createmodel2{{ tinternacional.idinternacional }}" 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(form2, {'method':'POST', 'action': path('new_entregaint', { 'idinternacional': idinternacional }), 'target':'uploadFrame', 'enctype':'multipart/form-data', 'multipart': true }) }}#}
{#            <div class="modal-header">#}
{#                <h5 class="modal-title" id="createModalLabel"><i class="ti-marker-alt m-r-10"></i>Recepción de Camión de Vehículos</h5>#}
{#                <button type="button" class="close" data-dismiss="modal" aria-label="Close">#}
{#                    <span aria-hidden="true">&times;</span>#}
{#                </button>#}
{#            </div>#}
{#            <div class="modal-body">#}
{#                <h3 class="box-title">DOCUMENTOS TRANSPORTE INTERNACIONAL</h3>#}
{#                <div class="row">#}
{#                    <div  class="form-group col-sm-4" disabled>#}
{#                        {{ form_label(form2.fechaentrega) }}#}
{#                        {{ form_widget(form2.fechaentrega) }}#}
{#                        <span class="text-danger">{{ form_errors(form2.fechaentrega) }}</span>#}
{#                    </div>#}
{#                    <div  class="form-group col-sm-8" disabled>#}
{#                        {{ form_label(form2.idusuario) }}#}
{#                        {{ form_widget(form2.idusuario) }}#}
{#                        <span class="text-danger">{{ form_errors(form2.idusuario) }}</span>#}
{#                    </div>#}
{#                </div>#}

{#                <div class="row">#}
{#                    <div  class="form-group col-sm-4">#}
{#                        {{ form_label(form2.mic) }}#}
{#                        {{ form_widget(form2.mic) }}#}
{#                        <span class="text-danger">{{ form_errors(form2.mic) }}</span>#}
{#                    </div>#}
{#                    <div  class="form-group col-sm-4">#}
{#                        {{ form_label(form2.crt) }}#}
{#                        {{ form_widget(form2.crt) }}#}
{#                        <span class="text-danger">{{ form_errors(form2.crt) }}</span>#}
{#                    </div>#}
{#                    <div  class="form-group col-sm-4">#}
{#                        {{ form_label(form2.pr) }}#}
{#                        {{ form_widget(form2.pr) }}#}
{#                        <span class="text-danger">{{ form_errors(form2.pr) }}</span>#}
{#                    </div>#}

{#                    <div  class="form-group col-sm-4">#}
{#                        {{ form_label(form2.inv) }}#}
{#                        {{ form_widget(form2.inv) }}#}
{#                        <span class="text-danger">{{ form_errors(form2.inv) }}</span>#}
{#                    </div>#}
{#                    <div  class="form-group col-sm-4">#}
{#                        {{ form_label(form2.cn) }}#}
{#                        {{ form_widget(form2.cn) }}#}
{#                        <span class="text-danger">{{ form_errors(form2.cn) }}</span>#}
{#                    </div>#}
{#                    <div  class="form-group col-sm-2">#}
{#                        {{ form_label(form2.fcobrofact) }}#}
{#                        {{ form_widget(form2.fcobrofact) }}#}
{#                        <span class="text-danger">{{ form_errors(form2.fcobrofact) }}</span>#}
{#                    </div>#}
{#                    <div  class="form-group col-sm-2">#}
{#                        {{ form_label(form2.fac) }}#}
{#                        {{ form_widget(form2.fac) }}#}
{#                        <span class="text-danger">{{ form_errors(form2.fac) }}</span>#}
{#                    </div>#}
{#                </div>#}

{#                <div class="row">#}
{#                    <div  class="form-group col-sm-4">#}
{#                        {{ form_label(form2.monto) }}#}
{#                        {{ form_widget(form2.monto) }}#}
{#                        <span class="text-danger">{{ form_errors(form2.monto) }}</span>#}
{#                    </div>#}

{#                    <div   class="form-group col-sm-8">#}
{#                        {{ form_label(form2.observacion) }}#}
{#                        {{ form_widget(form2.observacion) }}#}
{#                        <span class="text-danger">{{ form_errors(form2.observacion) }}</span>#}
{#                    </div>#}
{#                </div>#}

{#                <h3 class="box-title">DESCUENTO TRANSPORTISTA INTERNACIONAL</h3>#}
{#                <div  class="row">#}
{#                    <div class="col-md-2">#}
{#                        {{ form_label(form2.descuento) }}#}
{#                        {{ form_widget(form2.descuento) }}#}
{#                        <span class="text-danger">{{ form_errors(form2.descuento) }}</span>#}
{#                    </div>#}
{#                    <div class="col-md-10">#}
{#                        {{ form_label(form2.observaciondesc) }}#}
{#                        {{ form_widget(form2.observaciondesc) }}#}
{#                        <span class="text-danger">{{ form_errors(form2.observaciondesc) }}</span>#}
{#                    </div>#}
{#                    #}{#                    <div class="col-md-12">#}
{#                    #}{#                        {{ form_label(form2.archivo) }}#}
{#                    #}{#                        {{ form_widget(form2.archivo) }}#}
{#                    #}{#                        <span class="text-danger">{{ form_errors(form2.archivo) }}</span>#}
{#                    #}{#                    </div>#}

{#                    <div class="col-md-12">#}
{#                        <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 tinternacional.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/internacional/'~ tinternacional.archivo) }}" width="100%" height="100%" />#}
{#                                </div>#}
{#                            {% else %}#}
{#                                <div class="col-md-9">#}
{#                                    <embed src="{{ asset('recursos/imagenes/internacional/'~ tinternacional.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>#}
{#                                </div>#}
{#                            </div>#}
{#                        </div>#}
{#                    </div>#}



{#                </div>#}

{#                <div class="modal-footer">#}
{#                </div>#}


{#                <button type="button" class="btn btn-rounded  waves-effect" data-dismiss="modal">Cerrar</button>#}
{#                <button type="button submit" class="btn btn-rounded  btn-success waves-effect waves-light"><i class="ti-save"></i> Grabar</button>#}

{#            </div>#}
{#            {{ form_end(form2) }}#}
{#        </div>#}
{#    </div>#}
{#</div>#}

{% block javascripts %}
    <script>
        function cambiar(){
            var pdrs = document.getElementById('file-upload').files[0].name;
            document.getElementById('info').innerHTML = pdrs;
        }
    </script>
{% endblock %}