<div class="modal fade" id="CrearTramite" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
                <h4 class="modal-title caption-subject font-blue-secondary sbold uppercase">Asignar Nuevo Tr&aacute;mite</h4>
            </div>
            <div class="modal-body">
                <table id="dataTable" class="table table-hover nowrap dataTable dtr-inline">
                    <thead>
                    <tr>
                        <th>Nombre</th>
                        <th>Categor&iacute;a</th>
                        <th>Plazo de Resoluci&oacute;n</th>
                        <th>Opciones</th>
                    </tr>
                    </thead>
                    <tbody>
                    </tbody>
                </table>
            </div>
            <div class="modal-footer">
                <div class="col-md-offset-3 col-md-6">
                    <button style="width: 100%" type="button" id="cerrarModal" data-dismiss="modal"
                            class="btn btn-primary"> Cerrar
                    </button>
                </div>
            </div>
            <br/>
        </div>
    </div>
</div>
<script>
    {{--var url_detalle = "{{ url('tramite/detalle/') }}";--}}
    var dataTable = $('#dataTable').DataTable({
        "language": {
            "sProcessing":     "Procesando...",
            "sLengthMenu":     "Mostrar _MENU_ registros",
            "sZeroRecords":    "No se encontraron resultados",
            "sEmptyTable":     "No existen registros creados",
            "sInfo":           "Mostrando registros del _START_ al _END_ de un total de _TOTAL_ registros",
            "sInfoEmpty":      "Mostrando registros del 0 al 0 de un total de 0 registros",
            "sInfoFiltered":   "(filtrado de un total de _MAX_ registros)",
            "sInfoPostFix":    "",
            "sSearch":         "Buscar:",
            "sUrl":            "",
            "sInfoThousands":  ",",
            "sLoadingRecords": "Cargando...",
            "oPaginate": {
                "sFirst":    "Primero",
                "sLast":     "Último",
                "sNext":     "Siguiente",
                "sPrevious": "Anterior"
            },
            "oAria": {
                "sSortAscending":  ": Activar para ordenar la columna de manera ascendente",
                "sSortDescending": ": Activar para ordenar la columna de manera descendente"
            }
        },
        processing: true,
        serverSide: true,
        destroy: true,
        responsive:true,
        ajax:{
            url: '{{ route('pagos.registrar.tramites.get') }}',
            data: {
                id_usuario: code_user
            },
            method: 'POST',
            error: function(error){
                console.log(error);
            }
        },
        columns: [
            {
                data:'nombre',
                name:'nombre',
                "searchable": true
            },
            {
                data:'tramite_categoria_nombre',
                name:'tramite_categoria_nombre',
                "searchable": true,
                render: function(data, type, row) {
                    var render = '';
                    if (data != '') {
                        render = '<td>' + data + '</td>'
                    } else {
                        render = '<td>---</td>'
                    }

                    return render;
                }
            },
            {
                data:'plazo_resolucion',
                name:'plazo_resolucion',
                "searchable": false,
                render: function(data, type, row) {
                    var render = '';
                    if (data != '') {
                        render = '<td>' + data + (data != '1' ? ' días' : ' día') + '</td>';
                    } else {
                        render = '<td>---</td>';
                    }

                    return render;
                }
            },
            {
                data:'id',
                name:'id',
                "searchable": false,
                render: function(data, type, row) {
                    var render = '<td class="td_center">' +
//                        '<a href="' + url_detalle + '/' + data + '" title="Detalle" class="btn btn-outline btn-circle btn-sm green" target="_blank"><i class="fa fa-eye"></i> Detalle </a>' +
                        '<button onclick="Iniciar(' + data + ', \'' + row.id_area_inicio + '\')" title="Iniciar" class="btn btn-outline btn-circle dark btn-sm purple"><i class="fa fa-file-text"></i> Iniciar </button>'+
                        '</td>';

                    return render;
                }
            }
        ],
        "pageLength": 10,
        "columnDefs": [{ // set default column settings
            'orderable': false,
            'targets': [0]
        }, {
            "searchable": true,
            "targets": [0]
        }],
        "bInfo": false,
        "bLengthChange": false,
        "ordering": false,
//        "bFilter": false
    });
    function Iniciar(id_tramite_procedimiento, id_dependencia) {
        swal({
            cancelButtonText: 'No',
            confirmButtonText: 'Si',
            showCancelButton: true,
            title: '¿Desea solicitar el trámite?',
            text: 'Se iniciará el trámite para el usuario seleciconado.',
            type: 'warning'
        }, function (isConfirm) {
            $.ajax({
                url: '{{  route('pagos.tramite.registrar.post') }}',
                method: 'POST',
                data: {
                    id_tramite_procedimiento: id_tramite_procedimiento,
                    id_dependencia: id_dependencia,
                    id_usuario: code_user
                },
                success: function(data) {
                    swal({
                        title: 'Trámite agregado',
                        text: '',
                        type: 'success'
                    }, function (isConfirm) {
                        //location.reload();
                    });
                },
                error: function(error) {
                    //console.log(error);
                    swal({
                        title: 'No se pudo agregar el trámite',
                        text: '',
                        type: 'error'
                    }, function (isConfirm) {
                        //location.reload();
                    });
                },
                complete: function() {
                    $('#Modal').find('.modal').modal('toggle');
                }
            });
        });
    }
</script>