{% extends "index.html" %}
{% block title %}Terminy wykładów{% endblock %}

{% block content %}
<div class="container header__container">
    <div class="row">
        <div class="col s12">
            <div class="card color--primary white-text">
                <span class="card-title">Nazwa wykładu</span>
            </div>
        </div>
    </div>
</div>
<div class="container body__container">
    <div class="row">
        <div class="col s12">
            <div class="card color--primary white-text">
                <div class="card-content">
                    <span class="card-title card-title__body">Pytania studentów</span>
                    <ul id="questions-list">
                        <li class="row">
                            <span class="date">
                                16.01.2019
                            </span>
                            <span class="col s7" style="display:flex; align-items:center; text-align: left">
                                Peopleware
                            </span>
                            <a class="col s5 btn--answer waves-effect waves-light btn-large red">OTWÓRZ</a>
                        </li>
                        <li class="row">
                            <span class="date">
                                9.01.2019
                            </span>
                            <span class="col s7" style="display:flex; align-items:center; text-align: left">
                                Jak zostać komputerowym geniuszem?
                            </span>
                            <a class="col s5 btn--answer waves-effect waves-light btn-large red">OTWÓRZ</a>
                        </li>
                        <li class="row" style="margin-bottom: 0">
                            <span class="date">
                                19.01.2019
                            </span>
                            <span class="col s7" style="display:flex; align-items:center; text-align: left">
                                Jak zaplanować projekt informatyczny?
                            </span>
                            <a class="col s5 btn--answer waves-effect waves-light btn-large red">OTWÓRZ</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>

{% endblock %}

{% block script %}
<script>
    /////////// DO OGARNIĘCIA /////////////
    
    $('.btn--answer').on('click', () => {
        window.location.href = "/student"
        /*
        $.ajax({
            url: '/account',
            type: 'POST',
            succes: function(response) {
                conosle.log(response)
            }
        });
        */
    })

</script>
{% endblock %}