@extends('template.layout')

@section('styles')
@endsection

@section('content')
    {{-- @php($cargarDependencia = false)
    @if($tramiteUsuario->id_dependencia != null)
        @foreach($dependenciaUsuario as $dependencia)
            @if(in_array($tramiteUsuario->id_dependencia, $dependencia))
                @php($cargarDependencia = true)
                @break
            @endif
        @endforeach
    @else
        @php($cargarDependencia = true)
    @endif--}}
    <h1 class="page-title">
        <a href="{{ url('admin/tramite/usuario') }}"><i class="icon-action-undo"></i></a>
        Gestionar Trámite TUPA en Curso
    </h1>
    <div class="portlet light bordered">
        <div class="tabbable-custom nav-justified">
            <ul class="nav nav-tabs nav-justified">
                <li class="active">
                    <a href="#tab_1_1_1" data-toggle="tab">Información General</a>
                </li>
                <li>
                    <a href="#tab_1_1_2" data-toggle="tab">Observaciones</a>
                </li>
                <li>
                    <a href="#tab_1_1_3" data-toggle="tab">Requisitos</a>
                </li>
                <li>
                    <a href="#tab_1_1_4" data-toggle="tab">Resolución</a>
                </li>
            </ul>
            <div class="tab-content">
                <div class="tab-pane active" id="tab_1_1_1">
                    <div class="portlet-body">
                        <div class="row">
                            <div class="col-lg-12">
                                {{ Form::open(array('id' => 'form-validation', 'enctype' => 'multipart/form-data', 'name' => 'formEditar', 'onsubmit' => 'EditarResult(this, event)')) }}
                                <div class="form-horizontal">
                                    {!! Form::hidden('id', $tramiteUsuario->id, ['class' => 'form-control']) !!}
                                    <div class="form-group col-xs-12" style="margin-right: 10px;">
                                        {!! Form::label('tramite_procedimiento_nombre', 'Nombre del Procedimiento:', ['class' => 'control-label']) !!}
                                        {!! Form::text('tramite_procedimiento_nombre', $tramiteUsuario->tramite_procedimiento_nombre, ['class' => 'form-control', 'disabled' => false, 'readonly' => 'readonly']) !!}
                                    </div>
                                    <div class="form-group col-lg-6 col-sm-6 col-xs-12" style="margin-right: 10px;">
                                        {!! Form::label('tramite_categoria_nombre', 'Categoría:', ['class' => 'control-label']) !!}
                                        {!! Form::text('tramite_categoria_nombre', ($tramiteUsuario->tramite_categoria_nombre != "" ? $tramiteUsuario->tramite_categoria_nombre : "---"), ['class' => 'form-control', 'disabled' => false, 'readonly' => 'readonly']) !!}
                                    </div>
                                    <div class="form-group col-lg-6 col-sm-6 col-xs-12" style="margin-right: 10px;">
                                        {!! Form::label('tramite_calificacion', 'Calificación:', ['class' => 'control-label']) !!}
                                        {!! Form::text('tramite_calificacion', ($tramiteUsuario->tramite_procedimiento_id_tramite_categoria != "" ? config('constants.TRAMITE_CALIFICACION')[$tramiteUsuario->tramite_procedimiento_id_tramite_categoria] : "---"), ['class' => 'form-control', 'disabled' => false, 'readonly' => 'readonly']) !!}
                                    </div>
                                    <div class="form-group col-lg-6 col-sm-6 col-xs-12" style="margin-right: 10px;">
                                        {!! Form::label('tramite_procedimiento_codigo', 'Código:', ['class' => 'control-label']) !!}
                                        {!! Form::text('tramite_procedimiento_codigo', $tramiteUsuario->tramite_procedimiento_codigo, ['class' => 'form-control', 'disabled' => false, 'readonly' => 'readonly']) !!}
                                    </div>
                                    <div class="form-group col-lg-6 col-sm-6 col-xs-12" style="margin-right: 10px;">
                                        {!! Form::label('tramite_procedimiento_cuenta_contable', 'Cuenta Contable:', ['class' => 'control-label']) !!}
                                        {!! Form::text('tramite_procedimiento_cuenta_contable', $tramiteUsuario->tramite_procedimiento_cuenta_contable, ['class' => 'form-control', 'disabled' => false, 'readonly' => 'readonly']) !!}
                                    </div>
                                    <div class="form-group col-lg-6 col-sm-6 col-xs-12" style="margin-right: 10px;">
                                        {!! Form::label('tramite_procedimiento_plazo_resolucion', 'Duración del Trámite:', ['class' => 'control-label']) !!}
                                        {!! Form::text('tramite_procedimiento_plazo_resolucion', ($tramiteUsuario->tramite_procedimiento_plazo_resolucion >= 0 ? $tramiteUsuario->tramite_procedimiento_plazo_resolucion . ($tramiteUsuario->tramite_procedimiento_plazo_resolucion != 1 ? ' días' : ' día') : "---"), ['class' => 'form-control', 'disabled' => false, 'readonly' => 'readonly']) !!}
                                    </div>
                                    <div class="form-group col-lg-6 col-sm-6 col-xs-12" style="margin-right: 10px;">
                                        {!! Form::label('area_inicio_nombre', 'Área Inicial:', ['class' => 'control-label']) !!}
                                        {!! Form::text('area_inicio_nombre', ($tramiteUsuario->area_inicio_nombre != "" ? $tramiteUsuario->area_inicio_nombre : "---"), ['class' => 'form-control', 'disabled' => false, 'readonly' => 'readonly']) !!}
                                    </div>
                                    <div class="form-group col-lg-6 col-sm-6 col-xs-12" style="margin-right: 10px;">
                                        {!! Form::label('autoridad_competente_nombre', 'Autoridad Competente:', ['class' => 'control-label']) !!}
                                        {!! Form::text('autoridad_competente_nombre', ($tramiteUsuario->autoridad_competente_nombre != "" ? $tramiteUsuario->autoridad_competente_nombre : "---"), ['class' => 'form-control', 'disabled' => false, 'readonly' => 'readonly']) !!}
                                    </div>
                                    <div class="form-group col-lg-6 col-sm-6 col-xs-12" style="margin-right: 10px;">
                                        {!! Form::label('usuario_nombres', 'Nombre del Solicitante:', ['class' => 'control-label']) !!}
                                        {!! Form::text('usuario_nombres', $tramiteUsuario->usuario_nombres, ['class' => 'form-control', 'disabled' => false, 'readonly' => 'readonly']) !!}
                                    </div>
                                    <div class="form-group col-lg-6 col-sm-6 col-xs-12" style="margin-right: 10px;">
                                        {!! Form::label('usuario_email', 'Correo del Solicitante:', ['class' => 'control-label']) !!}
                                        {!! Form::text('usuario_email', $tramiteUsuario->usuario_email, ['class' => 'form-control', 'disabled' => false, 'readonly' => 'readonly']) !!}
                                    </div>
                                    <div class="form-group col-lg-6 col-sm-6 col-xs-12" style="margin-right: 10px;">
                                        {!! Form::label('created_at', 'Fecha de Inicio:', ['class' => 'control-label']) !!}
                                        {!! Form::text('created_at', ($tramiteUsuario->created_at != "" ? $tramiteUsuario->created_at : "---"), ['class' => 'form-control', 'disabled' => false, 'readonly' => 'readonly']) !!}
                                    </div>
                                    <div class="form-group col-lg-12 col-xs-12" style="margin-right: 10px;">
                                        {!! Form::label('tramite_procedimiento_base_legal', 'Base Legal:', ['class' => 'control-label']) !!}
                                        {!! Form::textarea('tramite_procedimiento_base_legal', $tramiteUsuario->tramite_procedimiento_base_legal, ['class' => 'form-control', 'disabled' => false, 'readonly' => 'readonly', 'style' => 'resize: none']) !!}
                                    </div>
                                    {{--@if($cargarDependencia && ($tramiteUsuario->tramite_usuario_estado == "Solicitado" || $tramiteUsuario->tramite_usuario_estado == "Pendiente"))--}}
                                    <div class="form-group col-lg-6 col-sm-6 col-xs-12" style="margin-right: 10px;">
                                        {!! Form::label('expediente', 'Expediente:', ['class' => 'control-label']) !!}
                                        {!! Form::number('expediente', $tramiteUsuario->id, ['class' => 'form-control', 'disabled' => false, 'readonly' => 'readonly']) !!}
                                    </div>
                                    <div class="form-group col-lg-6 col-sm-6 col-xs-12" style="margin-right: 10px;">
                                        {!! Form::label('folio', '* Folio:', ['class' => 'control-label']) !!}
                                        {!! Form::number('folio', $tramiteUsuario->folio, ['class' => 'form-control', 'min' => '0', 'pattern' => '\d+', 'required' => 'required']) !!}
                                    </div>
                                    {{--@else
                                        {!! Form::hidden('folio', $tramiteUsuario->folio, ['class' => 'form-control']) !!}
                                    @endif--}}
                                    <div class="form-group col-lg-6 col-sm-6 col-xs-12" style="margin-right: 10px;">
                                        {!! Form::label('id_dependencia', 'Dependencia Asignada:', ['class' => 'control-label']) !!}
                                        {!! Form::select('id_dependencia', array($tramiteUsuario->id_dependencia => ($tramiteUsuario->dependencia_nombre != "" ? $tramiteUsuario->dependencia_nombre : "---")), $tramiteUsuario->id_dependencia, ['id' => 'selectDependencia', 'class' => 'form-control', 'disabled' =>  false]) !!}
                                    </div>
                                    <div class="form-group col-lg-6 col-sm-6 col-xs-12" style="margin-right: 10px;">
                                        {!! Form::label('id_tramite_usuario_estado', 'Estado del Trámite:', ['class' => 'control-label']) !!}
                                        {!! Form::select('id_tramite_usuario_estado', array($tramiteUsuario->id_tramite_usuario_estado => ($tramiteUsuario->id_tramite_usuario_estado != "" ? config('constants.TRAMITE_USUARIO_ESTADO_NOMBRE')[$tramiteUsuario->id_tramite_usuario_estado] : "---")), $tramiteUsuario->id_tramite_usuario_estado, ['id' => 'selectTramiteUsuarioEstado', 'class' => 'form-control', 'disabled' => false]) !!}
                                    </div>
                                    {{--@if($cargarDependencia)--}}
                                    <div class="form-actions" style="text-align: left; padding-top: 50px;">
                                        <a class="btn dark btn-outline" href="{{ url('admin/tramite/usuario') }}">Cancelar</a>
                                        {!! Form::submit('Guardar', ['class' => 'btn green btn-submit']) !!}
                                    </div>
                                    {{--@endif--}}
                                </div>
                                {!! Form::close() !!}
                            </div>
                        </div>
                    </div>
                </div>
                <div class="tab-pane" id="tab_1_1_2">
                    <div class="portlet-title">
                        {{--@if($cargarDependencia)--}}
                        <div class="actions">
                            <div class="btn-group">
                                <a class="btn blue btn-outline sbold" onclick="AgregarObservacion()">Agregar Observación</a>
                            </div>
                        </div>
                        {{--@endif--}}
                    </div>
                    <br>
                    <div class="portlet-body">
                        <div class="row">
                            <div class="col-lg-12">
                                <table id="dataTable-3" class="table table-hover dataTable dtr-inline" style="text-align: center;">
                                    <thead>
                                    <tr>
                                        <th>Dependencia</th>
                                        <th>Observación</th>
                                        <th>Fecha de Creación</th>
                                        <th>Fecha de Edición</th>
                                        <th>Opciones</th>
                                    </tr>
                                    </thead>
                                    <tbody style="text-align: left !important;"></tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="tab-pane" id="tab_1_1_3">
                    <div class="portlet-body">
                        <div class="row">
                            <div class="col-lg-12">
                                <table id="dataTable" class="table table-hover nowrap dataTable dtr-inline" style="text-align: center;">
                                    <thead>
                                    <tr>
                                        <th></th>
                                        <th>Nombre</th>
                                        <th>Formulario/Código/Ubicación</th>
                                        <th>Costo UIT</th>
                                        <th>Costo S/.</th>
                                    </tr>
                                    </thead>
                                    <tbody style="text-align: left !important;"></tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="tab-pane" id="tab_1_1_4">
                    <div class="portlet-body">
                        <div class="row">
                            <div class="col-lg-12">
                                <table id="dataTable-2" class="table table-hover nowrap dataTable dtr-inline" style="text-align: center;">
                                    <thead>
                                    <tr>
                                        <th>Nombre</th>
                                        <th>Autoridad</th>
                                        <th>Plazo Presentación</th>
                                        <th>Plazo Resolución</th>
                                    </tr>
                                    </thead>
                                    <tbody style="text-align: left !important;"></tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="modal fade" id="modalAgregarAccion" tabindex="-1" role="dialog" aria-labelledby="modalAgregarAccion">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title caption-subject font-blue-secondary sbold uppercase">Agregar Acción</h4>
                </div>
                <div class="modal-body">
                    {{ Form::open(array('id' => 'form-validation', 'class' => 'form-horizontal', 'name' => 'formAgregarAccion', 'onsubmit' => 'AgregarAccionResult(this, event)')) }}
                    <div class="form-body">
                        {!! Form::hidden('id', null, ['id' => 'agregarAccionId', 'class' => 'form-control']) !!}
                        {!! Form::hidden('folio', null, ['id' => 'agregarAccionFolio', 'class' => 'form-control']) !!}
                        {!! Form::hidden('id_dependencia', null, ['id' => 'agregarAccionDependencia', 'class' => 'form-control']) !!}
                        {!! Form::hidden('id_tramite_usuario', $tramiteUsuario->id, ['id' => 'agregarAccionTramiteUsuario', 'class' => 'form-control']) !!}
                        {!! Form::hidden('id_tramite_usuario_estado', null, ['id' => 'agregarAccionTramiteUsuarioEstado', 'class' => 'form-control']) !!}
                        {!! Form::hidden('usuario', $tramiteUsuario->id_usuario, ['id' => 'agregarAccionUsuario', 'class' => 'form-control']) !!}
                        <div class="form-group">
                            <div class="col-xs-12">
                                {!! Form::label('id_tramite_usuario_accion', 'Acción:', ['class' => 'control-label']) !!}
                                {!! Form::select('id_tramite_usuario_accion', array(null => '---'), null, ['id' => 'selectTramiteUsuarioAccion', 'class' => 'form-control', 'disabled' => false, 'onchange' => 'ActualizarSubAcciones(this, event)']) !!}
                            </div>
                            <div id="tramite_usuario_sub_accion" class="col-xs-12"></div>
                        </div>
                        <div class="form-actions">
                            <div class="row">
                                <div class="col-md-offset-0 col-xs-12">
                                    <a class="btn btn-default" href="#" data-dismiss="modal">Cancelar</a>
                                    {!! Form::submit('Guardar', ['class' => 'btn btn-primary', 'name' => 'submit']) !!}
                                </div>
                            </div>
                        </div>
                    </div>
                    {!! Form::close() !!}
                </div>
            </div>
        </div>
    </div>
    <div class="modal fade" id="modalAgregarObservacion" tabindex="-1" role="dialog" aria-labelledby="modalAgregarObservacion">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title caption-subject font-blue-secondary sbold uppercase">Agregar Observación</h4>
                </div>
                <div class="modal-body">
                    {{ Form::open(array('id' => 'form-validation', 'class' => 'form-horizontal', 'name' => 'formAgregarObservacion', 'onsubmit' => 'AgregarObservacionResult(this, event)')) }}
                    <div class="form-body">
                        {!! Form::hidden('id_tramite_usuario', $tramiteUsuario->id, ['class' => 'form-control']) !!}
                        {!! Form::hidden('id_dependencia', $tramiteUsuario->id_dependencia, ['class' => 'form-control']) !!}
                        <div class="form-group">
                            <div class="col-xs-12">
                                {!! Form::label('observacion', 'Observación:', ['class' => 'control-label']) !!}
                                {!! Form::textarea('observacion', null, ['class' => 'form-control', 'required' => 'required', 'style' => 'resize: none']) !!}
                            </div>
                        </div>
                        <div class="form-actions">
                            <div class="row">
                                <div class="col-md-offset-0 col-xs-12">
                                    <a class="btn btn-default" href="#" data-dismiss="modal">Cancelar</a>
                                    {!! Form::submit('Guardar', ['class' => 'btn btn-primary', 'name' => 'submit']) !!}
                                </div>
                            </div>
                        </div>
                    </div>
                    {!! Form::close() !!}
                </div>
            </div>
        </div>
    </div>
    <div class="modal fade" id="modalEditarObservacion" tabindex="-1" role="dialog" aria-labelledby="modalEditarObservacion">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title caption-subject font-blue-secondary sbold uppercase">Editar Observación</h4>
                </div>
                <div class="modal-body">
                    {{ Form::open(array('id' => 'form-validation', 'class' => 'form-horizontal', 'name' => 'formEditarObservacion', 'onsubmit' => 'EditarObservacionResult(this, event)')) }}
                    <div class="form-body">
                        {!! Form::hidden('id', null, ['id' => 'editarObservacionId', 'class' => 'form-control']) !!}
                        <div class="form-group">
                            <div class="col-xs-12">
                                {!! Form::label('observacion', 'Observación:', ['class' => 'control-label']) !!}
                                {!! Form::textarea('observacion', null, ['id' => 'editarObservacionObservacion', 'class' => 'form-control', 'required' => 'required', 'style' => 'resize: none']) !!}
                            </div>
                        </div>
                        <div class="form-actions">
                            <div class="row">
                                <div class="col-md-offset-0 col-xs-12">
                                    <a class="btn btn-default" href="#" data-dismiss="modal">Cancelar</a>
                                    {!! Form::submit('Guardar', ['class' => 'btn btn-primary', 'name' => 'submit']) !!}
                                </div>
                            </div>
                        </div>
                    </div>
                    {!! Form::close() !!}
                </div>
            </div>
        </div>
    </div>
