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

{% block title%}
    WONDER-T-Nal Vehículos
{% endblock %}
{% block titulo %}
    GESTIÓN DE REGISTRO DE VEHÍCULOS ASIGNADOS
{% endblock %}
{% block bread %}
    T-Nal Reg.Vehículos
{% endblock %}

{% block body %}
    <style>

        #page-wrapper {
            margin: 0 0 0 0px;
        }
        .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
            padding: 3px 12px;
        }
        body {
            font: 14px/1.5 sans-serif;
        }
        .btn {
            font-size: 10px;
            padding: .2rem 1.2rem;
        }

        .subir{
            padding: 5px 10px;
            background: #f55d3e;
            color:#fff;
            border:0px solid #fff;
        }

        .subir:hover{
            color:#fff;
            background: #f7cb15;
        }


        .parpadea {

            animation-name: parpadeo;
            animation-duration: 1s;
            animation-timing-function: linear;
            animation-iteration-count: infinite;

            -webkit-animation-name:parpadeo;
            -webkit-animation-duration: 1s;
            -webkit-animation-timing-function: linear;
            -webkit-animation-iteration-count: infinite;
        }

        @-moz-keyframes parpadeo{
            0% { opacity: 1.0; }
            50% { opacity: 0.0; }
            100% { opacity: 1.0; }
        }

        @-webkit-keyframes parpadeo {
            0% { opacity: 1.0; }
            50% { opacity: 0.0; }
            100% { opacity: 1.0; }
        }

        @keyframes parpadeo {
            0% { opacity: 1.0; }
            50% { opacity: 0.0; }
            100% { opacity: 1.0; }
        }

        .col-sm-2 {
            max-width: 100%;
        }

    </style>
    <div class="row">
        {#{% if is_granted('ROLE_SUPER')%}#}
        <div class="col-sm-12">
            {% include 'messages/success.html.twig' %}
            {% include 'messages/danger.html.twig' %}
            <div class="white-box">
                <h3 class="box-title m-b-0">LISTADO DE VEHÍCULOS ASIGNADOS</h3>
                Proceso del {{ tNacional.fechainicio|date('d-m-Y') }} Empresa: {{  tNacional.idempresa }} Origen: {{ tNacional.idorigen }} Destino: {{ tNacional.iddestino }}
                <div class="clearfix">
                    <div class=" tableTools-container">
                        {% if is_granted('ROLE_ADMINISTRADOR') or is_granted('ROLE_TECNICO') or is_granted('ROLE_RECEPCION')%}
                            <a href="{{ path('tregnal_new', {'idnacional': idnacional}) }}" class="btn btn-outline btn-rounded btn-success pull-right" title='Nuevo Registro' style="margin-left: 10px; font-size: 18px">Agregar Registro</a>
                        {% endif %}
                        <a href="{{ path('tnacional_index') }}" class="btn btn-outline btn-rounded btn-info pull-right" title='Vuelve Atrás' style="font-size: 18px">Volver</a>
                    </div>
                </div>
                <hr>
                <div class="table-responsive">
                    <table id="myTable" class="table table-striped">
                        <thead>
                        <tr>
                            <th>Chasis</th>
{#                            <th>Marca</th>#}
{#                            <th>Modelo</th>#}
                            <th>Transportista</th>
                            <th>Observaciones</th>
                            <th>Estado</th>
                            <th>Fecha de Salida</th>
                            <th>Fecha de Entrega</th>
                            <th>Fecha de Pago</th>
                            <th>Dcto. Bs.</th>
                            <th>Pagado Bs.</th>
                            <th>Factura</th>

                            <th class="text-right">Acciones</th>
                        </tr>
                        </thead>
                        <tbody>
                        {% set indice = 0 %}
                        {% for entity in tregnals %}
                            <tr data-id="{{ entity.idregnal }}" >
                                <td>{{ entity.chasis }}</td>
{#                                <td>{{ entity.marca }}</td>#}
{#                                <td>{{ entity.modelo }}</td>#}
                                <td>{{ entity.nombres }}</td>
                                <td>{{ entity.observaciones }}</td>
                                <td>{{ entity.descripcion }}</td>
                                <td>
                                    {% if entity.fechasalida|date('d-m-Y') != '01-01-1980' %}
                                        {{ entity.fechasalida|date('d-m-Y') }}
                                    {% endif %}
                                </td>
                                <td>
                                    {% if entity.fechaentrega|date('d-m-Y') != '01-01-1980' %}
                                        {{ entity.fechaentrega|date('d-m-Y') }}
                                    {% endif %}
                                </td>

                                <td>
                                    {% if entity.fechapago|date('d-m-Y') != '01-01-1980' %}
                                        {{ entity.fechapago|date('d-m-Y') }}
                                    {% endif %}
                                </td>
                                <td>{{ entity.descuento|number_format(2, '.', ',') }}</td>
                                <td>{{ entity.montopagado|number_format(2, '.', ',') }}</td>
                                <td>
                                    {% if entity.factura != 0 %}
                                        F-{{ entity.factura }}
                                    {% else %}
                                        <p class="text-danger parpadea">_ _ _</p>
                                    {% endif %}
                                </td>

                                <td class="action-buttons text-right">
{#                                    <a class="fcbtn btn btn-success btn-outline btn-1b" href="{{ path('tregnal_show', { 'idregnal': entity.idregnal }) }}" title="Ver"><i class="fa fa-eye"></i></a>#}
                                    {% if is_granted('ROLE_ADMINISTRADOR')%}
                                        <a class="fcbtn btn btn-warning btn-outline btn-1b" href="{{ path('tregnal_edit', { 'idregnal': entity.idregnal, 'idnacional': idnacional }) }}" title="Editar"><i class="fa fa-edit"></i></a>
                                    {% endif %}

                                    {% if is_granted('ROLE_TECNICO') and habilitaEdicion[indice] %}
                                        <a class="fcbtn btn btn-warning btn-outline btn-1b" href="{{ path('tregnal_edit', { 'idregnal': entity.idregnal, 'idnacional': idnacional }) }}" title="Editar"><i class="fa fa-edit"></i></a>
                                    {% endif %}

                                    {% if is_granted('ROLE_ADMINISTRADOR')%}
                                        <a class="fcbtn btn btn-danger btn-outline btn-1b btn-delete" href="javascript:void(0)" title="Eliminar"><i class="fa fa-trash"></i></a>
                                    {% endif %}

                                    {% if (is_granted('ROLE_TECNICO')  or is_granted('ROLE_RECEPCION')) and entity.descripcion == 'Recepcionado' %}
                                        <button id="miBoton1" class="btn btn-info btn-rounded" href="" title="Despachar Vehículo" data-toggle="modal" data-target="#createmodel{{ entity.idregnal }}"><i class="fa fa-male"></i>&nbsp; Despachar</button>
                                    {% elseif (is_granted('ROLE_TECNICO') or is_granted('ROLE_RECEPCION')) and entity.descripcion == 'Despachado' %}
                                        <button class="btn btn-warning btn-rounded" href="" title="Vehículo Entregado" data-toggle="modal" data-target="#createmodel2{{ entity.idregnal }}"><i class="fa fa-mail-forward"></i>&nbsp; Entregar</button>
                                    {% elseif (is_granted('ROLE_TECNICO')) and entity.descripcion == 'Entregado' %}
{#                                        <button class="btn btn-success btn-rounded" href="" title="Pagar Transporte" data-toggle="modal" data-target="#createmodel3{{ entity.idregnal }}"><i class="fa fa-dollar"></i>&nbsp; Pagar</button>#}
                                        <a class="btn btn-success btn-rounded" href="{{ path('new_pago', { 'idregnal': entity.idregnal, 'idnacional': idnacional }) }}" title="Pagar Transporte Nal."><i class="fa fa-dollar"></i> Pagar</a>
                                    {% endif %}

{#                                  SOLO PARA ADMINISTRADORES#}
                                    {% if (is_granted('ROLE_ADMINISTRADOR'))  %}
                                        <button id="miBoton1" class="btn btn-info btn-rounded" href="" title="Despachar Vehículo" data-toggle="modal" data-target="#createmodel{{ entity.idregnal }}"><i class="fa fa-male"></i>&nbsp; Despachar</button>
                                        <button class="btn btn-warning btn-rounded" href="" title="Vehículo Entregado" data-toggle="modal" data-target="#createmodel2{{ entity.idregnal }}"><i class="fa fa-mail-forward"></i>&nbsp; Entregar</button>
                                        {#                                        <button class="btn btn-success btn-rounded" href="" title="Pagar Transporte" data-toggle="modal" data-target="#createmodel3{{ entity.idregnal }}"><i class="fa fa-dollar"></i>&nbsp; Pagar</button>#}
                                        <a class="btn btn-success btn-rounded" href="{{ path('new_pago', { 'idregnal': entity.idregnal, 'idnacional': idnacional }) }}" title="Pagar Transporte Nal."><i class="fa fa-dollar"></i> Pagar</a>
                                    {% endif %}


                                    {% if (is_granted('ROLE_ADMINISTRADOR') or is_granted('ROLE_TECNICO')) and entity.fechasalida|date('d-m-Y') != '01-01-1980'  %}
                                        <button id="miBoton7" class="btn btn-dark btn-rounded" href="" title="Adjuntar Fact/Documento" data-toggle="modal" data-target="#model_adjuntar{{ entity.idregnal }}"><i class="fa fa-file-pdf-o"></i>&nbsp; Adjuntar</button>
                                    {% endif %}

                                </td>
                            </tr>

{#                            {% set submit_url = path('new_despacho', { 'idregnal': entity.idregnal, 'idnacional': idnacional }) %}#}
{#                            {% include 'tregnal/salida_modal.html.twig' with {url: submit_url} %}#}

                            {{ render(controller('App\\Controller\\TregnalController:new_adjuntar', {'idregnal': entity.idregnal, 'idnacional': idnacional})) }}
                            {{ render(controller('App\\Controller\\TregnalController:new_despacho', {'idregnal': entity.idregnal, 'idnacional': idnacional})) }}
                            {{ render(controller('App\\Controller\\TregnalController:new_entrega', {'idregnal': entity.idregnal, 'idnacional': idnacional})) }}
{#                            {{ render(controller('App\\Controller\\TregnalController:new_pago', {'idregnal': entity.idregnal, 'idnacional': idnacional})) }}#}

                            {% set indice = indice + 1 %}
                        {% endfor %}
                    </table>
                </div>
            </div>
        </div>
        {#{% endif %}#}
    </div>
    <!-- /.row -->

    {{ include ('forms/delete.html.twig', { form: delete_form_ajax, message: 'Estás seguro de borrar el registro?', id:'form-delete', with_submit:false }) }}

{% endblock %}
{% block javascripts %}
    {#    <script src="{{ asset('admin/js/delete-user.js') }}"></script>#}
    <script>
        function controllet(e) {
            tecla = (document.all) ? e.keyCode : e.which;
            if (tecla==8) return true; // para la tecla de retroseso
            else if (tecla==0||tecla==9)  return true; //<-- PARA EL TABULADOR-> su keyCode es 9 pero en tecla se esta transformando a 0 asi que porsiacaso los dos
            patron =/[a-zA-Z\u00E0-\u00FC\s]/;// -> solo numeros
            te = String.fromCharCode(tecla);
            return patron.test(te);
        }
    </script>
    <script>
        function controlnum(e) {
            tecla = (document.all) ? e.keyCode : e.which;
            if (tecla==8) return true; // para la tecla de retroseso
            else if (tecla==0||tecla==9)  return true; //<-- PARA EL TABULADOR-> su keyCode es 9 pero en tecla se esta transformando a 0 asi que porsiacaso los dos
            //patron =/^\d{0,8}(\.\d{0,3})?$/;// -> solo letras
            patron =/[0-9\.\-\s]/;// -> solo numeros
            te = String.fromCharCode(tecla);
            return patron.test(te);
        }
    </script>
    <script>


        $(document).ready(function () {
            // Basic
            $('.dropify').dropify();
            $('#myTable').DataTable({
                "pageLength": 25,
                "language": {
                    "url": "//cdn.datatables.net/plug-ins/1.10.16/i18n/Spanish.json"
                },
                dom: 'Bfrtip',
                buttons: [
                    { extend: 'copy', text: 'Copiar' },
                    { extend: 'excel', text: 'Excel' },
                    { extend: 'print', text: 'Imprimir' }
                ]
            });

        });
    </script>

{% endblock %}