<?php
///Ave Maryja
include_once('../inc/config.inc.php');
///require_once 'inc/db1_mysqli.php';
// Metadata dla strony kryptowalutowej GoobberCoin

// Podstawowe meta tagi
$_t = "GoobberCoin - Pierwsza Polska Kryptowaluta za Aktywność w Wyszukiwarce | Goobber.com";

$_d = "GoobberCoin to innowacyjna polska kryptowaluta, którą możesz zdobyć za aktywność w wyszukiwarce Goobber.com. Zarabiaj punkty poprzez wyszukiwanie, reklamę, promocję i wymień je na wartościową kryptowalutę. Dołącz do pierwszego polskiego ekosystemu kryptowalutowego opartego na realnych działaniach użytkowników.";

$_k = "GoobberCoin, polska kryptowaluta, kryptowaluta za aktywność, Goobber.com, zarabianie kryptowaluty, punkty na kryptowalutę, wyszukiwarka Goobber, polska wyszukiwarka, zarabianie online, wymiana punktów, system punktowy, kryptowaluta użytkowa, ekosystem kryptowalutowy, blockchain, polska technologia blockchain, inwestycje w kryptowaluty, mining przez aktywność, nagrody za aktywność, polski token użytkowy, cyfrowa waluta";

$_h1 = "GoobberCoin: Zdobywaj Kryptowalutę za Aktywność w Polskiej Wyszukiwarce";

// Pytania i odpowiedzi dla SEO
$_questions_answers = [
    [
        'q' => "Czym jest GoobberCoin i jak można go zdobyć?",
        'a' => "GoobberCoin to innowacyjna polska kryptowaluta, którą można zdobyć poprzez aktywne korzystanie z wyszukiwarki Goobber.com. Użytkownicy otrzymują punkty za różne działania, takie jak wyszukiwanie, zakup reklam, promocję w mediach społecznościowych czy dodawanie domen. Punkty te można wymieniać na GoobberCoin w czasie rzeczywistym."
    ],
    [
        'q' => "Jakie działania są nagradzane punktami GoobberCoin?",
        'a' => "W systemie GoobberCoin punkty można zdobyć za: korzystanie z wyszukiwarki organicznej Goobber, zakup i zarządzanie reklamami, implementację kodów reklamowych, dodawanie i weryfikację domen, promocję w mediach społecznościowych, aktywność na forum, zakupy w ekosystemie oraz uczestnictwo w rozwoju wyszukiwarki."
    ],
    [
        'q' => "Jak działa wymiana punktów na kryptowalutę GoobberCoin?",
        'a' => "System wymiany punktów na GoobberCoin działa w czasie rzeczywistym. Każdy punkt ma określoną wartość w kryptowalucie. Użytkownicy mogą zbierać do 1000 punktów dziennie, które automatycznie przeliczane są na GoobberCoin. Platforma gwarantuje również możliwość odsprzedaży kryptowaluty z powrotem do systemu."
    ],
    [
        'q' => "Czy GoobberCoin to bezpieczna inwestycja?",
        'a' => "GoobberCoin oferuje unikalny model bezpieczeństwa oparty na realnej aktywności użytkowników. System posiada zabezpieczenia przed automatyzacją zbierania punktów, limity dzienne i weryfikację działań. Wartość kryptowaluty jest wspierana przez rozwój ekosystemu Goobber oraz gwarancję skupu przez platformę."
    ]
];

// Dodatkowe meta tagi dla social media
$_social_meta = [
    'og_title' => "GoobberCoin - Zarabiaj Kryptowalutę za Aktywność Online",
    'og_description' => "Dołącz do pierwszej polskiej kryptowaluty opartej na realnych działaniach. Zdobywaj punkty i wymieniaj je na wartościową kryptowalutę GoobberCoin.",
    'og_image' => "https://goobber.com/images/goobber-coin-social.jpg",
    'twitter_card' => "summary_large_image",
    'twitter_title' => "GoobberCoin - Polska Kryptowaluta za Aktywność",
    'twitter_description' => "Zarabiaj kryptowalutę za korzystanie z pierwszej polskiej wyszukiwarki Goobber.com. Wymień punkty na GoobberCoin!"
];

// Schema.org dla lepszego SEO
$_schema = [
    "@context" => "https://schema.org",
    "@type" => "CryptocurrencyService",
    "name" => "GoobberCoin",
    "description" => $_d,
    "provider" => [
        "@type" => "Organization",
        "name" => "Goobber.com",
        "url" => "https://goobber.com"
    ],
    "areaServed" => "PL",
    "potentialAction" => [
        "@type" => "UseAction",
        "description" => "Zdobywaj punkty za aktywność i wymieniaj je na kryptowalutę"
    ]
];

// Breadcrumbs dla nawigacji
$_breadcrumbs = [
    ["Strona główna", "/"],
    ["Narzędzia", "/tools"],
    ["GoobberCoin", "/goobber-coin"]
];
//include('inc.php');

/**
 * GoobberCoin Dashboard Content
 * Bootstrap 5.3 Version
 */

// Inicjalizacja
$cryptoWallet = CryptoWallet::getInstance();
$walletData = $cryptoWallet->getPoints();

// Sprawdzenie czy użytkownik jest zalogowany
$isLoggedIn = isset($_SESSION['PG_LOGGED_IN']);
$userIdentifier = $isLoggedIn ? "zalogowanego użytkownika" : "użytkownika z ciasteczkiem";

// Obliczanie procentu dziennych punktów
$dailyPercentage = ($walletData['daily_points'] / $walletData['max_daily']) * 100;

