@extends('adminlte::page')

@section('plugins.Datatables', true)
@section('plugins.Sweetalert2', true)
@section('plugins.Select1', true)

@section('title', 'Intranet | Acciones Realizandas En El Vehículo')

@section('content_header')
    <div class="container-fluid">

    </div>
@stop

@section('content')
    <div class="card card-aspen">
        <div class="card-header">
            <h3 class="card-title">Registros De Vehículos</h3>
        </div>
        <div class="card-body">
            <div class="table-responsive">
                <table class="table">
                    <thead>
                        <tr>
                            <th>Acción</th>
                            <th>Patente</th>
                            <th>Tipo Vehículo</th>
                            <th>Marca</th>
                            <th>Modelo</th>
                            <th>Año</th>
                            <th>Tracción</th>
                            <th>Color</th>
                            <th>Nro. Motor</th>
                            <th>Nro. Chasis/VIN</th>
                            <th>Nro. Asientos</th>
                            <th>Tipo De Moneda</th>
                            <th>Tarifa $/Mes</th>
                            <th>Centro De Costo</th>
                            <th>Tipo Estándar</th>
                            <th>Fecha Inicio Contrato</th>
                            <th>Fecha Término Contrato</th>
                            <th>Período (Meses)</th>

                            <th>Límite Del Kilometraje</th>
                            <th>Kilometraje Última Mantención</th>
                            <th>Kilometraje Proxima Mantención</th>
                            <th>Kilometraje Estimado Diario</th>
                            <th>Fecha Estimada De Mantención</th>
                            <th>Kilometraje De La Camioneta</th>
                            <th>Kilometraje Restantes</th>

                            <th>Fecha Última Mantención</th>
                            <th>Fecha Proxima Mantención</th>
                            <th>Días Restantes</th>
                            <th>Alerta De Mantención</th>

                            <th>Empresa Arrendadora</th>
                            <th>Razón Social</th>
                            <th>Rut</th>
                            <th>Sucursal</th>
                            <th>Ciudad</th>
                            <th>Faena</th>
                            <th>Gerencia</th>
                            <th>Fecha De Creacion</th>
                            <th>Fecha En Que Se Dio De Baja</th>
                            <th>Estado</th>
                            <th>Estado Mantención</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>
                                @if (Gate::check('camioneta.edit') || Gate::check('camioneta.edit-kilometraje') || Gate::check('camioneta.edit-mantencion') || Gate::check('camioneta.destroy') || Gate::check('camioneta.view-registros-modificaciones') || Gate::check('camioneta.view-registros-kilometraje-no-modificable') || Gate::check('camioneta.view-registros-mantenciones-vencidas') || count($camioneta->equipamientos)>0)
                                    <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
                                        Acciones
                                    </button>
                                    <div class="dropdown-menu" x-placement="bottom-start" style="position: absolute; will-change: transform; top: 0px; left: 0px; transform: translate3d(12px, 173px, 0px);">
                                        @if(count($camioneta->equipamientos)>0)
                                        <a class='dropdown-item' href='#' onclick='detalleEquipamiento("{{$camioneta->patente}}",{{json_encode($camioneta->equipamientos) }})'><i class='fas fa-wrench' aria-hidden='true'></i> Equipamientos</a>
                                        @endif

                                        @if (Gate::check('camioneta.view-registros-modificaciones'))
                                            <a class="dropdown-item" href="{{ route('camioneta.acciones-realizadas', $camioneta) }}"><i class="fas fa-table" aria-hidden="true"></i> Detalle De Las Acciones Realizadas</a>
                                        @endif

                                        @if (Gate::check('camioneta.view-registros-kilometraje-no-modificable'))
                                            <a class="dropdown-item" href="{{ route('camioneta.no-ingreso-semanal-kilometraje', $camioneta) }}"><i class="fas fa-table" aria-hidden="true"></i> Registros De Las Veces Que No Se Ingreso El Kilometraje Semanal</a>
                                        @endif

                                        @if (Gate::check('camioneta.view-registros-mantenciones-vencidas'))
                                            <a class="dropdown-item" href="{{ route('camioneta.mantenciones-vencidas', $camioneta) }}"><i class="fas fa-table" aria-hidden="true"></i> Registros De Mantenciones Vencidas</a>
                                        @endif 

                                        @if ($camioneta->estado == 'Vigente')
                                            @if (Gate::check('camioneta.edit'))
                                                <a class="dropdown-item" href="{{ route('camioneta.edit', $camioneta) }}"><i class="fas fa-edit" aria-hidden="true"></i> Editar Camioneta</a>
                                            @elseif(Gate::check('camioneta.edit-sucursal'))
                                                @if ($camioneta->sucursal == auth()->user()->sucursal)
                                                    <a class="dropdown-item" href="{{ route('camioneta.edit', $camioneta) }}"><i class="fas fa-edit" aria-hidden="true"></i> Editar Camioneta</a>
                                                @endif
                                            @endif

                                            @if (Gate::check('camioneta.edit') || Gate::check('camioneta.edit-kilometraje'))
                                                @if(isset($camioneta->centroDeCosto->clave_flota))
                                                <a class="dropdown-item" href="{{ route('camioneta.ingreso-clave', $camioneta) }}"><i class="fas fa-car" aria-hidden="true"></i> Editar Kilometraje</a>   
                                                @endif
                                            @endif

                                            @if (Gate::check('camioneta.edit') || Gate::check('camioneta.edit-mantencion'))
                                                <a class="dropdown-item" href="{{ route('camioneta.edit-mantencion-kilometraje', $camioneta) }}"><i class="fas fa-wrench" aria-hidden="true"></i> Editar Mantención En Kilometraje</a>
                                                <a class="dropdown-item" href="{{ route('camioneta.edit-mantencion-fecha', $camioneta) }}"><i class="fas fa-calendar-alt" aria-hidden="true"></i> Editar Mantención En Fecha</a>
                                            @elseif(Gate::check('camioneta.edit-mantencion-sucursal'))
                                                @if ($camioneta->sucursal == auth()->user()->sucursal)
                                                    <a class="dropdown-item" href="{{ route('camioneta.edit-mantencion-kilometraje', $camioneta) }}"><i class="fas fa-wrench" aria-hidden="true"></i> Editar Mantención En Kilometraje</a>
                                                    <a class="dropdown-item" href="{{ route('camioneta.edit-mantencion-fecha', $camioneta) }}"><i class="fas fa-calendar-alt" aria-hidden="true"></i> Editar Mantención En Fecha</a>
                                                @endif
                                            @endif

                                            <a class="dropdown-item" href="{{ route('camioneta.generar-codigo-qr', [$camioneta->id]) }}"><i class="fas fa-qrcode"></i> Generar Codigo Qr Para Documentos</a>
                                            <a class="dropdown-item" href="{{ route('camioneta.generar-codigo-qr-edit-kilometraje', [$camioneta->id]) }}"><i class="fas fa-qrcode"></i> Generar Codigo Qr Para Editar Kilometraje</a>

                                            @if (Gate::check('camioneta.destroy'))
                                                <a class="dropdown-item" href="#" onclick="alertaDeConfirmarParaEliminarUnCamioneta('{{ $camioneta->id }}')"><i class="fa fa-trash" aria-hidden="true"></i> Eliminar Camioneta</a>
                                            @endif
                                        @endif

                                    </div>
                                @endif
                            </td>
                            <td>{{ $camioneta->patente }}</td>
                            <td>{{ $camioneta->tipo_vehiculo }}</td>
                            <td>{{ $camioneta->marca }}</td>
                            <td>{{ $camioneta->modelo }}</td>
                            <td>{{ $camioneta->ano }}</td>
                            <td>{{ $camioneta->traccion }}</td>
                            <td>{{ $camioneta->color }}</td>
                            <td>{{ $camioneta->numero_motor }}</td>
                            <td>{{ $camioneta->numero_chasis }}</td>
                            <td>{{ $camioneta->numero_asiento }}</td>
                            <td>{{ $camioneta->tipo_moneda }}</td>
                            <td>{{ $camioneta->tarifa_mes_texto }}</td>
                            @if (isset($camioneta->centroDeCosto))
                                <td>{{ $camioneta->centroDeCosto->centro_costo }}</td>
                            @else
                                <td></td>
                            @endif
                            <td>{{ $camioneta->tipo_estandar }}</td>
                            <td>{{ fechaConFormatoDeChile($camioneta->fecha_inicio_contrato) }}</td>
                            <td>{{ fechaConFormatoDeChile($camioneta->fecha_termino_contrato) }}</td>
                            <td>{{ $camioneta->periodo }}</td>

                            <td>{{ $camioneta->limite_kilometraje}}</td>
                            <td>{{ $camioneta->kilometraje_ultima_mantencion}}</td>
                            <td>{{ $camioneta->kilometraje_proxima_mantencion }}</td>
                            <td>{{ $camioneta->kilometraje_estimado_diario}}</td>
                            <td>{{ $camioneta->kilometraje_fecha_estimada_proxima_mantencion}}</td>
                            <td>{{ $camioneta->kilometraje}}</td>
                            <td>{{ $camioneta->kilometraje_restante}}</td>
                            <td>{{ $camioneta->fecha_ultima_mantencion}}</td>
                            <td>{{ $camioneta->fecha_proxima_mantencion }}</td>
                            <td></td>
                            <td>{{ $camioneta->tipo_alerta }}</td>

                            @if (isset($camioneta->empresa))
                                <td>{{ $camioneta->empresa->nombre_fantasia }}</td>
                                <td>{{ $camioneta->empresa->razon_social }}</td>
                                <td>{{ $camioneta->empresa->rut }}</td>
                            @else
                                <td></td>
                                <td></td>
                                <td></td>
                            @endif
                            <td>{{ $camioneta->sucursal }}</td>
                            <td>{{ $camioneta->ciudad}}</td>
                            <td>{{ $camioneta->faena }}</td>
                            <td>{{ $camioneta->gerencia }}</td>
                            <td>{{ fechaConFormatoDeChile($camioneta->created_at) }}</td>
                            <td>{{ fechaConFormatoDeChile($camioneta->fecha_dado_de_baja) }}</td>
                            @if ($camioneta->estado == 'Vigente')
                                <td><span class="badge badge-success">{{ $camioneta->estado }}</span></td>
                            @elseif($camioneta->estado == 'Dado De Baja')
                                <td><span class="badge badge-danger">{{ $camioneta->estado }}</span></td>
                            @endif

                            @if ($camioneta->estado_mantencion == 'Al Día')
                                <td><span class="badge badge-success">{{ $camioneta->estado_mantencion }}</span></td>
                            @elseif($camioneta->estado_mantencion == 'Mantención Por Vencer')
                                <td><span class="badge badge-warning">{{ $camioneta->estado_mantencion }}</span></td>
                            @elseif($camioneta->estado_mantencion == 'Mantención Vencida' || $camioneta->estado_mantencion == 'Faltan Datos De Mantención')
                                <td><span class="badge badge-danger">{{ $camioneta->estado_mantencion }}</span></td>
                            @endif
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
        <!-- /.card-body -->
    </div>

    <div class="card card-aspen card-tabs">

        <div class="card-header p-0 pt-1">
            <ul class="nav nav-tabs" id="custom-tabs-one-tab" role="tablist">
                <li class="nav-item">
                    <a class="nav-link active" id="custom-tabs-one-home-tab" data-toggle="pill" href="#custom-tabs-one-home" role="tab" aria-controls="custom-tabs-one-home" aria-selected="true">Acciones Realizandas En Carpetas/Archivos</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" id="custom-tabs-one-profile-tab" data-toggle="pill" href="#custom-tabs-one-profile" role="tab" aria-controls="custom-tabs-one-profile" aria-selected="false">Acciones Realizandas En El Vehículo</a>
                </li>
            </ul>
        </div>

        <div class="card-body">
            <div class="tab-content" id="custom-tabs-one-tabContent">
                <div class="tab-pane fade show active" id="custom-tabs-one-home" role="tabpanel" aria-labelledby="custom-tabs-one-home-tab">
                    <div class="table-responsive" >
                        <table class="table table-striped table-bordered" id="documentacionDatatable">
                            <thead>
                                <tr>
                                    <th>Patente</th>
                                    <th>Tipo De Modificación</th>
                                    <th>Adjunto</th>
                                    <th>Ubicación</th>
                                    <th>Usuario</th>
                                    <th>Fecha Se Realizo</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($accionesRealiazadasEnAdjuntos as $accion)
                                    <tr>
                                        <td>{{ $accion->patente }}</td>
                                        <td>{{ $accion->tipo_modificacion }}</td>

                                        @if ($accion->extension == 'jpeg' || $accion->extension == 'jpg' || $accion->extension == 'png' || $accion->extension == 'gif')
                                            <td><span class="archivo-img"><i class="fas fa-file-image"></i> {{ $accion->adjunto }}</span></td>
                                        @elseif($accion->extension == 'pdf')
                                            <td><span class="archivo-pdf"><i class="fas fa-file-pdf"></i> {{ $accion->adjunto }}</span></td>
                                        @elseif($accion->extension == 'xls' || $accion->extension == 'xlsx')
                                            <td><span class="archivo-excel"><i class="fas fa-file-excel"></i> {{ $accion->adjunto }}</span></td>
                                        @elseif($accion->extension == 'doc' || $accion->extension == 'docx')
                                            <td><span class="archivo-word"><i class="fas fa-file-word"></i> {{ $accion->adjunto }}</span></td>
                                        @elseif($accion->extension == 'ppt' || $accion->extension == 'pptx')
                                            <td><span class="archivo-power-point"><i class="fas fa-file-powerpoint"></i> {{ $accion->adjunto }}</span></td>
                                        @elseif($accion->extension == 'txt')
                                            <td><span class="archivo-txt"><i class="fas fa-file-alt"></i> {{ $accion->adjunto }}</span></td>
                                        @elseif($accion->extension == 'carpeta')
                                            <td><span class="link-carpeta"><i class="fas fa-folder-open"></i> {{ $accion->adjunto }}</span></td>
                                        @else
                                            <td><span class="archivo-file"><i class="fas fa-file"></i> {{ $accion->adjunto }}</span></td>
                                        @endif

                                        <td>{{ $accion->ubicacion }}</td>
                                        <td>{{ $accion->usuario->name }}</td>
                                        <td>{{ fechaConFormatoDeChile($accion->created_at) }}</td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>

                <div class="tab-pane fade" id="custom-tabs-one-profile" role="tabpanel" aria-labelledby="custom-tabs-one-profile-tab">
                    <table class="table table-striped table-bordered" id="camionetaDatatable">
                        <thead>
                            <tr>
                                <th>Patente</th>
                                <th>Tipo De Modificación</th>
                                <th>Campo Antes De La Modificación</th>
                                <th>Campo Despues De La Modificación</th>
                                <th>Usuario</th>
                                <th>Fecha Se Realizo</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($accionesRealiazadasEnLaCamioneta as $accion)
                                <tr>
                                    <td>{{ $accion->patente }}</td>
                                    <td>{{ $accion->tipo_modificacion }}</td>
                                    @if ($accion->tipo_modificacion == 'Modificacion De Mantencion Por Fecha')
                                        <td>{{ fechaConFormatoDeChile($accion->campo_modificado_antes) }}</td>
                                        <td>{{ fechaConFormatoDeChile($accion->campo_modificado_despues) }}</td>
                                    @else
                                        <td>{{ $accion->campo_modificado_antes }}</td>
                                        <td>{{ $accion->campo_modificado_despues }}</td>
                                    @endif
                                    <td>{{ $accion->usuario->name }}</td>
                                    <td>{{ fechaConFormatoDeChile($accion->created_at) }}</td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>

        <div class=" card-footer">
            @if(URL::previous()==URL::current())
            <a href="{{ route('camioneta.index') }}" role="button" class="btn btn-secondary"><i class="fas fa-arrow-alt-circle-left" style="margin-right: 2px;"></i> Volver</a>
            @else 
            <a href="{{ URL::previous() }}" role="button" class="btn btn-secondary"><i class="fas fa-arrow-alt-circle-left" style="margin-right: 2px;"></i> Volver</a>   
            @endif
        </div>
    </div>

