@extends('layouts.basico')
@section('content')
    <title>Administração - CDA</title>

    <section class="testimonials" id="painel-adm-testimonials">
        <div class="container" data-aos="fade-up">
            <main id="main" class="main">
                <section class="section profile">
                <div class="row">
                        <div class="col-md-3" id="card-perfil-usuario">
                            <div class="card">
                                <div class="card-body profile-card pt-4 d-flex flex-column align-items-center">

                                    @if(Auth::user()->photo === null)
                                        <img src="http://chamados.casasdaagua.com.br/storage/{{Auth::user()->photo}}" alt="Profile" class="rounded-circle">
                                    @endif
                                    @if(Auth::user()->photo != null)
                                        <img src="http://chamados.casasdaagua.com.br/storage/{{Auth::user()->photo}}" alt="Perfil" class="rounded-circle">
                                    @endif

                                    <h2 class="titulo-usuario-perfil">{{ Auth::user()->name }}</h2>
                                    <h3>{{ Auth::user()->office }}</h3>

                                </div>
                            </div>
                        </div>

                        <div class="col-md-8">
                            <div class="card" id="adm-usuarios-grupos">
                                <div class="card-body pt-3">
                                    <ul class="nav nav-tabs nav-tabs-bordered">
                                        <li class="nav-item">
                                        <button class="nav-link active" data-bs-toggle="tab" data-bs-target="#admin-usuarios">Usuários</button>
                                        </li>
                                        <li class="nav-item">
                                        <button class="nav-link" data-bs-toggle="tab" data-bs-target="#admin-grupos">Grupos</button>
                                        </li>
                                    </ul>

                                    <div class="tab-content pt-2">
                                        <div class="tab-pane fade show active profile-overview" id="admin-usuarios">
                                            <h5 class="card-title">ADM Usuário</h5> <a href="#">
                                            {{-- <a href="/criar-usuario" class="btn btn-primary rounded-pill btn-sm" id="add-user"><i class="bi bi-person-plus"></i> Criar usuário</a> --}}
                                            <div class="col-12">
                                                <table class="table table-borderless datatable">
                                                    <thead>
                                                        <tr>
                                                            <th scope="col" class="fields-adm-usuarios">Usuário</th>
                                                            <th scope="col" class="fields-adm-usuarios">E-mail</th>
                                                            <th scope="col" class="fields-adm-usuarios">Status</th>
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                        @if(count($usuarios) < 1)
                                                            <span class="badge bg-warning text-dark"><i class="bi bi-emoji-frown" id="semAviso"></i> Nenhum usuário cadastrado.</span>
                                                        @endif
                                                        @foreach ($usuarios as $usuario)
                                                            <tr>
                                                                <td class="text-blue">{{ $usuario->name }}</td>
                                                                <td><span href="#" class="text-blue">{{ $usuario->email }}</span></td>
                                                                @if($usuario->statu_id == 1)
                                                                    <td><span class="badge bg-success">Ativo</span></td>
                                                                @endif
                                                                @if($usuario->statu_id == 2)
                                                                    <td><span class="badge bg-danger">Inativo</span></td>
                                                                @endif
                                                                @if($usuario->level == 1)
                                                                    <td><span class="badge bg-primary">Admin</span></td>
                                                                @elseif ($usuario->level == 2)
                                                                    <td><span class="badge bg-secondary">Líder</span></td>
                                                                @else
                                                                    <td><span class="badge bg-secondary">Colaborador</span></td>
                                                                @endif
                                                                <td><a class="icon text-blue" href="/editar-usuario/{{ $usuario->id }}" data-toggle="tooltip" data-placement="top" title="Configurar"><i class="bi bi-gear"></i></a></td>

                                                            </tr>
                                                        @endforeach
                                                    </tbody>
                                                </table>
                                                <div class="pagination justify-content-center mt-5">
                                                    {{ $usuarios->links() }}
                                                </div>
                                            </div>
                                        </div>

                                        <div class="tab-pane fade profile-grupos" id="admin-grupos">
                                            <h5 class="card-title">Gerenciar grupos</h5>
                                            <a href="/criar-grupo" class="btn btn-primary rounded-pill btn-sm" id="add-grupo"><i class="bi bi-people"></i> Criar grupo</a>
                                            <div class="col-12">
                                                <table class="table table-borderless datatable">
                                                    <thead>
                                                        <tr>
                                                            <th scope="col" class="fields-adm-grupos">Grupo</th>
                                                            <th scope="col" class="fields-adm-grupos">Descrição</th>
                                                            <th scope="col" class="fields-adm-grupos">Membros</th>
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                        @if(count($grupos) < 1)
                                                            <span class="badge bg-warning text-dark"><i class="bi bi-emoji-frown" id="semAviso"></i> Nenhum grupo cadastrado.</span>
                                                        @endif
                                                        @foreach ($grupos as $grupo)
                                                            <tr>
                                                                <td class="text-blue"><a href="/grupo/{{ $grupo->id }}">{{ $grupo->name }}</a></td>
                                                                <td><span href="#" class="text-blue">{{ $grupo->description }}</span></td>
                                                                <td><span class="badge bg-success">Membros</span></td>
                                                                <td><a class="icon text-blue" href="/editar-grupo/{{ $grupo->id }}" data-toggle="tooltip" data-placement="top" title="Configurar"><i class="bi bi-gear"></i></a></td>
                                                                <td>
                                                                    <a class="icon text-blue" data-toggle="tooltip" data-bs-toggle="modal" data-bs-target="#modalExclusaoGrupo" data-placement="top" title="Excluir" data-id="{{ $grupo->id }}">
                                                                        <i class="bi bi-trash"></i>
                                                                    </a>
                                                                </td>
                                                            </tr>
                                                        @endforeach
                                                    </tbody>
                                                </table>
                                                <div class="pagination justify-content-center">
                                                    {{ $grupos->links() }}
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            @if(session('msgSuccess'))
                                <div class="col-md-12 alert alert-success bg-success text-light border-0 alert-dismissible fade show" role="alert">
                                    <i class="bi bi-check-lg"></i> {{ session('msgSuccess') }}
                                    <button type="button" class="btn-close btn-close-white" data-bs-dismiss="alert" aria-label="Close"></button>
                                </div>
                            @endif
                            @if(session('msgError'))
                                <div class="col-md-12 alert alert-danger bg-danger text-light border-0 alert-dismissible fade show" role="alert">
                                    <i class="bi bi-emoji-frown"></i> {{ session('msgError') }}
                                    <button type="button" class="btn-close btn-close-white" data-bs-dismiss="alert" aria-label="Close"></button>
                                </div>
                            @endif
                        </div>
                    </div>
                </section>
            </main>
        </div>
    </section>
    

    {{-- Modais exclusão de usuários e grupos  --}}
    <form action="" method="POST" id="formExclusaoGrupo">
        @csrf
        @method('DELETE')
        <div class="modal" id="modalExclusaoGrupo">
            <div class="modal-dialog modal-dialog-centered">
              <div class="modal-content">
                <div class="modal-header">
                  <h5 class="modal-title">Deseja excluir este grupo?</h5>
                  <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    Atenção! Ao confirmar esta mensagem o grupo será excluido!
                </div>
                <input type="hidden" id="idGrupoExcluir" name="idGrupoExcluir" value="">
                <div class="modal-footer">
                  <button type="button" class="btn btn-primary" data-bs-dismiss="modal">Não</button>
                  <button type="submit" class="btn btn-danger" data-bs-dismiss="modal">Sim</button>
                </div>
              </div>
            </div>
        </div>
    </form>

    <form action="" method="POST" id="formExclusaoUsuario">
        @csrf
        @method('DELETE')
        <div class="modal" id="modalExclusaoUsuario">
            <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header">
                <h5 class="modal-title">Deseja excluir este usuário?</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    Atenção! Ao confirmar esta mensagem o usuário será excluido!
                </div>
                <input type="hidden" id="idUsuarioExclusao" name="idUsuarioExclusao" value="">
                <div class="modal-footer">
                <button type="button" class="btn btn-primary" data-bs-dismiss="modal">Não</button>
                <button type="submit" class="btn btn-danger" data-bs-dismiss="modal">Sim</button>
                </div>
            </div>
            </div>
        </div>
    </form>

@endsection