?><!DOCTYPE html>
<html lang="pl">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    
    <!-- Podstawowe meta tagi -->
    <title><?php echo $_t; ?></title>
    <meta name="description" content="<?php echo $_d; ?>">
    <meta name="keywords" content="<?php echo $_k; ?>">
    
    <!-- Meta tagi Open Graph dla social media -->
    <meta property="og:title" content="<?php echo $_social_meta['og_title']; ?>">
    <meta property="og:description" content="<?php echo $_social_meta['og_description']; ?>">
    <meta property="og:image" content="<?php echo $_social_meta['og_image']; ?>">
    <meta property="og:url" content="https://goobber.com/goobbercoin/">
    <meta property="og:type" content="website">
    <meta property="og:site_name" content="Goobber.com">
    
    <!-- Meta tagi Twitter Card -->
    <meta name="twitter:card" content="<?php echo $_social_meta['twitter_card']; ?>">
    <meta name="twitter:title" content="<?php echo $_social_meta['twitter_title']; ?>">
    <meta name="twitter:description" content="<?php echo $_social_meta['twitter_description']; ?>">
    <meta name="twitter:image" content="<?php echo $_social_meta['og_image']; ?>">
    
    <!-- Dodatkowe meta tagi -->
    <meta name="robots" content="index, follow">
    <meta name="author" content="Goobber.com">
    <meta name="copyright" content="© <?php echo date('Y'); ?> Goobber.com">
    <link rel="canonical" href="https://goobber.com/goobbercoin/">
    
    <!-- Schema.org znaczniki dla FAQ -->
    <script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "FAQPage",
        "mainEntity": [
            <?php 
            $faqItems = [];
            foreach ($_questions_answers as $qa) {
                $faqItems[] = '{
                    "@type": "Question",
                    "name": "' . addslashes($qa['q']) . '",
                    "acceptedAnswer": {
                        "@type": "Answer",
                        "text": "' . addslashes($qa['a']) . '"
                    }
                }';
            }
            echo implode(",\n", $faqItems);
            ?>
        ]
    }
    </script>

    <!-- Schema.org znaczniki dla kryptowaluty -->
    <script type="application/ld+json">
    <?php echo json_encode($_schema, JSON_PRETTY_PRINT | JSON_UNESCAPED_UNICODE); ?>
    </script>

    <!-- Schema.org znaczniki dla breadcrumbs -->
    <script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "BreadcrumbList",
        "itemListElement": [
            <?php
            $position = 1;
            $breadcrumbItems = [];
            foreach ($_breadcrumbs as $breadcrumb) {
                $breadcrumbItems[] = '{
                    "@type": "ListItem",
                    "position": ' . $position . ',
                    "name": "' . addslashes($breadcrumb[0]) . '",
                    "item": "https://goobber.com' . $breadcrumb[1] . '"
                }';
                $position++;
            }
            echo implode(",\n", $breadcrumbItems);
            ?>
        ]
    }
    </script>

	<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
  
	<style>
    #subdomain {
        text-align: right;
        font-weight: bold;
        font-size: 1.1em;
		}
		.avatar-selection {
			border: 3px solid transparent;
			border-radius: 10px;
			transition: border-color 0.3s;
		}

		.avatar-selection.selected {
			border-color: #007bff; /* Kolor obramowania dla wybranego avatara */
		}


		.avatar-selection.selected {
			border-color: #007bff; /* Kolor granicy dla wybranego avatara */
		}
		
		#subdomainForm {
    font-size: 1.1em;
}
#tagsContainer .badge {
    margin-top: 5px;
}

	.card:hover {
    box-shadow: 0 5px 15px rgba(0,0,0,0.3);
    transition: box-shadow 0.3s ease-in-out;
}

    .custom-scrollbar {
        scrollbar-width: none;  /* For Firefox */
        -ms-overflow-style: none;  /* For Internet Explorer and Edge */
    }
    
    .custom-scrollbar::-webkit-scrollbar {
        display: none;  /* For Chrome, Safari, and Opera */
    }

    .custom-card {
        min-width: 18rem;
        border-color: transparent;
        box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    }

</style>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">

<style>
    .search-container {
        position: relative;
    }
    .prompts {
        position: absolute;
        top: 100%;
        left: 48px; /* Dostosuj tę wartość, aby przesunąć pole w lewo */
        width: calc(100% - 148px); /* Dostosuj tę wartość, aby zakończyć pole przed przyciskiem */
        background-color: white;
        border: 1px solid <?php echo $borderColor; ?>;
        border-top: none;
        border-radius: 0 0 30px 30px;
        z-index: 1000;
        box-shadow: 0 2px 5px rgba(0,0,0,0.1);
        overflow: hidden;
        display: none;
    }
    .prompts ul {
        list-style-type: none;
        padding: 0;
        margin: 0;
    }
    .prompts li {
        padding: 8px 12px;
        cursor: pointer;
    }
    .prompts li:hover {
        background-color: #f8f9fa;
    }
    .suggestion-text {
        color: #343a40;
        font-size: 16px;
        line-height: 1.5;
    }
    .suggestion-text strong {
        font-weight: bold;
    }
    .input-group {
        margin-bottom: 0 !important;
    }
    .input-group-text {
        background-color: <?php echo $backgroundColor; ?> !important;
        border: 2px solid <?php echo $borderColor; ?> !important;
        border-right: 0 !important;
        border-radius: 30px 0 0 30px !important;
    }
    .form-control {
        border: 2px solid <?php echo $borderColor; ?> !important;
        border-left: 0 !important;
        border-radius: 0 !important;
    }
    .form-control:focus {
        box-shadow: none !important;
        outline: none !important;
        border-color: <?php echo $borderColor; ?> !important;
    }
    .btn-search {
        border: 2px solid <?php echo $borderColor; ?> !important;
        background-color: <?php echo $borderColor; ?> !important;
        color: white !important;
        border-radius: 0 30px 30px 0 !important;
    }

    /* Dostosowanie dla urządzeń mobilnych */
    @media (max-width: 767px) {
        .prompts {
            left: 0;
            width: 100%;
            border-left: none;
            border-right: none;
            border-radius: 0;
        }
    }
	.search-container {
    position: relative;
}
.search-container::after {
    content: attr(data-autocomplete);
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    color: #999;
    padding: 14px 20px;
    font-weight: bold;
}
 .search-container {
        position: relative;
    }
    .search-container::after {
        content: attr(data-autocomplete);
        position: absolute;
        top: 0;
        left: 50px; /* Dostosuj do szerokości ikony wyszukiwania */
        pointer-events: none;
        color: #999;
        padding: 14px 20px;
        font-weight: bold;
    }
