<div class="container mt-4">
    <nav aria-label="breadcrumb">
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="<?= URL ?>/usuarios/index">Usuários</a></li>
            <li class="breadcrumb-item active" aria-current="page">
                <?= isset($dados['usuario']) ? 'Editar Usuário' : 'Cadastrar Novo Usuário' ?>
            </li>
        </ol>
    </nav>

    <?php Sessao::mensagem('cadastro'); ?>
    <?php Sessao::mensagem('editar'); ?>

    <div class="card shadow border-0">
        <div class="card-header bg-primary text-white">
            <h5 class="mb-0">
                <?= isset($dados['usuario']) ? 'Editar Usuário' : 'Cadastrar Usuário' ?>
            </h5>
        </div>

        <div class="card-body">
            <form method="post" action="">
                <div class="form-row">
                    <!-- Nome -->
                    <div class="form-group col-md-6">
                        <label for="nome">Nome</label>
                        <input type="text" id="nome" name="nome" class="form-control" required
                            style="text-transform: uppercase;"
                            pattern="^[A-Za-zÀ-ú]+(?:\s+[A-Za-zÀ-ú]+)+$"
                            title="Informe nome e sobrenome (pelo menos duas palavras)"
                            value="<?= isset($dados['usuario']) ? htmlspecialchars($dados['usuario']->nome) : '' ?>"
                            oninput="this.value = this.value.replace(/[^A-Za-zÀ-ú\s]/g, '')">
                    </div>

                    <!-- E-mail -->
                    <div class="form-group col-md-6">
                        <label for="email">E-mail</label>
                        <input type="email" id="email" name="email" class="form-control" required
                            pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,}$"
                            title="Informe um e-mail válido (ex: exemplo@dominio.com)"
                            value="<?= isset($dados['usuario']) ? htmlspecialchars($dados['usuario']->email) : '' ?>">
                    </div>
                </div>

                <?php if (!isset($dados['usuario'])): ?>
                <div class="form-row">
                    <!-- Senha (apenas no cadastro) -->
                    <div class="form-group col-md-6">
                        <label for="senha">Senha</label>
                        <input type="password" id="senha" name="senha" class="form-control" required
                            pattern="^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[\W_]).{8,}$"
                            title="A senha deve conter no mínimo 8 caracteres, com ao menos: uma letra maiúscula, uma minúscula, um número e um símbolo."
                            oninvalid="this.setCustomValidity('Senha inválida. Deve conter no mínimo 8 caracteres, incluindo letra maiúscula, minúscula, número e caractere especial.')"
                            oninput="this.setCustomValidity('')">
                    </div>
                </div>
                <?php endif; ?>

                <div class="form-group col-md-6 d-flex align-items-center mt-4">
                    <div class="form-check">
                        <input type="checkbox" class="form-check-input" id="ativo" name="ativo"
                            <?= isset($dados['usuario']) && $dados['usuario']->ativo ? 'checked' : '' ?>>
                        <label class="form-check-label" for="ativo">Usuário Ativo</label>
                    </div>
                </div>

                <div class="mt-4 d-flex justify-content-start gap-2">
                    
                    <button type="submit" class="btn btn-primary mt-3"btn btn-<?= isset($dados['usuario']) ? 'primary' : 'success' ?>">
                        <i class="bi bi-check-circle"></i>
                        <?= isset($dados['usuario']) ? 'Salvar Alterações' : 'Cadastrar' ?>
                    </button>
                </div>
            </form>
        </div>
    </div>
</div>
