<?php
ini_set('display_errors', 1);
ini_set('display_startup_errors', 1);
error_reporting(E_ALL);

include 'includes/header.php';
?>
<main role="main" class="container-fluid pt-4 px-5">
    <div class="row justify-content-center">
        <div class="col-lg-6 col-md-8 col-sm-12 text-center">
            <div class="text-center mb-4">
                <h3>Página de Cadastro</h3>
            </div>
            <!-- Botões para a página de cadastro -->
            <div class="mb-4">
                <a href="https://apps.smartsollutions.com.br/ibo/smart/novocasdastro.php" class="btn custom-btn">
                    <i class="fas fa-arrow-right"></i> Acessar Página de Cadastro
                </a>
            </div>
            <div class="mb-4">
                <button class="btn custom-btn" onclick="shareLink()">
                    <i class="fas fa-share-alt"></i> Compartilhar Link da Página de Cadastro
                </button>
            </div>
        </div>
    </div>
</main>

<style>
.custom-btn {
    background-color: #333; /* Cor de fundo preta mais clara */
    color: white; /* Cor do texto branca */
    border: none; /* Sem borda */
    padding: 15px 30px; /* Padding para aumentar o tamanho do botão */
    font-size: 16px; /* Tamanho da fonte */
    border-radius: 25px; /* Bordas mais arredondadas */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Sombra para efeito 3D */
    transition: all 0.3s ease; /* Transição suave para o hover */
    display: inline-block; /* Para aplicar margens corretamente */
    width: 100%; /* Faz os botões ocuparem toda a largura do contêiner */
    text-align: left; /* Alinha o texto à esquerda para ícones */
}

.custom-btn i {
    margin-right: 8px; /* Espaçamento entre o ícone e o texto */
}

.custom-btn:hover {
    background-color: #444; /* Cor de fundo mais clara ao passar o mouse */
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.4); /* Sombra mais intensa ao passar o mouse */
    transform: translateY(-2px); /* Levanta o botão ao passar o mouse */
}
</style>

<!-- Incluindo Font Awesome -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">

<script>
function shareLink() {
    const link = "https://apps.smartsollutions.com.br/ibo/smart/novocasdastro.php";
    if (navigator.share) {
        navigator.share({
            title: 'Página de Cadastro',
            text: 'Confira a nova página de cadastro!',
            url: link,
        })
        .then(() => console.log('Link compartilhado com sucesso!'))
        .catch((error) => console.error('Erro ao compartilhar o link:', error));
    } else {
        alert('Seu navegador não suporta o compartilhamento.');
    }
}
</script>

<?php
include 'includes/footer.php';
?>