</style>

</head>
<body>

<nav class="navbar navbar-expand-lg navbar-light bg-light">
    <div class="container-fluid">
        <a class="navbar-brand" href="https://goobber.com/">
                <img src="../gfx/goobber.png" alt="Goobber.com Logo" height="30" class="d-inline-block align-top">
            </a>
        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarNav">
            <ul class="navbar-nav me-auto">
                <!--<li class="nav-item">
                    <a class="nav-link" href="https://goobber.com/studio/studio-tworcy.html"><strong>Studio Twórcy</strong></a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="http://goobber.com/galeria.html">Galeria</a>
                </li>-->
            </ul>

            <!-- Logowanie/Rejestracja lub Panel Użytkownika -->
            <ul class="navbar-nav ms-auto">
                <?php if (isset($_SESSION['PG_LOGGED_NICK'])): ?>
	
                        <li class="nav-item dropdown">
                        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                           Witaj <?php echo htmlspecialchars($_SESSION['PG_LOGGED_NICK']); ?>
                        </a>
                        <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdown">
							<li><a class="dropdown-item" href="https://goobber.com/studio/nowa-strona.html"><i class="fas fa-plus-square"></i> Nowa strona</a></li>
                            <li><a class="dropdown-item" href="https://goobber.com/studio/moje-strony.html"><i class="fas fa-user"></i> Moje strony</a></li>
                            <li><a class="dropdown-item" href="https://goobber.com/studio/moje-ustawienia.html"><i class="fas fa-cog"></i> Moje ustawienia</a></li>
                            <li><a class="dropdown-item" href="https://goobber.com/studio/dodaj-forum.html"><i class="fas fa-edit"></i> Dodaj forum</a></li>
                            <li><a class="dropdown-item" href="https://goobber.com/studio/dodaj-bloga.html"><i class="fas fa-edit"></i> Dodaj bloga</a></li>
                            <li><a class="dropdown-item" href="https://goobber.com/studio/nowy-wpis.html"><i class="fas fa-pen"></i> Nowy wpis</a></li>
                            <li><hr class="dropdown-divider"></li>
                            <li><a class="dropdown-item" href="https://goobber.com/studio/user_logout.php"><i class="fas fa-sign-out-alt"></i> Wyloguj się</a></li>
                        </ul>
                    </li>
                <?php else: ?>
                    <li class="nav-item">
                        <a class="nav-link" href="https://goobber.com/studio/login-panel.php"><i class="fas fa-sign-in-alt"></i> Logowanie</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="https://goobber.com/studio/register.php"><i class="fas fa-user-plus"></i> Rejestracja</a>
                    </li>
					 <li class="nav-item dropdown">
                        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                          Menu
                        </a>
                        <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdown">
							<li><a class="dropdown-item" href="https://goobber.com/studio/nowa-strona.html"><i class="fas fa-plus-square"></i> Nowa strona</a></li>
                            <li><a class="dropdown-item" href="https://goobber.com/studio/moje-strony.html"><i class="fas fa-user"></i> Moje strony</a></li>
                            <li><a class="dropdown-item" href="https://goobber.com/studio/moje-ustawienia.html"><i class="fas fa-cog"></i> Moje ustawienia</a></li>
                            <li><a class="dropdown-item" href="https://goobber.com/studio/dodaj-forum.html"><i class="fas fa-edit"></i> Dodaj forum</a></li>
                            <li><a class="dropdown-item" href="https://goobber.com/studio/dodaj-bloga.html"><i class="fas fa-edit"></i> Dodaj bloga</a></li>
                            <li><a class="dropdown-item" href="https://goobber.com/studio/nowy-wpis.html"><i class="fas fa-pen"></i> Nowy wpis</a></li>
                            <li><hr class="dropdown-divider"></li>
                            <li><a class="dropdown-item" href="https://goobber.com/studio/login-panel.php"><i class="fas fa-sign-in-alt"></i> Zaloguj się</a></li>
							<li><a class="dropdown-item" href="https://goobber.com/studio/register.php"><i class="fas fa-user-plus"></i> Zarejestruj się</a></li>
                        </ul>
                    </li>
                <?php endif; ?>
            </ul>
        </div>
    </div>
</nav>

    <header class="bg-primary text-white text-center d-flex align-items-center justify-content-center" style="height: 70px;">
	<h1 class="mb-0"><i class="fas fa-coins"></i> Kryptowaluta GoobberCoin</h1>
	</header>

    <main class="container mt-2">
	
	<?php ///include('../studio/szukajka.php');?>
		


