@extends('layouts.tables')

@section('tables-head')
    <title>PbxHosting | Usuarios</title>
@endsection

@section('tables-title')
    Mis Usuarios
@endsection

@section('tables-btn')
    <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#newUser">Añadir usuario</button>
@endsection

@section('tables-content')
    <thead>
        <tr>
            <th>Nombre</th>
            <th>Usuario</th>
            <th>Admin</th>
            <th>Roles</th>
            <th>Estatus</th>
            <th>Acción</th>
        </tr>
    </thead>
    <tbody>
        @foreach($consulta as $cons)
            <tr>
                <td>{{$cons->name}}</td>
                <td>{{$cons->username}}</td>
                <td>@if($cons->admin == 1)
                    Si
                @else
                    No
                @endif
                </td>
                <td>
                @empty(!$cons->user_type)
                @foreach(json_decode($cons->user_type) as $element)
                    {{$consulta2[$element-1]->type_name}} <br>
                @endforeach
                @endempty
                </td>
                <td>@if($cons->deleted_at == null)
                    Activo
                    @else
                    Desactivado
                @endif
                </td>
                <!-- Bóton para editar un usuario -->
                <td>
                <!-- <a href="#" class="btn btn-primary" data-toggle="modal" data-target="#editarusuario">Editar</a> -->
                    @if($cons->admin != '1')
                    <a href="#" class="editUser btn btn-primary" data-id="{{$cons->id}}">Editar</a>
                    <a href="#" class="resetPassword btn btn-primary" data-id="{{$cons->id}}">Restablecer contraseña</a>
                    @if($cons->deleted_at == null)
                    <a href="#" class="softDelete btn btn-danger" data-id="{{$cons->id}}">Inhabilitar usuario</a>
                    @else
                    <a href="#" class="permaDelete btn btn-danger" data-id="{{$cons->id}}">Eliminar usuario</a>
                    <a href="#" class="restoreUser btn btn-primary" data-id="{{$cons->id}}">Restablecer usuario</a>
                    @endif
                    @endif
                </td>
            </tr>
        @endforeach
    </tbody>
    <tfoot>
        <tr>
            <th>Nombre</th>
            <th>Usuario</th>
            <th>Admin</th>
            <th>Roles</th>
            <th>Estatus</th>
            <th>Acción</th>
        </tr>
    </tfoot>
@endsection

@section('tables-modal')
    <!-- Modal -->
    <div class="modal fade bd-example-modal-lg" id="newUser" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <form action="{{route('registerUser')}}" method="post">
                    {{csrf_field()}}
                    <div class="modal-header">
                        <h5 class="modal-title" id="exampleModalLabel">Registrar Nuevo 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">
                        <div class="form-group">
                            <label>Nombre</label>
                            <input type="text" class="form-control" name="name" placeholder="Nombre">
                        </div>
                        <div class="form-group">
                            <label>Usuario</label>
                            <input type="text" class="form-control" name="username" placeholder="Usuario">
                        </div>
                        <div class="form-group">
                            <label>Contraseña</label>
                            <input type="password" class="form-control" name="password" placeholder="Contraseña">
                        </div>
                        <div class="form-group">
                            <label>Confirmar Contraseña</label>
                            <input type="password" class="form-control" name="password_confirmation" placeholder="Confirmar Contraseña">
                        </div>
                        <div class="form-group">
                            <label>Permisos</label>
                            <div class="select2-blue">
                                <select class="select2" name="user_type[]" id="user_type" multiple="multiple" data-placeholder="Select a State" data-dropdown-css-class="select2-blue" style="width: 100%;">
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>
                        <button type="submit" class="btn btn-primary">Registrar</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
@endsection

@section('tables-scripts')
    <script src="{{asset('js/users/editUser.js')}}"></script>
    <script src="{{asset('js/users/restorePassword.js')}}"></script>
    <script src="{{asset('js/users/retrieveUserTList.js')}}"></script>
    <script src="{{asset('js/users/softDelete.js')}}"></script>
    <script src="{{asset('js/users/restoreUser.js')}}"></script>
    <script src="{{asset('js/users/deletUser.js')}}"></script>
@endsection