{% extends 'base.html' %}
{% load static %}
{% block css %}
    <link rel="stylesheet" type="text/css" href="{% static 'profesor.css' %}">
{% endblock %}

{% block content %}

{% if user.is_authenticated %}

{% include 'navbar.html' %}

<div class="container">
        <div class="d-flex justify-content-center mt-5">
            <h3>Dodaj nowy przedmiot</h3>
        </div>
    <div class="d-flex justify-content-center mt-3">
        <form role="form">
            <input type="text" class="form-control" placeholder="Nowy przedmiot" name="przedmiot">
        </form>
        <button type="button" class="btn btn btn-primary ml-1">Dodaj</button>
    </div>
    <div class="d-flex justify-content-center mt-5">
            <h3>Lista przedmiotów</h3>
    </div>
    <a class="row justify-content-center">Liczba dostępnych przedmiotów: 3/5</a>
    <ul class="list-group cProductsList mt-3"> 
            <li class="list-group-item d-sm-flex justify-content-between"><p class="p-0 m-0 flex-grow-1">Sztuczna inteligencja</p> 
                <button class="btn-primary mr-1" ><a class="nolink" href="/profesor/Sztuczna inteligencja">Zarządzaj</a></button> 
                <button class="btn-success mr-1">Edytuj</button>  
                <button class="btn-danger">Usuń</button>
            </li>
            <li class="list-group-item d-sm-flex justify-content-between"><p class="p-0 m-0 flex-grow-1">Systemy informatyczne</p>  
                <button class="btn-primary mr-1"><a class="nolink" href="/profesor/Systemy informatyczne">Zarządzaj</a></button>
                <button class="btn-success mr-1">Edytuj</button>
                <button class="btn-danger">Usuń</button>
            </li> 
            <li class="list-group-item d-sm-flex justify-content-between"><p class="p-0 m-0 flex-grow-1">Programowanie</p>  
                <button class="btn-primary mr-1"><a class="nolink" href="/profesor/Programowanie">Zarządzaj</a></button>
                <button class="btn-success mr-1">Edytuj</button>
                <button class="btn-danger">Usuń</button>
             </li> 
    </ul>
</div>

{% else %}
<a href="{% url 'login' %}">Zaloguj sie</a>
{% endif %}

{% endblock %}