<div class="container mt-1 mb-3">
    <!-- Przycisk rozwijający informacje o GoobberCoin -->
    <div class="d-grid gap-2">
        <button class="btn btn-primary" type="button" data-bs-toggle="collapse" data-bs-target="#kryptoInfo" aria-expanded="false" aria-controls="kryptoInfo">
            Dowiedz się więcej o GoobberCoin <i class="fas fa-arrow-down"></i>
        </button>
    </div>

    <!-- Sekcja z informacjami o kryptowalucie -->
    <div class="collapse mt-3" id="kryptoInfo">
        <div class="card card-body">
            <h2 class="mb-3">GoobberCoin – Pierwsza Polska Kryptowaluta Oparta na Aktywności Użytkowników</h2>
            <p class="lead">
                GoobberCoin to innowacyjny projekt łączący świat kryptowalut z codzienną aktywnością w polskiej wyszukiwarce Goobber. Zdobywaj punkty za realne działania i wymieniaj je na wartościową kryptowalutę.
            </p>

            <!-- Lista informacji w formie akordeonu -->
            <div class="accordion" id="cryptoAccordion">

                <!-- Jak zdobywać punkty -->
                <div class="accordion-item">
                    <h2 class="accordion-header" id="headingPoints">
                        <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#points" aria-expanded="false" aria-controls="points">
                            <strong>Jak zdobywać punkty GoobberCoin?</strong>
                        </button>
                    </h2>
                    <div id="points" class="accordion-collapse collapse" aria-labelledby="headingPoints" data-bs-parent="#cryptoAccordion">
                        <div class="accordion-body">
                            <p>
                                <i class="fas fa-coins fa-2x me-3 mb-3 text-secondary float-start"></i>
                                Punkty można zdobywać między innymi poprzez aktywne korzystanie z ekosystemu wyszukiwarki Goobber takie jak:
                            </p>
                            <ul class="list-group list-group-flush">
                                <li class="list-group-item"><i class="fas fa-search me-2"></i>Korzystanie z wyszukiwarki Goobber</li>
                                <li class="list-group-item"><i class="fas fa-ad me-2"></i>Zakup i zarządzanie reklamami</li>
                                <li class="list-group-item"><i class="fas fa-code me-2"></i>Implementacja kodu reklamowego na stronach</li>
                                <li class="list-group-item"><i class="fas fa-link me-2"></i>Dodawanie i weryfikacja domen</li>
                                <li class="list-group-item"><i class="fas fa-share-alt me-2"></i>Promocja w mediach społecznościowych</li>
                                <li class="list-group-item"><i class="fas fa-users me-2"></i>Aktywność na forum społeczności</li>
                                <li class="list-group-item"><i class="fas fa-shopping-cart me-2"></i>Zakupy w ekosystemie Goobber</li>
                                <li class="list-group-item"><i class="fas fa-tasks me-2"></i>Uczestnictwo w rozwoju wyszukiwarki</li>
                            </ul>
                        </div>
                    </div>
                </div>

                <!-- Jak działa GoobberCoin -->
                <div class="accordion-item">
                    <h2 class="accordion-header" id="headingHow">
                        <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#howItWorks" aria-expanded="false" aria-controls="howItWorks">
                            <strong>Jak działa GoobberCoin?</strong>
                        </button>
                    </h2>
                    <div id="howItWorks" class="accordion-collapse collapse" aria-labelledby="headingHow" data-bs-parent="#cryptoAccordion">
                        <div class="accordion-body">
                            <p>
                                <i class="fas fa-cogs fa-2x me-3 mb-3 text-secondary float-start"></i>
                                <strong>System punktowy i wymiana</strong>
                            </p>
                            <ul class="list-group list-group-flush">
                                <li class="list-group-item">1 punkt = <?php echo POINTS_TO_CRYPTO_RATE; ?> GoobberCoin</li>
                                <li class="list-group-item">Maksymalnie <?php echo MAX_POINTS_PER_DAY; ?> punktów dziennie</li>
                                <li class="list-group-item">Wymiana punktów na kryptowalutę w czasie rzeczywistym</li>
                                <li class="list-group-item">Możliwość sprzedaży GoobberCoin z powrotem do systemu</li>
                                <li class="list-group-item">Wartość zależna od aktywności użytkowników i popytu rynkowego</li>
                            </ul>
                        </div>
                    </div>
                </div>

                <!-- Podobne projekty -->
                <div class="accordion-item">
                    <h2 class="accordion-header" id="headingSimilar">
                        <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#similar" aria-expanded="false" aria-controls="similar">
                            <strong>Podobne Projekty i Sukces Story</strong>
                        </button>
                    </h2>
                    <div id="similar" class="accordion-collapse collapse" aria-labelledby="headingSimilar" data-bs-parent="#cryptoAccordion">
                        <div class="accordion-body">
                            <p>
                                <i class="fas fa-chart-line fa-2x me-3 mb-3 text-secondary float-start"></i>
                                Przykłady udanych projektów łączących aktywność użytkowników z kryptowalutami:
                            </p>
                            <ul class="list-group list-group-flush">
                                <li class="list-group-item">
                                    <strong>Brave Browser (BAT)</strong> - nagradzanie za oglądanie reklam
                                </li>
                                <li class="list-group-item">
                                    <strong>Steemit (STEEM)</strong> - nagradzanie za tworzenie treści
                                </li>
                                <li class="list-group-item">
                                    <strong>Pi Network</strong> - wartość budowana przez społeczność
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>

                <!-- Dlaczego warto -->
                <div class="accordion-item">
                    <h2 class="accordion-header" id="headingWhy">
                        <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#why" aria-expanded="false" aria-controls="why">
                            <strong>Dlaczego Warto Inwestować w GoobberCoin?</strong>
                        </button>
                    </h2>
                    <div id="why" class="accordion-collapse collapse" aria-labelledby="headingWhy" data-bs-parent="#cryptoAccordion">
                        <div class="accordion-body">
                            <p>
                                <i class="fas fa-bullseye fa-2x me-3 mb-3 text-secondary float-start"></i>
                                <strong>Unikalne cechy GoobberCoin:</strong>
                            </p>
                            <ul class="list-group list-group-flush">
                                <li class="list-group-item">Pierwsza polska kryptowaluta oparta na realnej aktywności</li>
                                <li class="list-group-item">Gwarantowany skup przez platformę Goobber</li>
                                <li class="list-group-item">Wartość powiązana z rozwojem polskiej wyszukiwarki</li>
                                <li class="list-group-item">Przejrzysty system nagradzania aktywności</li>
                                <li class="list-group-item">Społeczność budująca wartość ekosystemu</li>
                            </ul>
                        </div>
                    </div>
                </div>

                <!-- Zasady bezpieczeństwa -->
                <div class="accordion-item">
                    <h2 class="accordion-header" id="headingSecurity">
                        <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#security" aria-expanded="false" aria-controls="security">
                            <strong>Zasady Bezpieczeństwa i Regulamin</strong>
                        </button>
                    </h2>
                    <div id="security" class="accordion-collapse collapse" aria-labelledby="headingSecurity" data-bs-parent="#cryptoAccordion">
                        <div class="accordion-body">
                            <p>
                                <i class="fas fa-shield-alt fa-2x me-3 mb-3 text-secondary float-start"></i>
                                <strong>Dbamy o bezpieczeństwo użytkowników:</strong>
                            </p>
                            <ul class="list-group list-group-flush">
                                <li class="list-group-item">Zabezpieczenia przed automatyzacją zbierania punktów</li>
                                <li class="list-group-item">Limity dzienne chroniące przed nadużyciami</li>
                                <li class="list-group-item">Weryfikacja realnych działań użytkowników</li>
                                <li class="list-group-item">Transparentne zasady wymiany punktów</li>
                                <li class="list-group-item">Ochrona przed manipulacją kursem</li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            
            <!-- Podsumowanie -->
            <div class="mt-4 text-center">
                <p class="lead">
                    Dołącz do społeczności GoobberCoin i buduj z nami przyszłość polskiego internetu!
                </p>
                <button class="btn btn-primary mt-3" onclick="window.location.href='rejestracja.php'">
                    Rozpocznij Przygodę z GoobberCoin
                </button>
            </div>
        </div>
    </div>