@stop

@section('footer')
    <div class="float-right d-none d-sm-inline">
        Intranet
    </div>
    <strong>Copyright © 2021 <a href="http://guinezingenieria.cl/">GuiñezIngeniería.cl</a>.</strong>
@stop

@section('css')
    <link rel="stylesheet" href="{{ asset('css/estilo-generico.css') }}">
    <style>
        table>tbody>tr>td {
            vertical-align: middle !important;
        }

        #validacionCampoArchivosModalSubirDocumento {
            display: none;
        }

        #validacionCampoArchivosModalSubirDocumentoExito {
            display: none;
        }

        .link-carpeta {
            color: #007bff;
        }

        .archivo-img {
            color: #17a2b8;
        }

        .archivo-img:hover {
            color: #096472;
        }

        .archivo-pdf {
            color: #ad0b00;
        }

        .archivo-pdf:hover {
            color: #620902;
        }

        .archivo-word {
            color: #015097;
        }

        .archivo-power-point {
            color: #c33e22;
        }

        .archivo-excel {
            color: #006d37;
        }

        .archivo-txt {
            color: #ac05ff;
        }

        .archivo-txt:hover {
            color: #3f0650;
        }

        .archivo-file {
            color: #212529;
        }

        .archivo-file:hover {
            color: #212529;
        }
    </style>
