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

{% block title %}Formations{% endblock %}

{% block body %}

<div class="uk-container uk-padding">

    {% if student|default %}

    <div class="ui grid equal height">
        <div class="row">
            <div class="height wide column">
                <div class="ui card card-profil uk-animation-fade">

                    <div class="uk-card uk-animation-slide-right uk-padding-bottom">
                        <h1>Détails du stagiaire</h1>
                    </div>

                    <div class="content uk-margin">
                        <div class="uk-card uk-card-default uk-grid-collapse uk-child-width-1-2@s uk-margin" uk-grid>
                            <div class="uk-card-media-left uk-cover-container">
                                <img src="{{ asset('img/persons/' ~ student.firstName ~ student.lastName ~ '.webp') }}"
                                    class="uk-padding">
                            </div>
                            <div class="uk-card-body">

                                <h3 class="uk-card-title">Card Title</h3>

                                <div class="ui list">
                                    <div class="item">
                                        <div class="header">Nom:</div>
                                        {{ student.firstName }}
                                    </div>
                                    <div class="item">
                                        <div class="header">Prénom:</div>
                                        {{ student.lastName }}
                                    </div>
                                    <div class="item">
                                        <div class="header">Adresse:</div>
                                        {{ student.address }}
                                    </div>
                                    <div class="item">
                                        <div class="header">Ville:</div>
                                        {{ student.city }}
                                    </div>
                                    <div class="item">
                                        <div class="header">Code postal:</div>
                                        {{ student.zipCode }}
                                    </div>
                                    <div class="item">
                                        <div class="header">Numéro de téléphone:</div>
                                        {{ student.phoneNumber }}
                                    </div>
                                    <div class="item">
                                        <div class="header">Date de naissance:</div>
                                        {{ student.birthday | date('d-m-Y') }}
                                    </div>

                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="uk-text-center detail-footer">
                        <a href="{{ path('edit_student', {'id': student.id }) }}"
                            class="ui-button ui-widget ui-corner-all">
                            <i class="pencil alternate icon"></i>Editer
                        </a>
                    </div>
                </div>
            </div>
            <div class="eight wide column uk-animation-fade">
                <h3 class="uk-animation-slide-top">Programes du stagiaire</h3>
                {% for session in student.sessions %}
                <div class="ui mini horizontal divided list">
                    <h6>{{ session.formation.name }}</h6>
                    {% for prog in session.programs %}
                    <div class="item right floated">
                        <img class="ui avatar image" src="{{ asset('img/' ~ prog.course.nameCourse ~ '.jpg') }}">
                        <div class="content">
                            <div class="header">{{ prog.course.nameCourse }}</div>
                        </div>
                    </div>
                    {% endfor %}
                </div>
                {% endfor %}
                <div class="uk-text-right uk-padding-top">
                    <a href="{{ path('list_student') }}" class="ui-button ui-widget ui-corner-all">
                        <i class="reply icon"></i>Retour Liste
                    </a>
                </div>
            </div>

        </div>
    </div>
    {% else %}
    <h2>Aucune informations en base de données</h2>
    {% endif %}
</div>

{% endblock %}