@extends('layouts.app')

@section('content')
    <div class="row mb-2">
        <div class="col-sm-6">
            <h1>Usuários</h1>
        </div>
        <div class="col-sm-6">
            <ol class="breadcrumb float-sm-right">
                <li class="breadcrumb-item"><a href="{{ route('users') }}">Usuários</a></li>
                <li class="breadcrumb-item active">Criar usuário</li>
            </ol>
        </div>
    </div>

    <div class="card">
        <div class="card-header">
            <h3 class="card-title">Criar usuário</h3>
        </div>
        <div class="card-body">
            <form action="{{ route('users.store') }}" method="post">
                @csrf

                <div class="form-group">
                    <label>Nome</label>
                    <input type="text" name="name" class="form-control">
                </div>

                <div class="form-group">
                    <label>Email</label>
                    <input type="email" name="email" class="form-control">
                </div>

                <div class="form-group">
                    <label>Senha</label>
                    <input type="password" name="password" class="form-control">
                </div>

                @if(auth()->user()->level == '6')
                    <div class="form-group">
                        <label>Vínculo</label>
                        <select name="manager" class="usersSelect2 form-control" style="width: 100%; height: 38px;"></select>
                    </div>
                @endif

                <div class="form-group">
                    <label>Nível</label>
                    <select name="level" class="form-control">
                        <option value="3">Cliente</option>
                        <option value="4">Revendedor</option>
                        <option value="5">Suporte</option>
                        <option value="6">Administrador</option>
                    </select>
                </div>

                <div class="form-group">
                    <label>Máximo de totems</label>
                    <input type="number" name="totem_limit" class="form-control">
                </div>

                <div class="form-group">
                    <label>Máximo de websites</label>
                    <input type="number" name="website_limit" class="form-control">
                </div>

                <div class="form-group">
                    <label>Permissões</label>
                    
                    <div class="row">
                        <div class="col-md-4">
                            <div class="form-check">
                                <input type="checkbox" name="permissions[]" value="manuseioDeJogos" class="form-check-input" id="manuseioDeJogos">
                                <label class="form-check-label" for="manuseioDeJogos">Manuseio de jogos</label>
                            </div>

                            <div class="form-check">
                                <input type="checkbox" name="permissions[]" value="manuseioDeTotems" class="form-check-input" id="manuseioDeTotems">
                                <label class="form-check-label" for="manuseioDeTotems">Manuseio de totems</label>
                            </div>

                            <div class="form-check">
                                <input type="checkbox" name="permissions[]" value="manuseioDeProvedores" class="form-check-input" id="manuseioDeProvedores">
                                <label class="form-check-label" for="manuseioDeProvedores">Manuseio de provedores</label>
                            </div>

                            <div class="form-check">
                                <input type="checkbox" name="permissions[]" value="manuseioDeUsuarios" class="form-check-input" id="manuseioDeUsuarios">
                                <label class="form-check-label" for="manuseioDeUsuarios">Manuseio de usuários</label>
                            </div>

                            <div class="form-check">
                                <input type="checkbox" name="permissions[]" value="manuseioDeWebsites" class="form-check-input" id="manuseioDeWebsites">
                                <label class="form-check-label" for="manuseioDeWebsites">Manuseio de websites</label>
                            </div>

                            <div class="form-check">
                                <input type="checkbox" name="permissions[]" value="manuseioDeConfiguracoes" class="form-check-input" id="manuseioDeConfiguracoes">
                                <label class="form-check-label" for="manuseioDeConfiguracoes">Manuseio de configurações</label>
                            </div>
                        </div>

                        <div class="col-md-4">
                            <div class="form-check">
                                <input type="checkbox" name="permissions[]" value="relatorioDeWebsites" class="form-check-input" id="relatorioDeWebsites">
                                <label class="form-check-label" for="relatorioDeWebsites">Relatório de websites</label>
                            </div>

                            <div class="form-check">
                                <input type="checkbox" name="permissions[]" value="relatorioDeTotems" class="form-check-input" id="relatorioDeTotems">
                                <label class="form-check-label" for="relatorioDeTotems">Relatório de totems</label>
                            </div>

                            <div class="form-check">
                                <input type="checkbox" name="permissions[]" value="relatorioDeTopJogadores" class="form-check-input" id="relatorioDeTopJogadores">
                                <label class="form-check-label" for="relatorioDeTopJogadores">Relatório de top jogadores</label>
                            </div>

                            <div class="form-check">
                                <input type="checkbox" name="permissions[]" value="relatorioDeTopProvedores" class="form-check-input" id="relatorioDeTopProvedores">
                                <label class="form-check-label" for="relatorioDeTopProvedores">Relatório de top provedores</label>
                            </div>

                            <div class="form-check">
                                <input type="checkbox" name="permissions[]" value="relatorioDeTopJogos" class="form-check-input" id="relatorioDeTopJogos">
                                <label class="form-check-label" for="relatorioDeTopJogos">Relatório de top jogos</label>
                            </div>

                            <div class="form-check">
                                <input type="checkbox" name="permissions[]" value="ggr" class="form-check-input" id="ggr">
                                <label class="form-check-label" for="ggr">GGR</label>
                            </div>

                            <div class="form-check">
                                <input type="checkbox" name="permissions[]" value="auditoria" class="form-check-input" id="auditoria">
                                <label class="form-check-label" for="auditoria">Auditória</label>
                            </div>

                            <div class="form-check">
                                <input type="checkbox" name="permissions[]" value="erros" class="form-check-input" id="erros">
                                <label class="form-check-label" for="erros">Erros</label>
                            </div>

                            <div class="form-check">
                                <input type="checkbox" name="permissions[]" value="apostas" class="form-check-input" id="apostas">
                                <label class="form-check-label" for="apostas">Apostas</label>
                            </div>

                            <div class="form-check">
                                <input type="checkbox" name="permissions[]" value="jogadores" class="form-check-input" id="jogadores">
                                <label class="form-check-label" for="jogadores">Jogadores</label>
                            </div>
                        </div>

                        <div class="col-md-4">
                            <div class="form-check">
                                <input type="checkbox" name="permissions[]" value="conexoesAtivas" class="form-check-input" id="conexoesAtivas">
                                <label class="form-check-label" for="conexoesAtivas">Conexões ativas</label>
                            </div>

                            <div class="form-check">
                                <input type="checkbox" name="permissions[]" value="informacoes" class="form-check-input" id="informacoes">
                                <label class="form-check-label" for="informacoes">Informações</label>
                            </div>

                            <div class="form-check">
                                <input type="checkbox" name="permissions[]" value="status" class="form-check-input" id="status">
                                <label class="form-check-label" for="status">Status</label>
                            </div>

                            <div class="form-check">
                                <input type="checkbox" name="permissions[]" value="documentacao" class="form-check-input" id="documentacao">
                                <label class="form-check-label" for="documentacao">Documentação</label>
                            </div>
                        </div>
                    </div>
                </div>



                <div class="form-group">
                    <button class="btn btn-success">Salvar</button>
                    <a href="{{ route('users') }}" class="btn btn-danger">Voltar</a>
                </div>
            </form>
        </div>
    </div>
@endsection