{% extends "main.html" %}
{% block content%}
<style>
    .card-buttons {
        display: flex;
        justify-content: center;
        gap: 20px;
        margin-top: 15px;
    }

    .card-buttons .btn {
        padding: 12px 24px;
        font-size: 1rem;
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        text-transform: uppercase;
        color: #fff;
        border: none;
        border-radius: 8px;
        cursor: pointer;
        transition: transform 0.3s ease, background 0.3s ease;
        width: 100%;
        max-width: 160px;
    }

    .card-buttons .btn {
        background: linear-gradient(to right, #5a0fb8, #1f65d6);
    }

    .card-buttons .btn:hover {
        background: linear-gradient(to right, #1f65d6, #5a0fb8);
        transform: scale(1.05);
    }
</style>
<main class="main">
    <div class="card">
        <img src="{{ url_for('static', filename='images/uni/portalfejlesztes-logo.png')}}" alt="Post Image">
        <h3>Portálfejlesztés .Net ben</h3>
        <div class="date">January 10, 2025</div>
        <p>
            This test is made for SZE University students to practice. Be aware that the test might become outdated 
            as the course material may change in the future. In case of modifications or incorrect answers, please contact me!
        </p>
        <div class="card-buttons">
            <form method="GET" action="{{ url_for('portalfejlesztes_net_ben.allquestions') }}">
                <button class="btn display-questions" type="submit">Display Questions</button>
            </form>
            <form method="POST" action="{{ url_for('portalfejlesztes_net_ben.quiz') }}">
                <button class="btn start-quiz" type="submit">Start Quiz</button>
            </form>
        </div>
    </div>
</main>

{% endblock %}