</div>


<div class="container py-4">
    <!-- Nagłówek -->
    <div class="text-center mb-5">
        <h2 class="display-4 fw-bold"><?php echo CRYPTO_NAME; ?> Dashboard</h2>
        <p class="text-muted">Portal <?php echo $userIdentifier; ?></p>
    </div>

    <div class="row justify-content-center mb-4">
        <div class="col-12 col-xl-10">
            <div class="card bg-primary bg-gradient text-white shadow">
                <div class="card-body p-4">
                    <div class="row">
                        <!-- Balans kryptowaluty -->
                        <div class="col-md-6 mb-3 mb-md-0">
                            <h2 class="h4 mb-3">Twój balans</h2>
                            <div class="h2 mb-2">
                                <?php echo $walletData['crypto_balance']; ?> <?php echo CRYPTO_NAME; ?>
                            </div>
                            <div class="text-light opacity-75">
                                Wartość w punktach: <?php echo $walletData['points']; ?>
                            </div>
                        </div>
                        <!-- Dzienne punkty -->
                        <div class="col-md-6">
                            <h2 class="h4 mb-3">Dzisiejsze punkty</h2>
                            <div class="mb-2">
                                <span class="h3"><?php echo $walletData['daily_points']; ?></span>
                                <span class="text-light opacity-75"> / <?php echo $walletData['max_daily']; ?></span>
                            </div>
                            <div class="progress bg-light bg-opacity-25">
                                <div class="progress-bar bg-info" role="progressbar" 
                                     style="width: <?php echo $dailyPercentage; ?>%" 
                                     aria-valuenow="<?php echo $dailyPercentage; ?>" 
                                     aria-valuemin="0" 
                                     aria-valuemax="100">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

    <!-- Informacje i statystyki -->
    <div class="row justify-content-center g-4">
        <!-- O kryptowalucie -->
        <div class="col-12 col-md-6 col-xl-5">
            <div class="card h-100 shadow-sm">
                <div class="card-body">
                    <h3 class="card-title h4 mb-4">O <?php echo CRYPTO_NAME; ?></h3>
                    <p class="card-text text-muted mb-4">
                        <?php echo CRYPTO_NAME; ?> to innowacyjna kryptowaluta oparta na systemie punktowym.
                        Każdy punkt ma wartość <?php echo POINTS_TO_CRYPTO_RATE; ?> <?php echo CRYPTO_NAME; ?> (Promocja).
                    </p>
                    <ul class="list-group list-group-flush">
                        <li class="list-group-item d-flex justify-content-between align-items-center">
                            Maksymalne punkty dzienne
                            <span class="badge bg-primary rounded-pill"><?php echo MAX_POINTS_PER_DAY; ?></span>
                        </li>
                        <li class="list-group-item d-flex justify-content-between align-items-center">
                            Czas między aktualizacjami
                            <span class="badge bg-primary rounded-pill"><?php echo MIN_TIME_BETWEEN_UPDATES; ?>s</span>
                        </li>
                        <li class="list-group-item d-flex justify-content-between align-items-center">
                            Dokładność
                            <span class="badge bg-primary rounded-pill"><?php echo CRYPTO_DECIMALS; ?> miejsc</span>
                        </li>
                    </ul>
                </div>
            </div>
        </div>

        <!-- Statystyki -->
        <div class="col-12 col-md-6 col-xl-5">
            <div class="card h-100 shadow-sm">
                <div class="card-body">
                    <h3 class="card-title h4 mb-4">Statystyki</h3>
                    <div class="list-group list-group-flush">
                        <div class="list-group-item d-flex justify-content-between align-items-center">
                            <span>Ostatnia aktualizacja</span>
                            <span class="text-muted"><?php echo $walletData['last_update']; ?></span>
                        </div>
                        <div class="list-group-item d-flex justify-content-between align-items-center">
                            <span>Status</span>
                            <span class="badge bg-success">Aktywny</span>
                        </div>
                        <div class="list-group-item d-flex justify-content-between align-items-center">
                            <span>Przelicznik</span>
                            <span class="text-muted">1 punkt = <?php echo POINTS_TO_CRYPTO_RATE; ?> <?php echo CRYPTO_NAME; ?></span>
                        </div>
						 <div class="list-group-item d-flex justify-content-between align-items-center">
                            <span>Nazwa Kryptowaluty</span>
                            <span class="text-muted">GBC</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

		
		<!-- Możliwości i wykorzystanie GoobberCoin -->
