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

{% block title%}
    WONDER-Transporte Nacional
{% endblock %}
{% block titulo %}
    GESTIÓN DE TRANSPORTE NACIONAL
{% endblock %}
{% block bread %}
    T-Nacional
{% 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;
        }

        .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;
        }

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

        .dt-buttons {
            margin-left: 50px;
        }

    </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 TRANSPORTE NACIONAL</h3>
                <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('tnacional_new') }}" class="btn btn-outline btn-rounded btn-success pull-right" title='Nuevo Registro' style="font-size: 18px; margin-left: 10px">Agregar Registro</a>
                        {% endif %}
                    </div>
                </div>
                <hr>
                <div class="table-responsive">
{#                    <table id="myTable" class="table table-striped">#}
                    <table id="theTable" class="display" style="width: 100%">
                        <thead>
                        <tr>
                            <th>IdNacional</th>
                            <th>Fecha Inicial</th>
                            <th>Empresa</th>
                            <th>Nº Chasis</th>
                            <th>Modelo</th>
                            <th>Chofer</th>
                            <th>Origen</th>
                            <th>Destino</th>
                            <th>Factura</th>
                            <th>Fecha de Pago</th>
                            <th>Dcto. Bs.</th>
                            <th>Pagado Bs.</th>
                            <th>Estado</th>
                            <th>Observaciones</th>
                            <th class="text-right">Administrativo</th>
                            <th class="text-right">Operativo</th>
                            <th>idfactnal</th>
                            <th>idpago</th>
                        </tr>
                        </thead>
                        <tbody>

{#                        {% set indice = 0 %}#}
{#                        {% for entity in tnacionals %}#}
{#                            <tr data-id="{{ entity.idnacional }}" >#}
{#                                <td>{{ entity.fechainicio|date('d-m-Y') }}</td>#}
{#                                <td>{{ entity.nombre }}</td>#}
{#                                <td>{{ entity.chasis }}</td>#}
{#                                <td>{{ entity.chasis }}</td>#}
{#                                <td>{{ entity.origen }}</td>#}
{#                                <td>{{ entity.destino}}</td>#}
{#                                <td>#}
{#                                    {% if entity.estado == 'Recepción' %}#}
{#                                        <p><span class="label label-sm label-danger" style="color: black">{{ facArray[indice] }}</span></p>#}
{#                                        <p><span class="label label-sm label-danger">{{ entity.estado}}</span></p>#}
{#                                    {% elseif entity.estado == 'En Curso' %}#}
{#                                        <p><span class="label label-sm label-warning">{{ entity.estado }}</span></p>#}
{#                                    {% elseif (entity.estado == 'Entregado') %}#}
{#                                        <p><span class="label label-sm label-success">{{ entity.estado }}</span></p>#}
{#                                    {% else %}#}
{#                                        <p><span class="label label-sm label-primary">{{ entity.estado }}</span></p>#}
{#                                    {% endif %}#}

{#                                </td>#}
{#                                <td>{{ entity.observaciones }}</td>#}

{#                                <td class="action-buttons text-right">#}
{#                                    <a class="fcbtn btn btn-success btn-outline btn-1b" href="{{ path('tnacional_show', { 'idnacional': entity.idnacional }) }}" 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('tnacional_edit', { 'idnacional': entity.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('tnacional_edit', { 'idnacional': entity.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_ADMINISTRADOR') or is_granted('ROLE_TECNICO')  or is_granted('ROLE_RECEPCION')%}#}
{#                                        <a class="btn btn-primary btn-rounded pull-right" href="{{ path('tregnal_index', { 'idnacional': entity.idnacional }) }}" title="Gestión de Vehículos" style="font-size: 14px; margin-left: 5px"><i class="fa fa-car"></i>&nbsp; Vehículos</a>#}
{#                                    {% endif %}#}

{#                                    {% if is_granted('ROLE_ADMINISTRADOR') or is_granted('ROLE_TECNICO')  or is_granted('ROLE_RECEPCION')%}#}
{#                                        <a href="{{ path('tfactnal_new', { 'idnacional': entity.idnacional }) }}" class="btn btn-outline btn-rounded btn-info pull-right" title='Genera/Cobra Factura' style="font-size: 14px; margin-left: 5px ">Facturas</a>#}
{#                                    {% endif %}#}
{#                                    <!-- /    <a class="btn btn-danger btn-circle btn-delete" href="javascript:void(0)"><i class="fa fa-trash-o"></i></a>-->#}
{#                                    <a class="btn btn-info btn-circle" href="{{ path('tnacional_edit', { 'idnacional': entity.idnacional }) }}" title="PDF" target="_blank"><i class="fa fa-print"></i></a>#}
{#                                    {% if is_granted('ROLE_ADMINISTRADOR') or is_granted('ROLE_TECNICO')  or is_granted('ROLE_RECEPCION')%}#}
{#                                        <button type="button" class="btn openBtn btn-primary btn-rounded pull-right" data-id="{{ entity.idnacional }}"  title="Mi Prueba" style="font-size: 14px; margin-left: 5px"><i class="fa fa-car"></i>&nbsp; MI PRUEBA </button>#}
{#                                        <button type="button" class="btn btn-success openBtn">Open Modal</button>#}
{#                                    {% 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': entity.idnacional }) }}" title="Pagar Transporte Nal."><i class="fa fa-dollar"></i> Pagar</a>#}
{#                                    {% endif %}#}

{#                                </td>#}
{#                            </tr>#}


{#                            {% set indice = indice + 1 %}#}
{#                        {% endfor %}#}
                        </tbody>

                    </table>





                    <div id="mireal">
                        <div id="orderDetails">

                        </div>

                    </div>

                </div>
            </div>
        </div>
        {#{% endif %}#}
    </div>
    <!-- /.row -->
{#    {{ render(controller('App\\Controller\\TregnalController:new_despacho', {'idregnal': 29, 'idnacional': 12  })) }}#}
    {{ 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 type="text/javascript">




        function createManageBtn() {
            return '<button id="manageBtn" type="button" onclick="myFunc()" class="btn btn-success btn-xs">Manage</button>';
        }

{#    </script>#}

{#    <script type="application/javascript">#}
        // $(document).ready( function () {
        //     $('#theTable').DataTable({
        //         'serverSide': true,
        //         'ajax': '/wonder/get_data.php',
        //     });
        // } );

        //DEL OFICIAL
        $(document).ready(function() {
            $('#theTable').DataTable( {
                // "scrollY": '50vh',
                // "scrollX": true,
                "language": {
                    "url": "//cdn.datatables.net/plug-ins/1.10.16/i18n/Spanish.json"
                                        },
                                        dom: 'lBfrtip',
                                        buttons: [
                                            { extend: 'copy', text: 'Copiar' },
                                            { extend: 'excel', text: 'Excel' },
                                            { extend: 'print', text: 'Imprimir' }
                                        ],
                "processing": true,
                "serverSide": true,
                "ajax": "/server_processing.php",
                "columnDefs": [
                    { "render": actionlinksAdministrativo,
                        "data": null,
                        "targets": [14],  "targets": [14]
                    },
                    { "render": actionlinksOperativo,
                        "data": null,
                        "targets": [15], "targets": [15]
                        // "targets": [11], "width": "15%", "targets": [11]
                    },
                    {
                        "targets": [ 0, 16, 17 ],
                        "visible": false,
                        "searchable": false
                    },
                    {
                        "targets":1,
                        "type":"date-eu",
                    },
                    {
                        render: function (data, type, full, meta) {
                            return data.replace(/,/g, " - ") ;
                        },
                        targets: 1
                    }
                ],
                "order": [[ 1, "desc" ]],
                "lengthMenu": [[25, 50, 100, -1], [25, 50, 100, "Todo"]],
            } );
            // $.fn.dataTable.ext.errMode = function(obj,param,err){
            //     var tableId = obj.sTableId;
            //     console.log('Handling DataTable issue of Table '+tableId);
            // };
        } );

        $(function () {

            $('#orderModal').modal({
                keyboard: true,
                backdrop: "static",
                show: false,
            }).on('show', function () {

            });


            // $('.openBtn').on('click',function(){
            //     $('#orderDetails').html($('<b> Order Id selected: ' + $(this).data('id') + '</b>'));
            //     $('#orderModal').modal('show');
            // });
        });
        function myFunc(idNacional) {
            // debugger;

{#            {{ render(controller('App\\Controller\\TregnalController:new_despacho', {'idregnal': 29, 'idnacional': 12 })) }}#}
                var url1 = "http://localhost:8080/wonder/public/tregnal/despachar/29/12";
                // // alert(url1);
                // $.ajax({
                //     type: "GET",
                //     url: url1,
                //     // data: {idregnal: "29", idnacional: idNacional}
                // }).done(function() {
                //     alert( "Datos grabados");})





            // var dataURL = $(this).attr('data-href');
            $('#mireal').load(url1,function(){
                    $('#orderDetails').html($('<b> Order Id selected: ' + idNacional + '</b>'));

                // $('#createmodel').modal({show:true});
            });


//             $.ajax({
//                 type: "GET",
//                 dataType: 'json',
//                 url: url1,
//                 // data: {idregnal: "29", idnacional: idNacional}
//             }).done(function() {
//
//
//                 $('.modal-body').load(url,function(){
//                 $('#createmodel').modal('show');
//                     alert( "Datos grabados");
//             })
//
// //        Ejecuta el URL
// //             window.location = url;
//
//
//             // var x = $(this);
//             // $('#orderDetails').html($('<b> Order Id selected: ' + $(this).data('id') + '</b>'));
//             // $('#orderModal').modal('show');
//             // console.log("Button was clicked!!!");
//         })
        }


        function actionlinksAdministrativo(data, type, full) {
        // debugger;
            var fechaSalida = full[0];

            //        La Dirección url está ahi, luego reemplazamos las variables por los valores verdaderos
            var url0 = '{{ path("tregnal_edit", {'idnacional': 'mi_id2'}) }}';
            url0 = url0.replace('mi_id2', full[0]);

            var url99 = '{{ path("tnal_borrar", {'idnacional': 'mi_id2'}) }}';
            url99 = url99.replace('mi_id2', full[0]);

            var url4 = '{{ path("tfactnal_new", {'idnacional': 'mi_id2'}) }}';
            url4 = url4.replace('mi_id2', full[0]);

            var url5 = '{{ path("tfactnal_cobra", {'idfactnal': 'mi_id2'}) }}';
            url5 = url5.replace('mi_id2', full[16]);

            //Preguntamos si tiene factura
            if(full[16] == null && full[17] == null)
                return '{% if is_granted('ROLE_ADMINISTRADOR') or is_granted('ROLE_TECNICO')  or is_granted('ROLE_RECEPCION')%} ' +
                    ' <a href="'+ url4 +'" class="btn btn-outline btn-rounded btn-info pull-right" title="Generar Factura">Facturar</a> ' +
                    ' {% endif %} ' +
                    ' {% if is_granted('ROLE_ADMINISTRADOR')%} ' +
                    ' <a class="fcbtn btn btn-warning btn-outline btn-1b" href="' + url0 +'" title="Editar Vehículo"><i class="fa fa-edit"></i></a> ' +
                    ' <a class="fcbtn btn btn-danger btn-outline btn-1b btn-delete" href="'+ url99 +'" onclick="return confirm('+"\'Está seguro de borrar este registro?\'"+')"  title="Eliminar Vehículo"><i class="fa fa-trash"></i></a> ' +
                    ' {% endif %} ' +
                    ' {% if is_granted('ROLE_TECNICO') and habilitaEdicion[2] %} ' +
                    ' <a class="fcbtn btn btn-warning btn-outline btn-1b" href="'+ url0 + '" title="Editar Vehículo"><i class="fa fa-edit"></i></a> ' +
                    ' {% endif %} ';
            else
                if(full[17] == null)
                    return '{% if is_granted('ROLE_ADMINISTRADOR') or is_granted('ROLE_TECNICO')  or is_granted('ROLE_RECEPCION')%} ' +
                        ' <a href="'+ url5 + '" class="btn btn-outline btn-rounded btn-success pull-right" title="Cobra Factura">Cobrar</a> ' +
                        ' {% endif %} ' +
                        ' {% if is_granted('ROLE_ADMINISTRADOR')%} ' +
                        ' <a class="fcbtn btn btn-warning btn-outline btn-1b" href="' + url0 +'" title="Editar Vehículo"><i class="fa fa-edit"></i></a> ' +
                        ' <a class="fcbtn btn btn-danger btn-outline btn-1b btn-delete" href="'+ url99 +'" onclick="return confirm('+"\'Está seguro de borrar este registro?\'"+')"  title="Eliminar Vehículo"><i class="fa fa-trash"></i></a> ' +
                        ' {% endif %} ' +
                        ' {% if is_granted('ROLE_TECNICO') and habilitaEdicion[2] %} ' +
                        ' <a class="fcbtn btn btn-warning btn-outline btn-1b" href="'+ url0 + '" title="Editar Vehículo"><i class="fa fa-edit"></i></a> ' +
                        ' {% endif %} ';
                else
                    return '{% if is_granted('ROLE_ADMINISTRADOR')%} ' +
                        ' <a class="fcbtn btn btn-warning btn-outline btn-1b" href="' + url0 +'" title="Editar Vehículo"><i class="fa fa-edit"></i></a> ' +
                        ' <a class="fcbtn btn btn-danger btn-outline btn-1b btn-delete" href="'+ url99 +'" onclick="return confirm('+"\'Está seguro de borrar este registro?\'"+')" title="Eliminar Vehículo"><i class="fa fa-trash"></i></a> ' +
                        ' {% endif %} ' +
                        ' {% if is_granted('ROLE_TECNICO') and habilitaEdicion[2] %} ' +
                        ' <a class="fcbtn btn btn-warning btn-outline btn-1b" href="'+ url0 + '" title="Editar Vehículo"><i class="fa fa-edit"></i></a> ' +
                        ' {% endif %} ';
        }

        function actionlinksOperativo(data, type, full) {
            // debugger;
            var fechaSalida = full[0];

            //        La Dirección url está ahi, luego reemplazamos las variables por los valores verdaderos
            var url = '{{ path("new_pago", {'idnacional': 'mi_id2'}) }}';
            url = url.replace('mi_id2', full[0]);

            var url1 = '{{ path("new_despacho2", {'idnacional': 'mi_id2'}) }}';
            url1 = url1.replace('mi_id2', full[0]);

            var url2 = '{{ path("new_entrega2", {'idnacional': 'mi_id2'}) }}';
            url2 = url2.replace('mi_id2', full[0]);

            var url3 = '{{ path("new_adjuntar2", {'idnacional': 'mi_id2'}) }}';
            url3 = url3.replace('mi_id2', full[0]);

            var url0 = '{{ path("tregnal_edit", {'idnacional': 'mi_id2'}) }}';
            url0 = url0.replace('mi_id2', full[0]);

            var url4 = '{{ path("tfactnal_new", {'idnacional': 'mi_id2'}) }}';
            url4 = url4.replace('mi_id2', full[0]);

            //HABRIA QUE PREGUNTAR SI full[8] Y crear otro como esto... ojo.
            // and entityfechasalida|date('d-m-Y') != '01-01-1980'
            if(full[12] == 'Recepcionado')
            return '{% if (is_granted('ROLE_TECNICO')  or is_granted('ROLE_RECEPCION')) %} ' +
                ' <a class="btn btn-info btn-rounded" href="' + url1 + '" title="Despachar Vehículo" ><i class="fa fa-male"></i> Despachar</a> ' +
                ' {% endif %}' +
                ' {% if (is_granted('ROLE_ADMINISTRADOR'))  %} ' +
                ' <a class="btn btn-info btn-rounded" href="' + url1 + '" title="Despachar Vehículo" ><i class="fa fa-male"></i> Despachar</a> ' +
                ' <a class="btn btn-warning btn-rounded" href="' + url2 + '" title="Vehículo Entregado" ><i class="fa fa-mail-forward"></i> Entregar</a> ' +
                ' <a class="btn btn-success btn-rounded" href="' + url + '" title="Pagar Transporte Nal."><i class="fa fa-dollar"></i> Pagar</a> ' +
                ' <a class="btn btn-outline btn-rounded btn-dark"  style="color: gray; border: 1px solid #cac8c8;" href="' + url3 + '" title="Adjuntar Fact/Documento"><i class="fa fa-file-pdf-o"></i> Adjuntar</a> ' +
                ' {% endif %} ';

            if(full[12] == 'Despachado')
                return '{% if (is_granted('ROLE_TECNICO') or is_granted('ROLE_RECEPCION')) %} ' +
                    ' <a class="btn btn-warning btn-rounded" href="' + url2 + '" title="Vehículo Entregado" ><i class="fa fa-mail-forward"></i> Entregar</a> ' +
                    ' {% endif %}' +
                    ' {% if (is_granted('ROLE_ADMINISTRADOR'))  %} ' +
                    ' <a class="btn btn-info btn-rounded" href="' + url1 + '" title="Despachar Vehículo" ><i class="fa fa-male"></i> Despachar</a> ' +
                    ' <a class="btn btn-warning btn-rounded" href="' + url2 + '" title="Vehículo Entregado" ><i class="fa fa-mail-forward"></i> Entregar</a> ' +
                    ' <a class="btn btn-success btn-rounded" href="' + url + '" title="Pagar Transporte Nal."><i class="fa fa-dollar"></i> Pagar</a> ' +
                    ' {% endif %} ' +
                    ' {% if (is_granted('ROLE_ADMINISTRADOR') or is_granted('ROLE_TECNICO')) %} ' +
                    ' <a class="btn btn-dark btn-rounded" style="color: gray; border: 1px solid #cac8c8;" href="' + url3 + '" title="Adjuntar Fact/Documento"><i class="fa fa-file-pdf-o"></i> Adjuntar</a> ' +
                    ' {% endif %} ';

            if(full[12] == 'Entregado')
            return '{% if (is_granted('ROLE_TECNICO')) %} ' +
                ' <a class="btn btn-success btn-rounded" href="' + url + '" title="Pagar Transporte Nal."><i class="fa fa-dollar"></i> Pagar</a> ' +
                ' {% endif %}' +
                ' {% if (is_granted('ROLE_ADMINISTRADOR'))  %} ' +
                ' <a class="btn btn-info btn-rounded" href="' + url1 + '" title="Despachar Vehículo" ><i class="fa fa-male"></i> Despachar</a> ' +
                ' <a class="btn btn-warning btn-rounded" href="' + url2 + '" title="Vehículo Entregado" ><i class="fa fa-mail-forward"></i> Entregar</a> ' +
                ' <a class="btn btn-success btn-rounded" href="' + url + '" title="Pagar Transporte Nal."><i class="fa fa-dollar"></i> Pagar</a> ' +
                ' {% endif %} ' +
                ' {% if (is_granted('ROLE_ADMINISTRADOR') or is_granted('ROLE_TECNICO')) %} ' +
                ' <a class="btn btn-dark btn-rounded" style="color: gray; border: 1px solid #cac8c8;" href="' + url3 + '" title="Adjuntar Fact/Documento"><i class="fa fa-file-pdf-o"></i> Adjuntar</a> ' +
                ' {% endif %} ';

            if(full[12] == 'Pagado')
            return '{% if (is_granted('ROLE_ADMINISTRADOR'))  %} ' +
                ' <a class="btn btn-info btn-rounded" href="' + url1 + '" title="Despachar Vehículo" ><i class="fa fa-male"></i> Despachar</a> ' +
                ' <a class="btn btn-warning btn-rounded" href="' + url2 + '" title="Vehículo Entregado" ><i class="fa fa-mail-forward"></i> Entregar</a> ' +
                ' <a class="btn btn-success btn-rounded" href="' + url + '" title="Pagar Transporte Nal."><i class="fa fa-dollar"></i> Pagar</a> ' +
                ' {% endif %} ' +
                ' {% if (is_granted('ROLE_ADMINISTRADOR') or is_granted('ROLE_TECNICO')) %} ' +
                ' <a class="btn btn-dark btn-rounded" style="color: gray; border: 1px solid #cac8c8;" href="' + url3 + '" title="Adjuntar Fact/Documento"><i class="fa fa-file-pdf-o"></i> Adjuntar</a> ' +
                ' {% endif %} ';
        }

    </script>


    {# <script> {#}
    {#}$(document).ready(function () {{#}
{#            $(function () {#}

{#                $('#orderModal').modal({#}
{#                    keyboard: true,#}
{#                    backdrop: "static",#}
{#                    show: false,#}
{#                }).on('show', function () {#}

{#                });#}

{#                $('.openBtn').on('click',function(){#}
{#                    $('#orderDetails').html($('<b> Order Id selected: ' + $(this).data('id') + '</b>'));#}
{#                    $('#orderModal').modal('show');#}
{#                });#}


{#                // $(".table-striped").find('tr[data-id]').on('click', function () {#}
{#                //     debugger;#}
{#                //#}
{#                //     //do all your operation populate the modal and open the modal now. DOnt need to use show event of modal again#}
{#                //#}
{#                //     $('#orderDetails').html($('<b> Order Id selected: ' + $(this).data('id') + '</b>'));#}
{#                //     $('#orderModal').modal('show');#}
{#                // });#}

{#            });#}
{#            // 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' }#}
{#                ],#}
{#                // Sirve para ordenar fechas en el datatable,#}
{#                "order": [[ 0, "desc" ]],#}
{#                "columnDefs" : [#}
{#                    {"targets":0, "type":"date-eu"},#}
{#                    {#}
{#                        render: function (data, type, full, meta) {#}
{#                            return data.replace(/,/g, " - ") ;#}
{#                        },#}
{#                        targets: 3#}
{#                    }#}
{#                ],#}
{#            });#}
{#        });#}
{#    </script>#}

{% endblock %}




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

{#{% block title %}Tnacional index{% endblock %}#}

{#{% block body %}#}
{#    <h1>Tnacional index</h1>#}

{#    <table class="table">#}
{#        <thead>#}
{#            <tr>#}
{#                <th>Idnacional</th>#}
{#                <th>Fechainicio</th>#}
{#                <th>Factura</th>#}
{#                <th>Observaciones</th>#}
{#                <th>Auditoria</th>#}
{#                <th>actions</th>#}
{#            </tr>#}
{#        </thead>#}
{#        <tbody>#}
{#        {% for tnacional in tnacionals %}#}
{#            <tr>#}
{#                <td>{{ tnacional.idnacional }}</td>#}
{#                <td>{{ tnacional.fechainicio ? tnacional.fechainicio|date('Y-m-d H:i:s') : '' }}</td>#}
{#                <td>{{ tnacional.factura }}</td>#}
{#                <td>{{ tnacional.observaciones }}</td>#}
{#                <td>{{ tnacional.auditoria }}</td>#}
{#                <td>#}
{#                    <a href="{{ path('tnacional_show', {'idnacional': tnacional.idnacional}) }}">show</a>#}
{#                    <a href="{{ path('tnacional_edit', {'idnacional': tnacional.idnacional}) }}">edit</a>#}
{#                </td>#}
{#            </tr>#}
{#        {% else %}#}
{#            <tr>#}
{#                <td colspan="6">no records found</td>#}
{#            </tr>#}
{#        {% endfor %}#}
{#        </tbody>#}
{#    </table>#}

{#    <a href="{{ path('tnacional_new') }}">Create new</a>#}
{#{% endblock %}#}