{% extends 'base.html.twig' %}

{% block body %}

    <div class="container-mt-3" style="min-width: 400px">
        <h3 class="h3 card-title mb-3 font-weight-normal">Profil žáka</h3>

        <hr>

        {% if is_granted('ROLE_ADMIN') or is_granted('ROLE_TEACHER') %}

        <h4 class="h4 card-title mb-3 font-weight-normal">{{ zak.jmeno }} {{ zak.prijmeni }}</h4>

        <div class="d-flex justify-content-center jumbotron shadow">

            {% if zak.image != NULL %}

                <img src="{{ '/uploads/' ~ zak.image }}" alt="Profilový obrázek"
                     style="max-width: 200px; max-height: 300px; margin: 20px" class="shadow card">

            {% endif %}

            <div id="InfoBox" class="shadow card" style= "margin: 20px">

                <br>

                <h4 class="h5 card-title mb-3 font-weight-normal">Základní Informace</h4> <hr>

                <ul class="list-group list-group-flush">
                    <li class="list-group-item">Ve třídě: {{ zak.trida }}</li>
                    <li class="list-group-item">Kmenová učebna: {{ zak.trida.ucebna }}</li>
                    <li class="list-group-item">Telefon: {{ zak.tel }}</li>
                    <li class="list-group-item">Email: {{ zak.email }}</li>
                    <li class="list-group-item">Datum Narození: {{ zak.datNar|date('Y-m-d')}}</li>
                    <li class="list-group-item">Rodné číslo: {{ zak.rodCis }}</li>
                    <li class="list-group-item">Pohlaví:
                        {% if zak.pohlavi == 1 %}
                        Muž
                        {% else %}
                        Žena
                        {% endif %}
                    </li>
                    <li class="list-group-item">Občanství: {{ zak.obcanstvi }}</li>
                    <li class="list-group-item">Číslo Op: {{ zak.oP }}</li>
                    <li class="list-group-item">Číslo Pasu: {{ zak.pas }}</li>
                    <li class="list-group-item">Předchozí škola: {{ zak.predSkol }}</li>
                    <li class="list-group-item">Datum zahájení studia: {{ zak.datZah|date('Y-m-d') }}</li>
                    <li class="list-group-item">Datum Ukončení studia: {{ zak.datUk|date('Y-m-d') }}</li>
                    <li class="list-group-item">Zdravotní Pojišťovna: {{ zak.zdPoj }}</li>
                </ul>
            </div>

            <div id="InfoBox" class="shadow card" style= "margin: 20px">

                <br>

                <h4 class="h5 card-title mb-3 font-weight-normal">Adresa</h4> <hr>

                <ul class="list-group list-group-flush">
                    <li class="list-group-item">Stát: {{ zak.stat }}</li>
                    <li class="list-group-item">Okres: {{ zak.okres }}</li>
                    <li class="list-group-item">Městská část: {{ zak.mCast }}</li>
                    <li class="list-group-item">Ulice: {{ zak.ulice }}</li>
                    <li class="list-group-item">Číslo popisné: {{ zak.cisPop }}</li>
                    <li class="list-group-item">PSČ: {{ zak.psc}}</li>
                </ul>
            </div>

            <div id="InfoBox" class="shadow card" style= "margin: 20px">

                <br>

                <h4 class="h5 card-title mb-3 font-weight-normal">Znevýhodnění</h4> <hr>

                <ul class="list-group list-group-flush">
                    <li class="list-group-item">Nadání: {{ zak.nadani }}</li>
                    <li class="list-group-item">Individuální Studijní Plán: {{ zak.indStudPlan}}</li>
                    <li class="list-group-item">Znevýhodnění: {{ zak.znevyhodneni }}</li>
                    <li class="list-group-item">Upravený vzdělávací program: {{ zak.uprVzdProgram }}</li>
                    <li class="list-group-item">Odlisné kulturní prostředí: {{ zak.odlKultProstredi }}</li>
                    <li class="list-group-item">Prodloužená délka vzdělávání o: {{ zak.prodlDelkaVzd }}</li>
                    <li class="list-group-item">Úprava výstupů vzdělávání: {{ zak.upravaVystVzdel }} </li>
                    <li class="list-group-item">Datum vydání doporučení: {{ zak.datVydDoporuc|date('Y-m-d') }}</li>
                    <li class="list-group-item">Datum konce platnosti doporučení: {{ zak.datKonceDoporuc|date('Y-m-d') }}</li>
                    <li class="list-group-item">Normovaná finanční náročnost: {{ zak.normFinNarocnost }}</li>
                    <li class="list-group-item">Finanční náročnost: {{ zak.finNarocnost }}</li>
                    <li class="list-group-item">Datum zahájení poskytování PO: {{ zak.datZahPO|date('Y-m-d') }}</li>
                    <li class="list-group-item">Datum ukončení poskytování PO: {{ zak.datUkPO|date('Y-m-d') }}</li>
                </ul>
            </div>
        </div>

        {% else %}

            <div class="d-flex justify-content-center">

                {% if zak.image != NULL %}

                    <img src="{{ '/uploads/' ~ zak.image }}" alt="Profilový obrázek"
                         style="max-width: 200px; max-height: 300px; margin-right: 20px">

                {% endif %}


                <div id="InfoBox">

                    <h4 class="h4 card-title mb-3 font-weight-normal">{{ zak.jmeno }} {{ zak.prijmeni }}</h4>

                    <br>

                    <ul class="list-group list-group-flush">
                        <li class="list-group-item">Ve třídě: {{ zak.trida }}</li>
                        <li class="list-group-item">Kmenová učebna: {{ zak.trida.ucebna}}</li>
                        <li class="list-group-item">Datum Narození: {{ zak.datNar|date('Y-m-d')}}</li>
                        <li class="list-group-item">Pohlaví:
                            {% if zak.pohlavi == 1 %}
                                Muž
                            {% else %}
                                Žena
                            {% endif %}
                        </li>
                        <li class="list-group-item">Zdravotní Pojišťovna: {{ zak.zdPoj }}</li>
                        <li class="list-group-item">Telefon: {{ zak.tel }}</li>
                        <li class="list-group-item">Email: {{ zak.email }}</li>
                    </ul>
                </div>

                <br>
            </div>

            <div class="d-flex justify-content-center">
                <div id="Textbox" style="max-width: 400px; margin-top: 30px">
                    <h6 class="h5 card-title mb-6 font-weight-normal">Poznámka:</h6>
                    <hr>
                    <article class="text-justify">{{ zak.poznamka }}</article>
                </div>
            </div>


        {% endif %}
        {% if is_granted('ROLE_ADMIN') or is_granted('ROLE_TEACHER') %}

            <div id="Textbox" style=" margin-top: 30px">
                    <h5 class ="h5 card-title mb-0 font-weight-normal float-left">Dodatečné informace: </h5>
                    <br>
                    <hr>
                    <article class="text-justify">{{ zak.poznamka }}</article>
                </div>
            </div>

        {% endif %}

        <hr>

        {% if is_granted('ROLE_ADMIN') %}
        <div class="btn-group">
            <a href="{{ path('zak.edit', {id: zak.id}) }}" class="btn btn-outline-primary btn-group">Upravit</a>
            <a href="{{ path('zak.delete', {id: zak.id}) }}" class="btn btn-outline-danger btn-group">Smazat</a>
        </div>
        {% endif %}

        {% if is_granted('ROLE_TEACHER') %}

            <a href="{{ path('zak.edit', {id: zak.id}) }}" class="btn btn-outline-primary btn-group">Upravit</a>

        {% endif %}

        {% if zak.user != null %}
            <a href="{{ path('zprava.create', {prijemce: zak.user.id}) }}" class="btn btn-outline-primary float-left">Poslat zprávu</a>
        {% endif %}

    </div>

    <style type = "text/css">
        .scroll {
            display:block;
            border: 1px ;
            padding:5px;
            margin-top:5px;
            width: 1000px;
            height: 450px;

            overflow:scroll;
        }
        .auto {
            display:block;
            border: 1px;
            padding:5px;
            margin-top:5px;
            overflow:auto;
            width: 1000px;
            height: 450px;
        }
    </style>


{% endblock %}

{% block title %}
Profil žáka
{% endblock %}

