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

{% block title%}
    WONDER-T-Nal Vehículos
{% endblock %}
{% block titulo %}
    GESTIÓN DE ASIGNACIONES VEHÍCULO - TRANSPORTISTA
{% endblock %}
{% block bread %}
    T-Nal Reg. Asignaciones
{% 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(form4, { 'method':'POST', 'attr': {'novalidate':'novalidate', 'class': 'form-material form-horizontal'}, 'target':'uploadFrame', 'enctype':'multipart/form-data', 'multipart': true }) }}
<div class="row">
    <div class="col-sm-12">
        <div class="white-box">
        {#Cuando se usa modal hay que realizar la action#}
{#            {{ form_start(form4, {'method':'POST', 'action': path('new_adjuntar', { 'idregnal': tregnal.idregnal, 'idnacional': idnacional }), '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 Vehículo</h5>
            </div>
            <div class="modal-body">

                <div class="row">
                    <div class="form-group col-sm-2"></div>
                    <div class="form-group col-sm-8">
                        <div class="row">
                            <div style="pointer-events:none" class="form-group col-sm-4">
                                {{ form_label(form4.chasis) }}
                                {{ form_widget(form4.chasis) }}
                                <span class="text-danger">{{ form_errors(form4.chasis) }}</span>
                            </div>
                            <div style="pointer-events:none" class="form-group col-sm-4">
                                {{ form_label(form4.marca) }}
                                {{ form_widget(form4.marca) }}
                                <span class="text-danger">{{ form_errors(form4.marca) }}</span>
                            </div>

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

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

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

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

                            <div class="col-md-8">
                                <div class="form-group">
                                    <div class="form-group col-md-12"><label class="control-label">Doc. Respaldo (PDF)</label></div>
                                    <div class="col-md-12">
                                        <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(form4.archivo, { 'data-max-file-size':'5M', 'attr': { 'data-default-file':asset('recursos/imagenes/internacional/'~ tregnal.archivo) }}) }}</a>
                                                <span class="text-danger">{{ form_errors(form4.archivo) }}</span>
                                            </div>
                                        </div>
                                    </div>

                                    {% if tregnal.archivo != 'docgenerico.png' %}
                                        <div class="col-md-9">
                                            <embed src="{{ asset('recursos/imagenes/nacional/'~ tregnal.archivo) }}" type="application/pdf" width="100%" height="600px" />
                                        </div>
                                    {% endif %}
                                </div>
                            </div>

{#                            <div class="col-md-8">#}
{#                                <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 tregnal.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/'~ tregnal.archivo) }}" width="100%" height="100%" />#}
{#                                        </div>#}
{#                                    {% else %}#}
{#                                        <div class="col-md-9">#}
{#                                            <embed src="{{ asset('recursos/imagenes/nacional/'~ tregnal.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>
                    <div class="form-group col-sm-2"></div>

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


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

{% endblock %}