<div class="row justify-content-center mt-4">
    <div class="col-12 col-xl-10">
        <div class="card shadow-sm">
            <div class="card-body">
                <h3 class="card-title h4 mb-4">Co możesz zrobić z Kryptowalutą <?php echo CRYPTO_NAME; ?> lub punktami?</h3>
                
                <!-- System reklamowy -->
                <div class="mb-4">
                    <h5 class="text-primary"><i class="fas fa-ad me-2"></i>System Reklamowy</h5>
                    <ul class="list-unstyled">
                        <li class="mb-2">✓ Tworzenie kampanii reklamowych w wyszukiwarce Goobber</li>
                        <li class="mb-2">✓ Zakup reklam display i bannerów</li>
                        <li class="mb-2">✓ Promocja w wynikach wyszukiwania</li>
                        <li class="mb-2">✓ Dostęp do doatkowych promocji i narzędzi</li>
                    </ul>
                </div>

                <!-- Pozycjonowanie i SEO -->
                <div class="mb-4">
                    <h5 class="text-primary"><i class="fas fa-chart-line me-2"></i>Pozycjonowanie i SEO</h5>
                    <ul class="list-unstyled">
                        <li class="mb-2">✓ Podnoszenie rankingu domen w wynikach Goobber</li>
                        <li class="mb-2">✓ Priorytetowa indeksacja stron</li>
                        <li class="mb-2">✓ Dostęp do narzędzi SEO</li>
                        <li class="mb-2">✓ Lepsze pozycjonowanie w wyszukiwarkach 1G.pl (Goobber i Bajkowa)</li>
                    </ul>
                </div>

                <!-- Wymiana i Wypłaty -->
                <div class="mb-4">
                    <h5 class="text-primary"><i class="fas fa-exchange-alt me-2"></i>Wymiana i Wypłaty</h5>
                    <ul class="list-unstyled">
                        <li class="mb-2">✓ Wymiana na inne kryptowaluty (BTC, ETH, etc.)</li>
                        <li class="mb-2">✓ Wypłaty na konto bankowe w PLN</li>
                        <li class="mb-2">✓ Wypłaty w bankomatach</li>
                        <li class="mb-2">✓ Handel na giełdach kryptowalut</li>
                    </ul>
                </div>

                <!-- Regulacje Prawne -->
               <div class="alert alert-info">
    <h5 class="text-primary mb-3">
        <i class="fas fa-coins me-2"></i>Kryptowaluty w Polsce - Świat nowych możliwości
    </h5>
    <p class="mb-2">
        Kryptowaluty to nowoczesna forma płatności, która zyskuje coraz większą popularność w Polsce i na świecie. 
        Oto dlaczego warto się nimi zainteresować:
    </p>
    
    <!-- Możliwości płatności -->
    <div class="mb-3">
        <h6 class="text-primary">🛍️ Szeroki wachlarz możliwości płatności</h6>
        <ul class="list-unstyled">
            <li class="mb-2">
                ✨ Rosnąca liczba sklepów internetowych i stacjonarnych akceptuje płatności w kryptowalutach
            </li>
            <li class="mb-2">
                ✨ Możliwość zakupu samochodów (np. Tesla) i dóbr luksusowych
            </li>
            <li class="mb-2">
                ✨ Płatności w restauracjach i punktach usługowych
            </li>
        </ul>
    </div>

    <!-- Łatwa wymiana -->
    <div class="mb-3">
        <h6 class="text-primary">💱 Prosta wymiana na złotówki</h6>
        <ul class="list-unstyled">
            <li class="mb-2">
                ✨ Liczne kantory kryptowalut online dostępne 24/7
            </li>
            <li class="mb-2">
                ✨ Sieć bankomatów kryptowalutowych w większych miastach
            </li>
            <li class="mb-2">
                ✨ Błyskawiczne przelewy na konto bankowe
            </li>
        </ul>
    </div>

    <!-- Legalność i bezpieczeństwo -->
    <div class="mb-3">
        <h6 class="text-primary">🔒 Bezpieczeństwo i legalność</h6>
        <ul class="list-unstyled">
            <li class="mb-2">
                ✨ Kryptowaluty są w pełni legalne w Polsce
            </li>
            <li class="mb-2">
                ✨ Rosnące zainteresowanie ze strony dużych instytucji finansowych
            </li>
            <li class="mb-2">
                ✨ Coraz więcej firm traktuje kryptowaluty jako metodę płatności
            </li>
        </ul>
    </div>

    <!-- Przyszłość płatności -->
    <div class="mb-3">
        <h6 class="text-primary">🚀 Przyszłość płatności cyfrowych</h6>
        <ul class="list-unstyled">
            <li class="mb-2">
                ✨ Kryptowaluty to przyszłość globalnych transakcji
            </li>
            <li class="mb-2">
                ✨ Coraz więcej międzynarodowych firm akceptuje płatności w krypto
            </li>
            <li class="mb-2">
                ✨ Rosnąca adopcja w codziennym życiu
            </li>
        </ul>
    </div>

    <div class="alert alert-success mt-3">
        <strong>💡 Czy wiesz, że...</strong> 
        <p class="mb-0">
            W Polsce działa już ponad 100 bankomatów kryptowalutowych, a liczba miejsc akceptujących płatności w kryptowalutach stale rośnie? 
            Dołącz do cyfrowej rewolucji z <?php echo CRYPTO_NAME; ?>!
        </p>
    </div>
