@extends('adminlte::page')

@section('title', 'Usuario')

@section('content_header')
@stop

@section('content')
<br>
<x-adminlte-card title="USUARIOS" class="m-2" theme="dark" icon="fas fa-id-card">
    <div class="col-12">                                         
        <div class="row">
            <div class="col-12">
                <div class="card-body">
                    <div id="example1_wrapper" class="dataTables_wrapper dt-bootstrap4">
                        <div class="row">
                            <div class="col-sm-12">
                                <table id="example2" class="table table-bordered table-striped dataTable dtr-inline collapsed" aria-describedby="example1_info">
                                    <thead class="text-center text-nowrap bg-dark ">
                                        <tr>
                                            <th>N°</th>
                                            <th>APELLIDOS</th>
                                            <th>NOMBRES</th>
                                            <th>DNI</th>
                                            <th>CORREO</th>
                                            <th>ROL</th>
                                            <th>EDITAR</th>
                                            <th>ELIMINAR</th>
                                            <th style="width:auto; height:20px;" class="text-nowrap">RESTABLECER CONTRASEÑA</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach ($users as $user)
                                        <tr>
                                            <td>{{ $user->id-1 }}</td>
                                            <td>{{ $user->lastname }}</td>
                                            <td>{{ $user->name }}</td>
                                            <td>{{ $user->numDocument }}</td>
                                            <td>{{ $user->email }}</td>
                                            @if($user->rol == '2'|| $user->rol == 'usuario')
                                                <td><span class="badge bg-secondary">Usuario</span></td>
                                            @else
                                                <td><span class="badge bg-info">Administrador</span></td>
                                            @endif
                                            <td class="text-center">
                                                <form action="{{ url('/editusuario/'.$user->id) }}">
                                                    <button class="btn btn-warning" title="Editar" name="btnEdit" id="btnEdit" type="submit">
                                                    <i class="fas fa-edit"></i>
                                                    </button>
                                                </form>
                                            </td>
                                            <td class="text-center">
                                                <form class="formDelete" method="post" action="{{ url('/destroyusuario/'.$user->id) }}">
                                                    @csrf
                                                    @method('delete')
                                                    <button class="btn btn-danger" title="Borrar" name="btnBorrar" id="btnBorrar" type="submit">
                                                    <i class="fas fa-trash"></i>
                                                    </button>
                                                </form>
                                            </td>
                                            <td class="text-center">
                                                <form method="post" action="{{ url('resetpass/'.$user->id) }}">
                                                    @csrf
                                                    <button class="btn btn-info" title="Restablecer" type="submit">
                                                    <i class="fas fa-key"></i>
                                                    </button>
                                                </form>
                                            </td>
                                        </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</x-adminlte-card>

@stop

@section('css')
    <link rel="stylesheet" href="http://localhost/siscertificado/vendor/almasaeed2010/adminlte/dist/css/adminlte.css">
@stop

@section('js')

<script>
$('.formDelete').submit(function(e){
    e.preventDefault();

        
    const swalWithBootstrapButtons = Swal.mixin({
    customClass: {
        confirmButton: 'btn btn-success m-2',
        cancelButton: 'btn btn-danger m-2'
    },
    buttonsStyling: false
    })

    swalWithBootstrapButtons.fire({
    title: '¿Estas seguro?',
    text: "Se eliminará definitavemnte",
    icon: 'warning',
    showCancelButton: true,
    confirmButtonText: 'Si, eliminar',
    cancelButtonText: 'No, cancelar',
    reverseButtons: true
    }).then((result) => {
    if (result.isConfirmed) {
        this.submit();
    } else if (
        
        result.dismiss === Swal.DismissReason.cancel
    ) {
        swalWithBootstrapButtons.fire(
        'Cancelado',
        'El usuario sigue activo',
        'error'
        )
    }
    })
})
</script>

@if(session('user') == 'ok')
    <script>
        Swal.fire(
        'Eliminado!',
        'El usuario se eliminó.',
        'success'
        )
    </script>
@endif

@if(session('user') == 'reset')
    <script>
        Swal.fire(
        'Restablecido!',
        'La contraseña se restablecio correctamente',
        'success'
        )
    </script>
@endif

@if(session('user') == 'update')
    <script>
        Swal.fire(
        'Actualizado!',
        'El usuario se actualizo correctamente.',
        'success'
        )
    </script>
@endif

@if(session('user') == 'fail')
    <script>
        Swal.fire({
            icon: 'error',
            title:'Oops...',
            text: 'Fallo el proceso',
        })  
    </script>
@endif

@stop