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

    .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;
        height: 100%;
    }

    .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-container">
        <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>
        <div class="card">
            <img src="{{ url_for('static', filename='images/uni/vallalat-iranyitasi-rendszerek-logo.jpeg')}}" alt="Post Image">
            <h3>Vállalat Irányítási Rendszerek</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('vallalati_informacios_rendszerek.allquestions') }}">
                    <button class="btn display-questions" type="submit">Display Questions</button>
                </form>
                <form method="POST" action="{{ url_for('vallalati_informacios_rendszerek.quiz') }}">
                    <button class="btn start-quiz" type="submit">Start Quiz</button>
                </form>
            </div>
        </div>
        <div class="card">
            <img src="{{ url_for('static', filename='images/uni/halozatok-logo.jpeg')}}" alt="Post Image">
            <h3>Hálózatok</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('halozatok_vizsga_teszt.allquestions') }}">
                    <button class="btn display-questions" type="submit">Display Questions</button>
                </form>
                <form method="POST" action="{{ url_for('halozatok_vizsga_teszt.quiz') }}">
                    <button class="btn start-quiz" type="submit">Start Quiz</button>
                </form>
            </div>
        </div>
        <div class="card">
            <img src="{{ url_for('static', filename='images/uni/szamitogepek_mukodese_logo.jpg')}}" alt="Post Image">
            <h3>Számítógépek Műküdése</h3>
            <div class="date">November 05, 2024</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('szamitogepek_mukodese.allquestions') }}">
                    <button class="btn display-questions" type="submit">Display Questions</button>
                </form>
                <form method="POST" action="{{ url_for('szamitogepek_mukodese.quiz') }}">
                    <button class="btn start-quiz" type="submit">Start Quiz</button>
                </form>
            </div>
        </div>
    </div>
</main>

{% endblock %}