@extends('base')
@section('title')
Usuarios
@endsection
@section('content')
<nav aria-label="breadcrumb">
    <ol class="breadcrumb">
        <li class="breadcrumb-item active" aria-current="page">Listado de usuarios</li>
    </ol>
</nav>
<div class="col-md-12">
    <a href="{{route('register')}}" class="btn btn-primary">Agregar usuario</a>
</div>

<br>
@include('sessions')

    <table class="table">
        <thead class="thead-dark">
            <tr>
                <th scope="col">#</th>
                <th scope="col">Nombre</th>

                <th scope="col">Correo eléctronico</th>

                <th scope="col">Acciones</th>
            </tr>
            @foreach ($usuarios as $usuario )
            <tr>
                <td> {{ $usuario->id }} </td>
                 <td> {{ $usuario->name }} </td>

                <td> {{ $usuario->email }} </td>

                <td>
                    <a class="fas fa-w fa-eye" title="Mostrar" href="{{route('user.show', $usuario->id)}}"
                        style="color:gray !important; margin-right: 12px"></a>

                    <a class="fas fa-w fa-edit" title="Editar" href="{{route('user.edit', $usuario->id)}}"
                            style="color:gray !important; margin-right: 5px">
                    </a>

                    <a class="fas fa-w fa-unlock-alt" title="Cambiar clave" href="{{route('user.updatePassword', $usuario->id)}}"
                        style="color:gray !important; margin-right: 5px">
                    </a>
                        <button type="button" title="Eliminar" data-toggle="modal" data-target="#deleteModal"
                            class="fas fa-w fa-trash"
                            style="color:gray !important; background-color:transparent; border: 0px solid;"
                            onclick="fun_delete('{{$usuario->id}}')">
                        </button>
                    @if ($usuario->activo == 0)
                        <button title="Activar" data-toggle="modal" data-target="#activarModal"
                        class="fas fa-thumbs-up" type="button" style="color:gray !important; background-color:transparent; border: 0px solid;" onclick="fun_activar('{{$usuario->id}}')">
                        </button>
                    @endif
                    @if ($usuario->activo == 1)
                        <button title="Desactivar" data-toggle="modal" data-target="#desactivarModal"
                        class="fas fa-thumbs-down" type="button" style="color:gray !important; background-color:transparent; border: 0px solid;" onclick="fun_desactivar('{{$usuario->id}}')">
                        </button>
                    @endif

                </td>
            </tr>
            @endforeach
        </thead>
    </table>
    <!-- Paginacion de tabla -->
    <div class="d-flex justify-content-center">
        {{ $usuarios->links() }}
    </div>
    <!-- Fin Paginacion de tabla-->
    <!-- Eliminar Modal -->
    <div class="modal fade" id="deleteModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
        aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-body align-self-center">
                    <form action="{{ route('user.delete') }}" method="POST">
                        @csrf
                        {{ method_field('DELETE') }}
                        <div style="text-align: center">
                            <br>
                            <i class='fas fa-exclamation-circle' style='font-size:80px;color: gray;'></i>
                            <br>
                            <br>
                            <strong>
                                <h3>¿Estás seguro que deseas eliminar el usuario?</h3>
                            </strong>
                            <strong>Recuerda que NO podrás revertir esta acción</strong>
                            <input type="hidden" id="delete_id" name="delete_id">
                            <input type="hidden" name="user" value="{{auth()->user()->name}}">
                        </div>
                        <div class="modal-footer d-flex justify-content-center">
                            <button type="submit" class="btn btn-primary">
                                <i class='fas fa-check-circle'></i>
                                Eliminar
                            </button>
                            <a href="" class="btn btn-primary" data-dismiss="modal">
                                <i class='fa fa-times'></i>
                                Cancelar
                            </a>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="modal fade" id="activarModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalTitle"
    aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header" style="background-color:#F2F2F2 !important;">
                <h5 class="modal-title" id="exampleModalLongTitle">
                    <i class="fas fw fa-plus-circle"></i>
                    Activar usuario
                </h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <form action="{{ route('user.activar') }}" method="POST" name="miForm">
                    @csrf

                   <div class="form-group ">
                        <label for="fecha_entrega">¿Está seguro de activar el usuario?</label>
                   </div>
                   <input type="hidden" name="usuario_id" id="usuario_id" >


                    <div class="modal-footer d-flex justify-content-center">

                        <button id="bsa" type="submit" class="btn btn-primary">
                            <i class='fas fa-thumbs-up'></i>
                            Aceptar
                        </button>
                        <a href="" class="btn btn-primary" data-dismiss="modal">
                            <i class='fa fa-times'></i>
                            Cancelar
                        </a>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="desactivarModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalTitle"
    aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header" style="background-color:#F2F2F2 !important;">
                <h5 class="modal-title" id="exampleModalLongTitle">
                    <i class="fas fw fa-plus-circle"></i>
                    Desactivar usuario
                </h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <form action="{{ route('user.desactivar') }}" method="POST" name="miFormd">
                    @csrf

                   <div class="form-group ">
                        <label for="fecha_entrega">¿Está seguro de desactivar el usuario?</label>
                   </div>
                   <input type="hidden" name="usuariod_id" id="usuariod_id" >


                    <div class="modal-footer d-flex justify-content-center">

                        <button id="sbd" type="submit" class="btn btn-primary">
                            <i class='fas fa-thumbs-down'></i>
                            Aceptar
                        </button>
                        <a href="" class="btn btn-primary" data-dismiss="modal">
                            <i class='fa fa-times'></i>
                            Cancelar
                        </a>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>

<script type="text/javascript">
    function fun_delete(id)
   {
      $("#delete_id").val(id);
   }

   function fun_activar(id)
   {
      $("#usuario_id").val(id);
      console.log(id);
   }

   function fun_desactivar(id)
   {
      $("#usuariod_id").val(id);
      console.log(id);
   }
</script>
@endsection