@extends('layouts.basico')
@section('content')
    <title>Criar usuário - CDA</title>

    <section class="testimonials" id="criar-usuario-testimonials">
        <div class="container" data-aos="fade-up">
            <div class="row">
                <div class="col-md-8" id="form-novo-usuario">
                    <div class="card">
                        <div class="card-body">
                            <h5 class="card-title">Criar novo usuário</h5>
                            <form class="row" method="POST" action="{{ route('salvarUsuario') }}" enctype="multipart/form-data">
                                @csrf
                                <div class="row mb-3">
                                    <label for="nome-usuario" class="col-md-2 col-form-label">Nome usuário</label>
                                    <div class="col-md-10">
                                        <input type="text" class="form-control" name="nomeUsuario" id="nomeUsuario" required>
                                    </div>
                                </div>
                                <div class="row mb-3">
                                    <label for="email-usuario" class="col-md-2 col-form-label">E-mail</label>
                                    <div class="col-md-10">
                                        <input type="email" class="form-control" onblur="validacaoEmail()" name="emailUsuario" id="emailUsuario" required>
                                        <span class="badge border-danger border-1 text-danger" id="texto-email"><i class="bi bi-exclamation-circle" id="icone-email"></i> E-mail inválido, por favor inserir um e-mail válido.</span>
                                    </div>
                                </div>
                                <div class="row mb-3">
                                    <label class="col-sm-2 col-form-label">Tipo usúario</label>
                                    <div class="col-sm-10">
                                        <select class="form-select" name="tipoUsuario" id="tipoUsuario">
                                            @foreach($tipoUsuarios as $tipoUsuario)
                                                <option value="{{$tipoUsuario->id}}">{{$tipoUsuario->name}}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                                <div class="row mb-3">
                                    <label for="senha-usuario" class="col-md-2 col-form-label">Senha</label>
                                    <div class="col-md-6">
                                        <input type="password" class="form-control" name="senhaUsuario" minlength="6" id="senhaUsuario" required>
                                    </div>
                                    <span class="col-md-3" id="mostrarSenha">
                                        <a><i class="bi bi-eye" id="olhoSenhaUsuario"></i></a>
                                    </span>
                                </div>
                                <div class="text-center">
                                    <button type="submit" class="btn btn-primary" id="btn-salvar-usuario">Salvar</button>
                                </div>
                            </form>
                        </div>
                    </div>
                    <a href="/administracao" class="btn-voltar"><i class="bi bi-arrow-left-circle-fill"></i> Voltar</a>
                </div>
            </div>
        </div>
    </section>

@endsection