@stop

@section('js')
    <script src="{{ asset('js/funcionalidades-genericas.js') }}"></script>

    <script>
        var documentacionDatatable = $("#documentacionDatatable").DataTable({
            orderCellsTop: true,
            fixedHeader: true,
            lengthMenu: [
                [10, 25, 50, 100, -1],
                [10, 25, 50, 100, "Todos"],
            ],
            columnDefs: [{
                targets: 0,
                orderable: false
            }],
            language: {
                processing: "Procesando...",
                search: "Buscar",
                lengthMenu: "Mostrar_MENU_ Registros",
                info: "Mostrar desde _START_ hasta _END_ de _TOTAL_ registros",
                infoEmpty: "Opcion no disponible",
                infoFiltered: "",
                infoPostFix: "",
                loadingRecords: "Cargandos registros.",
                zeroRecords: "No hay datos disponibles en la tabla",
                emptyTable: "No hay datos disponibles en la tabla",
                paginate: {
                    first: "Primero",
                    previous: "Anterior",
                    next: "Siguiente",
                    last: "Ultimo",
                },
                aria: {
                    sortAscending: ": Activar orden de columna ascendente",
                    sortDescending: ": Activar orden de columna desendente"
                }
            },
            dom: "<'row'<'#ordenArchivos.col-sm-4'><'col-sm-4 d-flex justify-content-center' l><'col-sm-4'f>>" + "<'row'<'col-sm-12'tr>>" + "<'row'<'col-sm-6'i><'col-sm-6'p>>",
        });

        $("#documentacionDatatable thead tr").clone(true).appendTo("#documentacionDatatable thead");

        $("#documentacionDatatable thead tr:eq(1) th").each(function(i) {
            var title = $(this).text(); //es el nombre de la columna
            if (title != "Acción" && title != "Selección" && title != "Tipo De Modificación") {
                $(this).html(
                    '<input class="form-control" type="text" placeholder="Buscar ' + title + '" />'
                );
                $(this).removeClass("sorting");
                $(this).removeClass("sorting_asc");
                $(this).unbind();
                $(this).parent().attr('id', 'searchColumns');

                $("input", this).on("keyup change", function() {
                    if (documentacionDatatable.column(i).search() !== this.value) {
                        documentacionDatatable.column(i).search(this.value).draw();
                    }
                });
            } else {
                if (title == "Tipo De Modificación") {
                    let accionesRealiazadasEnAdjuntos = {{ Illuminate\Support\Js::from($listadoAccionesRealiazadasEnAdjuntos) }}
                    let opcionesAccionesRealizadas = [];
                    opcionesAccionesRealizadas.push('<option value="">Todos</option>');
                    accionesRealiazadasEnAdjuntos.forEach(elemento => {
                        opcionesAccionesRealizadas.push('<option value="' + elemento + '">' + elemento + '</option>');
                    });

                    $(this).html(
                        '<select class="form-control listaDespegableConBuscador mh" data-live-search="true" id="campoFiltroAccionesRealizadasAdjuntoDatatable">' + opcionesAccionesRealizadas + '</select>'
                    );
                    $(this).removeClass("sorting");
                    $(this).removeClass("sorting_asc");
                    $(this).unbind();
                    $(this).parent().attr('id', 'searchColumns');

                    $("select", this).on("keyup change", function() {
                        if (datatable.column(i).search() !== this.value) {
                            datatable.column(i).search(this.value).draw();
                        }
                    });

                    $('#campoFiltroAccionesRealizadasAdjuntoDatatable').selectpicker({
                        dropupAuto: false,
                    });
                } else {
                    $(this).html("<div></div>");
                    $(this).removeClass("sorting");
                    $(this).removeClass("sorting_asc");
                }
            }
        });
    </script>

    <script>
        var camionetaDatatable = $("#camionetaDatatable").DataTable({
            orderCellsTop: true,
            fixedHeader: true,
            lengthMenu: [
                [10, 25, 50, 100, -1],
                [10, 25, 50, 100, "Todos"],
            ],
            columnDefs: [{
                targets: 0,
                orderable: false
            }],
            language: {
                processing: "Procesando...",
                search: "Buscar",
                lengthMenu: "Mostrar_MENU_ Registros",
                info: "Mostrar desde _START_ hasta _END_ de _TOTAL_ registros",
                infoEmpty: "Opcion no disponible",
                infoFiltered: "",
                infoPostFix: "",
                loadingRecords: "Cargandos registros.",
                zeroRecords: "No hay datos disponibles en la tabla",
                emptyTable: "No hay datos disponibles en la tabla",
                paginate: {
                    first: "Primero",
                    previous: "Anterior",
                    next: "Siguiente",
                    last: "Ultimo",
                },
                aria: {
                    sortAscending: ": Activar orden de columna ascendente",
                    sortDescending: ": Activar orden de columna desendente"
                }
            },
            dom: "<'row'<'#ordenArchivos.col-sm-4'><'col-sm-4 d-flex justify-content-center' l><'col-sm-4'f>>" + "<'row'<'col-sm-12'tr>>" + "<'row'<'col-sm-6'i><'col-sm-6'p>>",
        });

        $("#camionetaDatatable thead tr").clone(true).appendTo("#camionetaDatatable thead");

        $("#camionetaDatatable thead tr:eq(1) th").each(function(i) {
            var title = $(this).text(); //es el nombre de la columna
            if (title != "Acción" && title != "Selección" && title != "Tipo De Modificación") {
                $(this).html(
                    '<input class="form-control" type="text" placeholder="Buscar ' + title + '" />'
                );
                $(this).removeClass("sorting");
                $(this).removeClass("sorting_asc");
                $(this).unbind();
                $(this).parent().attr('id', 'searchColumns');

                $("input", this).on("keyup change", function() {
                    if (camionetaDatatable.column(i).search() !== this.value) {
                        camionetaDatatable.column(i).search(this.value).draw();
                    }
                });
            } else {
                if (title == "Tipo De Modificación") {
                    let accionesRealiazadasEnCamionetas = {{ Illuminate\Support\Js::from($listadoAccionesRealiazadasEnLaCamioneta) }}
                    let opcionesAccionesRealizadas = [];
                    opcionesAccionesRealizadas.push('<option value="">Todos</option>');
                    accionesRealiazadasEnCamionetas.forEach(elemento => {
                        opcionesAccionesRealizadas.push('<option value="' + elemento + '">' + elemento + '</option>');
                    });

                    $(this).html(
                        '<select class="form-control listaDespegableConBuscador mh" data-live-search="true" id="campoFiltroAccionesRealizadasCamionetaDatatable">' + opcionesAccionesRealizadas + '</select>'
                    );
                    $(this).removeClass("sorting");
                    $(this).removeClass("sorting_asc");
                    $(this).unbind();
                    $(this).parent().attr('id', 'searchColumns');

                    $("select", this).on("keyup change", function() {
                        if (datatable.column(i).search() !== this.value) {
                            datatable.column(i).search(this.value).draw();
                        }
                    });

                    $('#campoFiltroAccionesRealizadasCamionetaDatatable').selectpicker({
                        dropupAuto: false,
                    });
                } else {
                    $(this).html("<div></div>");
                    $(this).removeClass("sorting");
                    $(this).removeClass("sorting_asc");
                }
            }
        });
    </script>
@stop