</div>

<!-- Wyróżnione korzyści -->
<div class="row mt-4 text-center">
    <div class="col-md-4 mb-3">
        <div class="card h-100 border-0 shadow-sm">
            <div class="card-body">
                <i class="fas fa-bolt fa-2x text-primary mb-3"></i>
                <h5>Błyskawiczne transakcje</h5>
                <p class="text-muted">Wymiana na złotówki w kilka minut</p>
            </div>
        </div>
    </div>
    <div class="col-md-4 mb-3">
        <div class="card h-100 border-0 shadow-sm">
            <div class="card-body">
                <i class="fas fa-globe fa-2x text-primary mb-3"></i>
                <h5>Globalne możliwości</h5>
                <p class="text-muted">Płać i handluj na całym świecie</p>
            </div>
        </div>
    </div>
    <div class="col-md-4 mb-3">
        <div class="card h-100 border-0 shadow-sm">
            <div class="card-body">
                <i class="fas fa-lock fa-2x text-primary mb-3"></i>
                <h5>Bezpieczne transakcje</h5>
                <p class="text-muted">Technologia blockchain gwarantuje bezpieczeństwo</p>
            </div>
        </div>
    </div>
</div>

                <!-- Dlaczego warto? -->
                <div class="card bg-light mb-4">
                    <div class="card-body">
                        <h5 class="text-primary mb-3"><i class="fas fa-rocket me-2"></i>Dlaczego warto używać <?php echo CRYPTO_NAME; ?>?</h5>
                        <div class="row">
                            <div class="col-md-6 mb-3">
                                <div class="h1 text-primary mb-2">3000</div>
                                <div class="text-muted">Punktów możesz zdobyć każdego dnia</div>
                            </div>
                            <div class="col-md-6 mb-3">
                                <div class="h1 text-primary mb-2">24/7</div>
                                <div class="text-muted">Natychmiastowa wymiana na PLN</div>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Aktywność -->
                <div class="card shadow-sm">
                    <div class="card-body">
                        <h3 class="card-title h4 mb-4">Twoja Aktywność w <?php echo CRYPTO_NAME; ?></h3>
                        <p class="text-center text-muted">
                            System aktywnie monitoruje Twoją aktywność w organicznej wyszukiwarce Goobber.com i nalicza punkty każdego dnia za Twoją aktywność.
                            <br>Możesz zdobyć obecnie maksymalnie aż <?php echo MAX_POINTS_PER_DAY; ?> punktów dziennie.
                            <br>Dzisiaj zdobyłeś już <?php echo $walletData['daily_points']; ?> punktów. Gratulacje!
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

    </div>
</div>



</main>
 <?php include('../studio/footer.php');?>

    <!-- Skrypty JS -->
	
	
