---
// Récupération de l'URL actuelle
const { pathname } = Astro.url;
// On vérifie si on est sur la page création (en gérant le slash final potentiel)
const isCreationPage = pathname.replace(/\/$/, "") === "/creation";

// Définition de la destination et du texte selon la page
const buttonLink = isCreationPage ? "/" : "/creation";
const buttonText = isCreationPage
    ? "Retour à l'Accueil"
    : "Création de Personnage";
---

<header class="dnd-header">
    <h1 class="dnd-title">Sweeties Journey</h1>
    <div class="dnd-bar"></div>
    <p class="dnd-intro">
        Chroniques des aventures d'une portion de nouilles de la communauté,
        idée originale de Orson Pattes Givrées
    </p>
    <div class="creation-button-container">
        <a href={buttonLink} class="creation-button">{buttonText}</a>
    </div>
</header>

<style>
    .dnd-header {
        margin: 2rem 0;
    }
    .dnd-title {
        font-family: "Playfair Display", serif;
        font-size: 3.5rem;
        color: #c89b3c;
        margin: 0;
    }
    .dnd-bar {
        height: 4px;
        background: linear-gradient(to right, #c89b3c 0%, transparent 100%);
        margin-top: 4px;
    }
    .dnd-intro {
        font-family: "Cinzel", serif;
        font-size: 0.9rem;
        margin-top: 1rem;
        opacity: 0.8;
    }
    .creation-button-container {
        text-align: center;
        margin: 3rem 0;
    }

    a .creation-button {
        font-family: "Cinzel", serif;
        font-size: 1.2rem;
        background: #c89b3c;
        color: white;
        border: none;
        padding: 0.75rem 2rem;
        border-radius: 5px;
        cursor: pointer;
        transition: background-color 0.3s;
        text-decoration: none;
        display: inline-block;
        box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
    }

    a .creation-button:hover {
        background: #a27c2c;
    }
</style>