@endsection

@section('scripts')
    <script>
        var documentoNombre = JSON.parse('{!! json_encode(config('constants.DOCUMENTO_NOMBRE')) !!}');
        var tramiteUsuarioAccionId = JSON.parse('{!! json_encode(config('constants.TRAMITE_USUARIO_ACCION_ID')) !!}');
        var tramiteUsuarioAccionNombre = JSON.parse('{!! json_encode(config('constants.TRAMITE_USUARIO_ACCION_NOMBRE')) !!}');
        var tramiteUsuarioEstado = JSON.parse('{!! json_encode(config('constants.TRAMITE_USUARIO_ESTADO_NOMBRE')) !!}');
        var tramiteResolucionTipo = JSON.parse('{!! json_encode(config('constants.TRAMITE_RESOLUCION_TIPO')) !!}');
        var tramiteUsuarioSubAccion = {};

        var dataTableLanguage = {
            "sProcessing":     "Procesando...",
            "sLengthMenu":     "Mostrar _MENU_ registros",
            "sZeroRecords":    "No se encontraron resultados",
            "sEmptyTable":     "Ningún dato disponible en esta tabla",
            "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"
            }
        };
        var dataTable = [
            function (args) {
                $("#dataTable").DataTable({
                    language: dataTableLanguage,
                    processing: true,
                    serverSide: true,
                    destroy: true,
                    responsive: true,
                    ajax: {
                        data: {
                            id_tramite_procedimiento: args.id_tramite_procedimiento,
                            id_tramite_usuario: args.id_tramite_usuario
                        },
                        type: "POST",
                        url: "{{ route('admin.tramite.usuariorequisito.post') }}",
                        error: function (jqXHR, textStatus, errorThrown) {
                            /*console.log(jqXHR);
                            console.log(textStatus);
                            console.log(errorThrown);*/
                        }
                    },
                    columns: [
                        {
                            data: "tramite_requisito_id",
                            name: "tramite_requisito_id",
                            render: function(data, type, row) {
                                var render = "";
                                render += " <input type=\"checkbox\" id=\"switch_";
                                render += data;
                                render += "\" onclick=\"EditarRequisito(this, {{ $tramiteUsuario->id }}, ";
                                render += data;
                                render += ")\"";

                                if (row.id != "") {
                                    render += " checked=\"checked\"";
                                }

                                render += ">";

                                return render;
                            }
                        },
                        {
                            data: "tramite_requisito_nombre",
                            name: "tramite_requisito_nombre"
                        },
                        {
                            data: "tramite_requisito_codigo",
                            name: "tramite_requisito_codigo",
                            render: function(data, type, row) {
                                var render = "";

                                if (data != "") {
                                    render = "<td>" + data + "</td>";
                                } else {
                                    render = "<td>---</td>";
                                }

                                return render;
                            }
                        },
                        {
                            data: "tramite_requisito_tramitacion_uit",
                            name: "tramite_requisito_tramitacion_uit",
                            render: function(data, type, row) {
                                var render = "";

                                if (data != "") {
                                    render = "<td>" + data + "</td>";
                                } else {
                                    render = "<td>---</td>";
                                }

                                return render;
                            }
                        },
                        {
                            data: "tramite_requisito_tramitacion_soles",
                            name: "tramite_requisito_tramitacion_soles",
                            render: function(data, type, row) {
                                var render = "";

                                if (data != "") {
                                    render = "<td>" + data + "</td>";
                                } else {
                                    render = "<td>---</td>";
                                }

                                return render;
                            }
                        }
                    ],
                    order: [
                        [0, "asc"]
                    ]
                });
            },
            function (args) {
                $("#dataTable-2").DataTable({
                    language: dataTableLanguage,
                    processing: true,
                    serverSide: true,
                    destroy: true,
                    responsive: true,
                    ajax: {
                        data: {
                            id_tramite_procedimiento: args.id_tramite_procedimiento
                        },
                        type: "POST",
                        url: "{{ route('admin.tramite.resolucion.post') }}",
                        error: function (jqXHR, textStatus, errorThrown) {
                            /*console.log(jqXHR);
                            console.log(textStatus);
                            console.log(errorThrown);*/
                        }
                    },
                    columns: [
                        {
                            data: "id_tramite_resolucion_tipo",
                            name: "id_tramite_resolucion_tipo",
                            render: function(data, type, row) {
                                var render = "";

                                if (data != "") {
                                    render = "<td>" + tramiteResolucionTipo[data] + "</td>";
                                } else {
                                    render = "<td>---</td>";
                                }

                                return render;
                            }
                        },
                        {
                            data: "autoridad_nombre",
                            name: "autoridad_nombre",
                            render: function(data, type, row) {
                                var render = "";

                                if (data != "") {
                                    render = "<td>" + data + "</td>";
                                } else {
                                    render = "<td>---</td>";
                                }

                                return render;
                            }
                        },
                        {
                            data: "plazo_presentacion",
                            name: "plazo_presentacion",
                            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: "plazo_resolucion",
                            name: "plazo_resolucion",
                            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;
                            }
                        }
                    ],
                    order: [
                        [1, "asc"]
                    ]
                });
            },
            function (args) {
                $("#dataTable-3").DataTable({
                    language: dataTableLanguage,
                    processing: true,
                    serverSide: true,
                    destroy: true,
                    responsive: true,
                    ajax: {
                        data: {
                            id_tramite_usuario: args.id_tramite_usuario
                        },
                        type: "POST",
                        url: "{{ route('admin.tramite.usuarioobservacion.post') }}",
                        error: function (jqXHR, textStatus, errorThrown) {
                            /*console.log(jqXHR);
                            console.log(textStatus);
                            console.log(errorThrown);*/
                        }
                    },
                    columns: [
                        {
                            data: "dependencia_nombre",
                            name: "dependencia_nombre",
                            render: function(data, type, row) {
                                var render = "";

                                if (data != "") {
                                    render = "<td>" + data + "</td>";
                                } else {
                                    render = "<td>---</td>";
                                }

                                return render;
                            }
                        },
                        {
                            data: "observacion",
                            name: "observacion"
                        },
                        {
                            data: "created_at",
                            name: "created_at",
                            render: function(data, type, row) {
                                var render = "";

                                if (data != "") {
                                    render = "<td>" + data + "</td>";
                                } else {
                                    render = "<td>---</td>";
                                }

                                return render;
                            }
                        },
                        {
                            data: "updated_at",
                            name: "updated_at",
                            render: function(data, type, row) {
                                var render = "";

                                if (data != "") {
                                    render = "<td>" + data + "</td>";
                                } else {
                                    render = "<td>---</td>";
                                }

                                return render;
                            }
                        },
                        {
                            data: "id",
                            name: "id",
                            render: function(data, type, row) {
                                var render = "";
                                var dependenciaUsuario = args.dependenciaUsuario;

                                if (dependenciaUsuario != null) {
                                    var dependenciaUsuarioLength = dependenciaUsuario.length;

                                    for (var i = 0; i < dependenciaUsuarioLength; i++) {
                                        if (dependenciaUsuario[i].id_dependencia == row.id_dependencia) {
                                            render += "<td class=\"td_center\">";
                                            render += " <a onclick=\"EditarObservacion(" + data + ", '" + row.observacion + "')\" title=\"Editar\" class=\"btn btn-outline btn-circle btn-sm purple\">";
                                            render += "     <i class=\"fa fa-edit\"></i>";
                                            render += " </a>";
                                            render += " <a onclick=\"EliminarObservacion(" + data + ")\" title=\"Eliminar\" class=\"btn btn-outline btn-circle dark btn-sm black\">";
                                            render += "     <i class=\"fa fa-trash-o\"></i>";
                                            render += " </a>";
                                            render += "</td>";

                                            break;
                                        }
                                    }
                                }

                                if (render == "") {
                                    render = "---";
                                }

                                return render;
                            }
                        }
                    ],
                    order: [
                        [3, "desc"],
                        [2, "desc"]
                    ]
                });
            }
        ];

        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            }
        });

        function ActualizarSubAcciones(element, event) {
            var tramite_usuario_sub_accion = "";

            if (element.value == tramiteUsuarioAccionId.GENERACION_TRAMITE) {
                tramite_usuario_sub_accion += "<label for=\"selectTramiteUsuarioSubAccion\" class=\"control-label\">Seleccione el trámite a generar:</label>";
                tramite_usuario_sub_accion += "<select id=\"selectTramiteUsuarioSubAccion\" class=\"form-control\"></select>";
            } else if (element.value == tramiteUsuarioAccionId.EMISION_DOCUMENTO) {
                tramite_usuario_sub_accion += "<label for=\"selectTramiteUsuarioSubAccion\" class=\"control-label\">Seleccione el documento a emitir:</label>";
                tramite_usuario_sub_accion += "<select id=\"selectTramiteUsuarioSubAccion\" class=\"form-control\"></select>";
            } else if (element.value == tramiteUsuarioAccionId.EXONERACION_PAGO_TRAMITE) {
                //tramite_usuario_sub_accion += "<select id=\"selectTramiteUsuarioSubAccion\" class=\"form-control\"></select>";
            } else if (element.value == tramiteUsuarioAccionId.OTROS) {
                //tramite_usuario_sub_accion += "<select id=\"selectTramiteUsuarioSubAccion\" class=\"form-control\"></select>";
            }

            document.getElementById("tramite_usuario_sub_accion").innerHTML = tramite_usuario_sub_accion;

            if (element.value == tramiteUsuarioAccionId.GENERACION_TRAMITE) {
                if (tramiteUsuarioSubAccion[tramiteUsuarioAccionId.GENERACION_TRAMITE] != null) {
                    loadSelectOptions("selectTramiteUsuarioSubAccion", tramiteUsuarioSubAccion[tramiteUsuarioAccionId.GENERACION_TRAMITE], null, false, "id", "nombre");
                }
            } else if (element.value == tramiteUsuarioAccionId.EMISION_DOCUMENTO) {
                if (tramiteUsuarioSubAccion[tramiteUsuarioAccionId.EMISION_DOCUMENTO] != null) {
                    loadSelectOptions2("selectTramiteUsuarioSubAccion", tramiteUsuarioSubAccion[tramiteUsuarioAccionId.EMISION_DOCUMENTO], null, false);
                }
            }
        }

        function CargarDataTables(index, args) {
            index = index || -1;
            args = args || null;

            if (index < 0) {
                var dataTableLength = dataTable.length;
                for (var i = 0; i < dataTableLength; i++) {
                    dataTable[i](args);
                }
            } else {
                dataTable[index](args);
            }
        }

        function CargarSelects() {
            loadSelectOptions2("selectTramiteUsuarioAccion", tramiteUsuarioAccionNombre, null, true);
            loadSelectOptions2("selectTramiteUsuarioEstado", tramiteUsuarioEstado, "{{ $tramiteUsuario->id_tramite_usuario_estado }}", false);

            $.ajax({
                data: null,
                type: "POST",
                url: "{{ route('admin.dependencia.post') }}",
                error: function(jqXHR, textStatus, errorThrown) {
                    /*console.log(jqXHR);
                    console.log(textStatus);
                    console.log(errorThrown);*/
                },
                success: function(data, textStatus, jqXHR) {
                    /*console.log(data);
                    console.log(jqXHR);
                    console.log(settings);*/

                    loadSelectOptions("selectDependencia", data.data, "{{ $tramiteUsuario->id_dependencia }}", true, "id", "nombre");
                }
            });

            $.ajax({
                data: null,
                type: "POST",
                url: "{{ route('admin.dependencia.post') }}",
                error: function(jqXHR, textStatus, errorThrown) {
                    /*console.log(jqXHR);
                    console.log(textStatus);
                    console.log(errorThrown);*/
                },
                success: function(data, textStatus, jqXHR) {
                    /*console.log(data);
                    console.log(jqXHR);
                    console.log(settings);*/

                    loadSelectOptions("selectDependencia", data.data, "{{ $tramiteUsuario->id_dependencia }}", true, "id", "nombre");
                }
            });
        }

        function CargarSubAcciones() {
            $.ajax({
                data: null,
                type: "POST",
                url: "{{ route("admin.tramite.index.post") }}",
                error: function (jqXHR, textStatus, errorThrown) {
                    /*console.log(jqXHR);
                    console.log(textStatus);
                    console.log(errorThrown);*/
                },
                success: function (data, jqXHR, settings) {
                    /*console.log(data);
                    console.log(jqXHR);
                    console.log(settings);*/

                    var selectTramiteUsuarioAccion = document.getElementById("selectTramiteUsuarioAccion");
                    tramiteUsuarioSubAccion[tramiteUsuarioAccionId.GENERACION_TRAMITE] = data.data;

                    if (selectTramiteUsuarioAccion.value == tramiteUsuarioAccionId.GENERACION_TRAMITE) {
                        loadSelectOptions("selectTramiteUsuarioSubAccion", data.data, null, false, "id", "nombre");
                    }
                }
            });
            
            var selectTramiteUsuarioAccion = document.getElementById("selectTramiteUsuarioAccion");
            tramiteUsuarioSubAccion[tramiteUsuarioAccionId.EMISION_DOCUMENTO] = documentoNombre;
        }

        function loadSelectOptions(elementId, data, selectedValue, nullable, value, name) {
            selectedValue = selectedValue || null;
            value = value || "id";
            name = name || "name";
            nullable = nullable || false;

            var selectOptions = "";
            var dataLength = data.length;

            if (nullable) {
                selectOptions += "<option value";

                if (selectedValue != null) {
                    selectOptions += " selected=\"selected\"";
                }

                selectOptions += ">---</option>";
            }

            for (var i = 0; i < dataLength; i++) {
                var dataRow = data[i];
                selectOptions += "<option value=\"";
                selectOptions += dataRow[value];
                selectOptions += "\"";

                if (dataRow[value] == selectedValue) {
                    selectOptions += " selected=\"selected\"";
                }

                selectOptions += ">";
                selectOptions += dataRow[name];
                selectOptions += "</option>";
            }

            document.getElementById(elementId).innerHTML = selectOptions;
        }

        function loadSelectOptions2(elementId, data, selectedValue, nullable) {
            selectedValue = selectedValue || null;
            nullable = nullable || false;

            var selectOptions = "";

            if (nullable) {
                selectOptions += "<option value";

                if (selectedValue != null) {
                    selectOptions += " selected=\"selected\"";
                }

                selectOptions += ">---</option>";
            }

            for (var key in data) {
                var value = data[key];
                selectOptions += "<option value=\"";
                selectOptions += key;
                selectOptions += "\"";

                if (key == selectedValue) {
                    selectOptions += " selected=\"selected\"";
                }

                selectOptions += ">";
                selectOptions += value;
                selectOptions += "</option>";
            }

            document.getElementById(elementId).innerHTML = selectOptions;
        }

        function EditarResult(element, event) {
            event.preventDefault();

            var formName = element.name;
            var form = document.forms[formName];
            var data = {
                id: form["id"].value,
                folio: form["folio"].value,
                id_dependencia: form["id_dependencia"].value,
                id_tramite_usuario_accion: null,
                id_tramite_usuario_estado: form["id_tramite_usuario_estado"].value
            };
            //var tramiteUsuarioEstadoText = form["tramite_usuario_estado"].options[form["tramite_usuario_estado"].selectedIndex].text;

            if (data.id_tramite_usuario_estado == '{!! config('constants.TRAMITE_USUARIO_ESTADO_ID.FINALIZADO') !!}') {
                document.getElementById("agregarAccionId").value = data.id;
                document.getElementById("agregarAccionFolio").value = data.folio;
                document.getElementById("agregarAccionDependencia").value = data.id_dependencia;
                document.getElementById("agregarAccionTramiteUsuarioEstado").value = data.id_tramite_usuario_estado;

                AgregarAccion();
            } else {
                $.ajax({
                    data: data,
                    type: "POST",
                    url: "{{ route('admin.tramite.usuario.editar.post') }}",
                    beforeSend: function (jqXHR, settings) {
                        /*console.log(jqXHR);
                        console.log(settings);*/

                        form["submit"].disabled = true;
                    },
                    complete: function (jqXHR, textStatus) {
                        /*console.log(jqXHR);
                        console.log(textStatus);*/

                        //form["submit"].disabled = false;
                    },
                    error: function (jqXHR, textStatus, errorThrown) {
                        /*console.log(jqXHR);
                        console.log(textStatus);
                        console.log(errorThrown);*/

                        swal({
                            showCancelButton: false,
                            showConfirmButton: true,
                            text: "No se pudo editar el registro",
                            title: "Error",
                            type: "error"
                        }, function (isConfirm) {

                        });
                    },
                    success: function (data, jqXHR, settings) {
                        /*console.log(data);
                        console.log(jqXHR);
                        console.log(settings);*/

                        if (data) {
                            swal({
                                showCancelButton: false,
                                showConfirmButton: true,
                                text: "El registro se editó exitosamente",
                                title: "Éxito",
                                type: "success"
                            }, function (isConfirm) {
                                //location.reload();

                                window.location.href = "{{ url('admin/tramite/usuario/') }}";
                            });
                        } else {
                            swal({
                                showCancelButton: false,
                                showConfirmButton: true,
                                text: "No se pudo editar el registro",
                                title: "Error",
                                type: "error"
                            }, function (isConfirm) {

                            });
                        }
                    }
                });
            }

            return false;
        }

        function AgregarAccion() {
            $("#modalAgregarAccion").modal();
        }

        function AgregarAccionResult(element, event) {
            event.preventDefault();

            var formName = element.name;
            var form = document.forms[formName];

            var data = {
                id: form["id"].value,
                folio: form["folio"].value,
                id_dependencia: form["id_dependencia"].value,
                id_tramite_usuario_accion: form["id_tramite_usuario_accion"].value,
                id_tramite_usuario_estado: form["id_tramite_usuario_estado"].value
            };

            $.ajax({
                data: data,
                type: "POST",
                url: "{{ route('admin.tramite.usuario.editar.post') }}",
                beforeSend: function (jqXHR, settings) {
                    /*console.log(jqXHR);
                    console.log(settings);*/

                    form["submit"].disabled = true;
                },
                complete: function (jqXHR, textStatus) {
                    /*console.log(jqXHR);
                    console.log(textStatus);*/

                    //form["submit"].disabled = false;
                },
                error: function (jqXHR, textStatus, errorThrown) {
                    /*console.log(jqXHR);
                    console.log(textStatus);
                    console.log(errorThrown);*/

                    swal({
                        showCancelButton: false,
                        showConfirmButton: true,
                        text: "No se pudo agregar el registro",
                        title: "Error",
                        type: "error"
                    }, function (isConfirm) {

                    });
                },
                success: function (data, jqXHR, settings) {
                    /*console.log(data);
                    console.log(jqXHR);
                    console.log(settings);*/

                    if (data) {
                        if (form["id_tramite_usuario_accion"].value == tramiteUsuarioAccionId.GENERACION_TRAMITE) {
                            var data = {
                                id_dependencia: form["id_dependencia"].value,
                                id_tramite_procedimiento: document.getElementById("selectTramiteUsuarioSubAccion").value,
                                id_usuario: form["usuario"].value
                            };

                            $.ajax({
                                data: data,
                                type: "POST",
                                url: "{{ route('admin.tramite.usuario.agregar.post') }}",
                                error: function (jqXHR, textStatus, errorThrown) {
                                    /*console.log(jqXHR);
                                    console.log(textStatus);
                                    console.log(errorThrown);*/

                                    swal({
                                        showCancelButton: false,
                                        showConfirmButton: true,
                                        text: "No se pudo editar el trámite",
                                        title: "Error",
                                        type: "error"
                                    }, function (isConfirm) {

                                    });
                                },
                                success: function (data, jqXHR, settings) {
                                    /*console.log(data);
                                    console.log(jqXHR);
                                    console.log(settings);*/

                                    if (data) {
                                        swal({
                                            showCancelButton: false,
                                            showConfirmButton: true,
                                            text: "El trámite se editó exitosamente",
                                            title: "Éxito",
                                            type: "success"
                                        }, function (isConfirm) {
                                            //location.reload();

                                            window.location.href = "{{ url('admin/tramite/usuario/') }}";
                                        });
                                    } else {
                                        swal({
                                            showCancelButton: false,
                                            showConfirmButton: true,
                                            text: "No se pudo editar el trámite",
                                            title: "Error",
                                            type: "error"
                                        }, function (isConfirm) {

                                        });
                                    }
                                }
                            });
                        } else if (form["id_tramite_usuario_accion"].value == tramiteUsuarioAccionId.EMISION_DOCUMENTO) {
                            var data = {
                                id_documento: document.getElementById("selectTramiteUsuarioSubAccion").value,
                                id_tramite_usuario: form["id_tramite_usuario"].value
                            };

                            $.ajax({
                                data: data,
                                type: "POST",
                                url: "{{ route('admin.tramite.usuariodocumento.agregar.post') }}",
                                error: function (jqXHR, textStatus, errorThrown) {
                                    /*console.log(jqXHR);
                                    console.log(textStatus);
                                    console.log(errorThrown);*/

                                    swal({
                                        showCancelButton: false,
                                        showConfirmButton: true,
                                        text: "No se pudo editar el trámite",
                                        title: "Error",
                                        type: "error"
                                    }, function (isConfirm) {

                                    });
                                },
                                success: function (data, jqXHR, settings) {
                                    /*console.log(data);
                                    console.log(jqXHR);
                                    console.log(settings);*/

                                    if (data) {
                                        swal({
                                            showCancelButton: false,
                                            showConfirmButton: true,
                                            text: "El trámite se editó exitosamente",
                                            title: "Éxito",
                                            type: "success"
                                        }, function (isConfirm) {
                                            //location.reload();

                                            window.location.href = "{{ url('admin/tramite/usuario/') }}";
                                        });
                                    } else {
                                        swal({
                                            showCancelButton: false,
                                            showConfirmButton: true,
                                            text: "No se pudo editar el trámite",
                                            title: "Error",
                                            type: "error"
                                        }, function (isConfirm) {

                                        });
                                    }
                                }
                            });
                        } else if (form["id_tramite_usuario_accion"].value == tramiteUsuarioAccionId.EXONERACION_PAGO_TRAMITE) {
                            var data = {
                                tramite: true,
                                id_usuario: form["usuario"].value
                            };

                            $.ajax({
                                data: data,
                                type: "POST",
                                url: "{{ route('admin.exoneracion.usuario.editar.post') }}",
                                error: function (jqXHR, textStatus, errorThrown) {
                                    /*console.log(jqXHR);
                                    console.log(textStatus);
                                    console.log(errorThrown);*/

                                    swal({
                                        showCancelButton: false,
                                        showConfirmButton: true,
                                        text: "No se pudo editar el trámite",
                                        title: "Error",
                                        type: "error"
                                    }, function (isConfirm) {

                                    });
                                },
                                success: function (data, jqXHR, settings) {
                                    /*console.log(data);
                                    console.log(jqXHR);
                                    console.log(settings);*/

                                    if (data) {
                                        swal({
                                            showCancelButton: false,
                                            showConfirmButton: true,
                                            text: "El trámite se editó exitosamente",
                                            title: "Éxito",
                                            type: "success"
                                        }, function (isConfirm) {
                                            //location.reload();

                                            window.location.href = "{{ url('admin/tramite/usuario/') }}";
                                        });
                                    } else {
                                        swal({
                                            showCancelButton: false,
                                            showConfirmButton: true,
                                            text: "No se pudo editar el trámite",
                                            title: "Error",
                                            type: "error"
                                        }, function (isConfirm) {

                                        });
                                    }
                                }
                            });
                        } else {
                            swal({
                                showCancelButton: false,
                                showConfirmButton: true,
                                text: "El trámite se editó exitosamente",
                                title: "Éxito",
                                type: "success"
                            }, function (isConfirm) {
                                //location.reload();

                                window.location.href = "{{ url('admin/tramite/usuario/') }}";
                            });
                        }
                    } else {
                        swal({
                            showCancelButton: false,
                            showConfirmButton: true,
                            text: "No se pudo agregar el registro",
                            title: "Error",
                            type: "error"
                        }, function (isConfirm) {

                        });
                    }
                }
            });

            return false;
        }

        function AgregarObservacion() {
            $("#modalAgregarObservacion").modal();
        }

        function AgregarObservacionResult(element, event) {
            event.preventDefault();

            var formName = element.name;
            var form = document.forms[formName];
            var data = {
                id_tramite_usuario: form["id_tramite_usuario"].value,
                id_dependencia: form["id_dependencia"].value,
                observacion: form["observacion"].value
            };

            $.ajax({
                data: data,
                type: "POST",
                url: "{{ route('admin.tramite.usuarioobservacion.agregar.post') }}",
                beforeSend: function (jqXHR, settings) {
                    /*console.log(jqXHR);
                    console.log(settings);*/

                    form["submit"].disabled = true;
                },
                complete: function (jqXHR, textStatus) {
                    /*console.log(jqXHR);
                    console.log(textStatus);*/

                    form["submit"].disabled = false;

                    $("#modalAgregarObservacion").modal("hide");
                },
                error: function (jqXHR, textStatus, errorThrown) {
                    /*console.log(jqXHR);
                    console.log(textStatus);
                    console.log(errorThrown);*/

                    swal({
                        showCancelButton: false,
                        showConfirmButton: true,
                        text: "No se pudo agregar el registro",
                        title: "Error",
                        type: "error"
                    }, function (isConfirm) {

                    });
                },
                success: function (data, jqXHR, settings) {
                    /*console.log(data);
                    console.log(jqXHR);
                    console.log(settings);*/

                    if (data) {
                        var args = {
                            dependenciaUsuario: JSON.parse('{!! json_encode($dependenciaUsuario) !!}'),
                            id_tramite_procedimiento: "{{ $tramiteUsuario->id_tramite_procedimiento }}" * 1,
                            id_tramite_usuario: "{{ $tramiteUsuario->id }}" * 1
                        };

                        swal({
                            showCancelButton: false,
                            showConfirmButton: true,
                            text: "El registro se agregó exitosamente",
                            title: "Éxito",
                            type: "success"
                        }, function () {
                            //location.reload();
                        });

                        CargarDataTables(-1, args);
                    } else {
                        swal({
                            showCancelButton: false,
                            showConfirmButton: true,
                            text: "No se pudo agregar el registro",
                            title: "Error",
                            type: "error"
                        }, function (isConfirm) {

                        });
                    }
                }
            });

            return false;
        }

        function EditarObservacion(id, observacion) {
            document.getElementById("editarObservacionId").value = id;
            document.getElementById("editarObservacionObservacion").value = observacion;

            $("#modalEditarObservacion").modal();
        }

        function EditarObservacionResult(element, event) {
            event.preventDefault();

            var formName = element.name;
            var form = document.forms[formName];
            var data = {
                id: form["id"].value,
                observacion: form["observacion"].value
            };

            $.ajax({
                data: data,
                type: "POST",
                url: "{{ route('admin.tramite.usuarioobservacion.editar.post') }}",
                beforeSend: function (jqXHR, settings) {
                    /*console.log(jqXHR);
                    console.log(settings);*/

                    form["submit"].disabled = true;
                },
                complete: function (jqXHR, textStatus) {
                    /*console.log(jqXHR);
                    console.log(textStatus);*/

                    form["submit"].disabled = false;

                    $("#modalEditarObservacion").modal("hide");
                },
                error: function (jqXHR, textStatus, errorThrown) {
                    /*console.log(jqXHR);
                    console.log(textStatus);
                    console.log(errorThrown);*/

                    swal({
                        showCancelButton: false,
                        showConfirmButton: true,
                        text: "No se pudo editar el registro",
                        title: "Error",
                        type: "error"
                    }, function (isConfirm) {

                    });
                },
                success: function (data, jqXHR, settings) {
                    /*console.log(data);
                    console.log(jqXHR);
                    console.log(settings);*/

                    if (data) {
                        var args = {
                            dependenciaUsuario: JSON.parse('{!! json_encode($dependenciaUsuario) !!}'),
                            id_tramite_procedimiento: "{{ $tramiteUsuario->id_tramite_procedimiento }}" * 1,
                            id_tramite_usuario: "{{ $tramiteUsuario->id }}" * 1
                        };

                        swal({
                            showCancelButton: false,
                            showConfirmButton: true,
                            text: "El registro se editó exitosamente",
                            title: "Éxito",
                            type: "success"
                        }, function (isConfirm) {
                            //location.reload();
                        });

                        CargarDataTables(-1, args);
                    } else {
                        swal({
                            showCancelButton: false,
                            showConfirmButton: true,
                            text: "No se pudo editar el registro",
                            title: "Error",
                            type: "error"
                        }, function (isConfirm) {

                        });
                    }
                }
            });

            return false;
        }

        function EliminarObservacion(id) {
            swal({
                cancelButtonColor: "#dd3333",
                cancelButtonText: "No",
                confirmButtonColor: "#3085d6",
                confirmButtonText: "Sí",
                showCancelButton: true,
                showConfirmButton: true,
                text: "Una vez borrado no se podrá recuperar",
                title: "¿Está seguro de querer eliminar este registro?",
                type: "warning"
            }, function (isConfirm) {
                if (isConfirm) {
                    EliminarObservacionResult(id);
                }
            });
        }

        function EliminarObservacionResult(id) {
            var data = {
                id: id
            };

            $.ajax({
                data: data,
                type: "POST",
                url: "{{ route("admin.tramite.usuarioobservacion.eliminar.post") }}",
                beforeSend: function (jqXHR, settings) {
                    /*console.log(jqXHR);
                    console.log(settings);*/
                },
                complete: function (jqXHR, textStatus) {
                    /*console.log(jqXHR);
                    console.log(textStatus);*/
                },
                error: function (jqXHR, textStatus, errorThrown) {
                    /*console.log(jqXHR);
                    console.log(textStatus);
                    console.log(errorThrown);*/

                    swal({
                        showCancelButton: false,
                        showConfirmButton: true,
                        text: "No se pudo eliminar el registro",
                        title: "Error",
                        type: "error"
                    }, function (isConfirm) {

                    });
                },
                success: function (data, jqXHR, settings) {
                    /*console.log(data);
                    console.log(jqXHR);
                    console.log(settings);*/

                    if (data) {
                        var args = {
                            dependenciaUsuario: JSON.parse('{!! json_encode($dependenciaUsuario) !!}'),
                            id_tramite_procedimiento: "{{ $tramiteUsuario->id_tramite_procedimiento }}" * 1,
                            id_tramite_usuario: "{{ $tramiteUsuario->id }}" * 1
                        };

                        swal({
                            showCancelButton: false,
                            showConfirmButton: true,
                            text: "El registro se eliminó exitosamente",
                            title: "Éxito",
                            type: "success"
                        }, function (isConfirm) {

                        });

                        CargarDataTables(-1, args);
                    } else {
                        swal({
                            showCancelButton: false,
                            showConfirmButton: true,
                            text: "No se pudo editar el registro",
                            title: "Error",
                            type: "error"
                        }, function (isConfirm) {

                        });
                    }
                }
            });
        }

        function EditarRequisito(element, id_tramite_usuario, id_tramite_requisito) {
            var url = "";
            var data = {
                id_tramite_requisito: id_tramite_requisito,
                id_tramite_usuario: id_tramite_usuario
            };

            if (!element.checked) {
                url = "{{ route('admin.tramite.usuariorequisito.eliminar.post') }}";
                element.checked = false;
            } else {
                url = "{{ route('admin.tramite.usuariorequisito.agregar.post') }}";
                element.checked = true;
            }

            $.ajax({
                data: data,
                type: "POST",
                url: url,
                error: function (jqXHR, textStatus, errorThrown) {
                    /*console.log(jqXHR);
                     console.log(textStatus);
                     console.log(errorThrown);*/
                },
                success: function (data, jqXHR, settings) {
                    /*console.log(data);
                    console.log(jqXHR);
                    console.log(settings);*/
                }
            });
        }


        window.onload = function() {
            var args = {
                dependenciaUsuario: JSON.parse('{!! json_encode($dependenciaUsuario) !!}'),
                id_tramite_procedimiento: "{{ $tramiteUsuario->id_tramite_procedimiento }}" * 1,
                id_tramite_usuario: "{{ $tramiteUsuario->id }}" * 1
            };

            CargarDataTables(-1, args);
            CargarSelects();
            CargarSubAcciones();
        };
    </script>
@endsection