@extends('layout.backoffice')
@section('content')
<div class="row">
    <div class="col-lg-12">
        <div class="card">
            <div class="card-header">
                <h3 class="card-title">Calificaciones Genéricas</h3>
                <button type="button" class="btn btn-primary btn-sm btn-flat float-right btn-filtro ml-2" data-estado="0" style="cursor: pointer;">Pendientes</button>
                <button type="button" class="btn btn-primary btn-sm btn-flat float-right btn-filtro" data-estado="1" style="cursor: pointer;">Activos</button>
            </div>
            <div class="card-body table-responsive">
                <div class="row">
                    <div class="col-12">
                        <table class="table table-hover text-nowrap table-sm py-4 no-footer" id="tabla">
                            <thead>
                                <tr>
                                    <th>Sku</th>
                                    <th>Nombre Producto</th>
                                    <th>Nombre</th>
                                    <th>Email</th>
                                    <th>Departamento</th>
                                    <th>Municipio</th>
                                    <th>Calidad</th>
                                    <th>Facilidad Uso</th>
                                    <th>Diseno</th>
                                    <th>Eficiencia</th>
                                    <th>Compra de nuevo</th>
                                    <th>Observacion</th>
                                    <th>Fecha</th>
                                    <th>Estado</th>
                                    <th></th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($lista ?? [] as $dato)
                                <tr data-url="" class="">
                                    <td>{{ $dato["sku"] }}</td>
                                    <td class="desplegar_info" style="cursor: pointer; max-width: 150px; overflow: hidden;">{{ $dato["nombre_producto"] }}</td>
                                    <td>{{ $dato["nombre"] }}</td>
                                    <td>{{ $dato["email"] }}</td>
                                    <td>{{ $dato["departamento"] }}</td>
                                    <td>{{ $dato["municipio"] }}</td>
                                    <td>{{ $dato["calidad"] }}</td>
                                    <td>{{ $dato["facilidad_uso"] }}</td>
                                    <td>{{ $dato["diseno"] }}</td>
                                    <td>{{ $dato["eficiencia"] }}</td>
                                    <td>{{ $dato["compra_de_nuevo"] }}</td>
                                    <td class="desplegar_info" style="cursor: pointer; max-width: 150px; overflow: hidden;">{{ $dato["observacion"] }}</td>
                                    <td>{{ $dato["fecha"] }}</td>
                                    <td>{{ $dato["estado"] == 1 ? 'Activo' : 'Pendiente' }}</td>
                                    <td>
                                        @if ($dato["estado"] == 0)
                                        <i class="fas fa-check-circle" style="color: #0d6efd; cursor: pointer;" title="Aceptar" onclick="activar()"></i>&nbsp&nbsp
                                        <i class="fas fa-trash-alt" style="color: #0d6efd; cursor: pointer;" title="Eliminar" onclick="eliminar()"></i>
                                        @elseif ($dato["estado"] == 1)
                                        <i class="fas fa-trash-alt" style="color: #0d6efd; cursor: pointer;" title="Eliminar" onclick="eliminar()"></i>
                                        @endif
                                    </td>
                                </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script>
    jQuery(document).ready(function() {
        dataTable(jQuery('#tabla'))
    });

    function activar(id) {
        Swal.fire({
            title: '¿Está seguro de aprobar la calificacion?',
            text: "Esta acción no se puede revertir.",
            icon: 'warning',
            showCancelButton: true,
            confirmButtonText: 'Si',
            cancelButtonText: 'No'
        }).then((result) => {
            if (result.value) {
                Swal.showLoading(Swal.getDenyButton());
                axios.put('administrar/calificacion/' + id, {
                    'estado': 1
                }).then(function(resp) {
                    if (resp.data.error === 0) {
                        Swal.fire("Calificacion aprobada", '', 'success').then(function() {
                            window.location.reload();
                        });
                    } else {
                        notificarUsuario(resp.data.mensaje);
                    }
                });
            }
        });
    };

    function eliminar(id) {
        Swal.fire({
            title: '¿Está seguro de eliminar la calificacion?',
            text: "Esta acción no se puede revertir.",
            icon: 'warning',
            showCancelButton: true,
            confirmButtonText: 'Si',
            cancelButtonText: 'No'
        }).then((result) => {
            if (result.value) {
                Swal.showLoading(Swal.getDenyButton());
                axios.delete('administrar/calificacion/' + id).then(function(resp) {
                    if (resp.data.error === 0) {
                        Swal.fire("Calificacion eliminada", '', 'success').then(function() {
                            window.location.reload();
                        });
                    } else {
                        notificarUsuario(resp.data.mensaje);
                    }
                });
            }
        });
    };

    jQuery('.btn-filtro').on('click', function() {
        var filtro = jQuery(this).data('estado');
        location.href = UrlGlobal + "administrar/calificacion/listado?filtro=" + filtro;
    });

    jQuery('.desplegar_info').on('click', function() {
        let text = jQuery(this).html();
        Swal.fire({
            html: text,
            showCancelButton: false,
            showConfirmButton: false,
        })
    })
</script>
@endsection