<script>
document.addEventListener('DOMContentLoaded', function() {
    const searchInput = document.getElementById('search');
    const staticSuggestions = document.getElementById('static-suggestions');
    const dynamicSuggestions = document.getElementById('dynamic-suggestions');
    const promptsDiv = document.querySelector('.prompts');
    let typingTimer;
    const doneTypingInterval = 70;
    const cache = {};

    if (!searchInput || !staticSuggestions || !dynamicSuggestions || !promptsDiv) {
        console.error('Nie znaleziono wymaganych elementów DOM');
        return;
    }

    searchInput.addEventListener('focus', function() {
        promptsDiv.style.display = 'block';
        staticSuggestions.style.display = 'block';
        dynamicSuggestions.style.display = 'none';
    });

    searchInput.addEventListener('input', function() {
        this.value = this.value.toLowerCase(); // Wymuszenie małych liter
        clearTimeout(typingTimer);
        if (this.value) {
            typingTimer = setTimeout(getSuggestions, doneTypingInterval);
            staticSuggestions.style.display = 'none';
            dynamicSuggestions.style.display = 'block';
        } else {
            staticSuggestions.style.display = 'block';
            dynamicSuggestions.style.display = 'none';
        }
    });

    function getSuggestions() {
        const query = searchInput.value.toLowerCase();
        
        if (cache[query]) {
            displaySuggestions(cache[query]);
            return;
        }

        fetch(`../inc2/autopodpowiedzi/suggest.php?q=${encodeURIComponent(query)}`)
            .then(response => response.json())
            .then(data => {
                cache[query] = data;
                displaySuggestions(data);
            })
            .catch(error => {
                console.error('Błąd podczas pobierania sugestii:', error);
                dynamicSuggestions.innerHTML = '';
                promptsDiv.style.display = 'none';
            });
    }

    function displaySuggestions(data) {
        let suggestionsToDisplay = Array.isArray(data) ? data : (data.suggestions || []);
        
        if (suggestionsToDisplay.length > 0) {
            let suggestionsHtml = '';
            const inputValue = searchInput.value.toLowerCase();
            
            // Autouzupełnianie dla pierwszej sugestii
            const firstSuggestion = suggestionsToDisplay[0];
            const firstFraza = (typeof firstSuggestion === 'string' ? firstSuggestion : (firstSuggestion.fraza || '')).toLowerCase();
            if (firstFraza.startsWith(inputValue)) {
                searchInput.parentNode.setAttribute('data-autocomplete', firstFraza.slice(inputValue.length));
            } else {
                searchInput.parentNode.setAttribute('data-autocomplete', '');
            }

            suggestionsToDisplay.forEach(function(item, index) {
                const fraza = (typeof item === 'string' ? item : (item.fraza || '')).toLowerCase();
                if (fraza.startsWith(inputValue)) {
                    let displayFraza = '<strong>' + escapeHtml(fraza.substr(0, inputValue.length)) + '</strong>' + 
                                       escapeHtml(fraza.substr(inputValue.length));
                    suggestionsHtml += `
                        <li data-index="${index}">
                            <span class="suggestion-text">${displayFraza}</span>
                        </li>`;
                }
            });
            dynamicSuggestions.innerHTML = suggestionsHtml;
            promptsDiv.style.display = 'block';
        } else {
            dynamicSuggestions.innerHTML = '';
            promptsDiv.style.display = 'none';
            searchInput.parentNode.setAttribute('data-autocomplete', '');
        }
    }
	
    searchInput.addEventListener('keydown', function(event) {
        if ((event.key === 'Tab' || event.key === 'ArrowRight') && this.parentNode.getAttribute('data-autocomplete')) {
            event.preventDefault();
            this.value += this.parentNode.getAttribute('data-autocomplete');
            this.parentNode.setAttribute('data-autocomplete', '');
        }
    });

    function escapeHtml(unsafe) {
        return unsafe
            .replace(/&/g, "&amp;")
            .replace(/</g, "&lt;")
            .replace(/>/g, "&gt;")
            .replace(/"/g, "&quot;")
            .replace(/'/g, "&#039;");
    }

    document.addEventListener('click', function(event) {
        if (!event.target.closest('.search-form')) {
            promptsDiv.style.display = 'none';
        }
    });

    promptsDiv.addEventListener('click', function(event) {
        if (event.target.closest('li a')) {
            event.preventDefault();
            searchInput.value = event.target.closest('li a').querySelector('span:not(.remove)').textContent.trim().toLowerCase();
            promptsDiv.style.display = 'none';
        } else if (event.target.classList.contains('remove')) {
            event.preventDefault();
            event.target.closest('li').remove();
        }
    });

    // Dodatkowe funkcje dla przycisków mic, key, img
    ['mic', 'key', 'img'].forEach(className => {
        const element = document.querySelector(`.${className}`);
        if (element) {
            element.addEventListener('click', function(event) {
                event.preventDefault();
                console.log(`Kliknięto przycisk ${className}`);
            });
        }
    });

    function adjustPromptsDivPosition() {
        const searchContainer = document.querySelector('.search-container');
        const inputGroup = searchContainer.querySelector('.input-group');
        const promptsDiv = document.querySelector('.prompts');
        
        if (window.innerWidth <= 767) {
            promptsDiv.style.width = '100%';
            promptsDiv.style.left = '0';
        } else {
            promptsDiv.style.width = (inputGroup.offsetWidth - 100) + 'px';
            promptsDiv.style.left = '48px';
        }
    }

    window.addEventListener('resize', adjustPromptsDivPosition);
    searchInput.addEventListener('focus', adjustPromptsDivPosition);

    function adjustLayoutForMobile() {
        if (window.innerWidth <= 600) {
            document.body.style.paddingTop = document.querySelector('header').offsetHeight + 'px';
            document.querySelector('header').style.position = 'fixed';
            document.querySelector('header').style.top = '0';
            document.querySelector('header').style.left = '0';
            document.querySelector('header').style.right = '0';
            document.querySelector('header').style.zIndex = '1000';
            document.querySelector('header').style.background = 'white';

            document.querySelector('.search-form').style.position = 'fixed';
            document.querySelector('.search-form').style.top = document.querySelector('header').offsetHeight + 'px';
            document.querySelector('.search-form').style.left = '0';
            document.querySelector('.search-form').style.right = '0';
            document.querySelector('.search-form').style.zIndex = '999';
            document.querySelector('.search-form').style.background = 'white';
            document.querySelector('.search-form').style.padding = '10px';

            const logo = document.querySelector('.navbar-brand img');
            if (logo) {
                if (!logo.dataset.originalWidth) logo.dataset.originalWidth = logo.offsetWidth;
                if (!logo.dataset.originalHeight) logo.dataset.originalHeight = logo.offsetHeight;
                logo.style.width = (logo.dataset.originalWidth / 2) + 'px';
                logo.style.height = (logo.dataset.originalHeight / 2) + 'px';
            }

            window.scrollTo(0, 0);
        }
    }

    function resetLayout() {
        document.body.style.paddingTop = '';
        document.querySelector('header').style.position = '';
        document.querySelector('header').style.top = '';
        document.querySelector('header').style.left = '';
        document.querySelector('header').style.right = '';
        document.querySelector('header').style.zIndex = '';
        document.querySelector('header').style.background = '';

        document.querySelector('.search-form').style.position = '';
        document.querySelector('.search-form').style.top = '';
        document.querySelector('.search-form').style.left = '';
        document.querySelector('.search-form').style.right = '';
        document.querySelector('.search-form').style.zIndex = '';
        document.querySelector('.search-form').style.background = '';
        document.querySelector('.search-form').style.padding = '';

        const logo = document.querySelector('.navbar-brand img');
        if (logo && logo.dataset.originalWidth && logo.dataset.originalHeight) {
            logo.style.width = logo.dataset.originalWidth + 'px';
            logo.style.height = logo.dataset.originalHeight + 'px';
        }
    }

    searchInput.addEventListener('focus', function() {
        if (window.innerWidth <= 600) {
            adjustLayoutForMobile();
        }
    });

    searchInput.addEventListener('blur', function() {
        if (window.innerWidth <= 600) {
            setTimeout(resetLayout, 200);
        }
    });
});
</script>


		<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.6/dist/umd/popper.min.js" integrity="sha384-oBqDVmMz9ATKxIep9tiCxS/Z9fNfEXiDAYTujMAeBAsjFuCZSmKbSSUnQlmh/jp3" crossorigin="anonymous"></script>
		<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.min.js" integrity="sha384-cuYeSxntonz0PPNlHhBs68uyIAVpIIOZZ5JqeqvYYIcEL727kskC66kF92t6Xl2V" crossorigin="anonymous"></script>
</body>
</html>