{% set trans_day_hash = {
    Monday: 'Lundi',
    Tuesday: 'Mardi',
    Wednesday: 'Mercredi',
    Thursday: 'Jeudi',
    Friday: 'Vendredi',
    Saturday: 'Samedi',
    Sunday: 'Dimanche'
} %}

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

{% block title %}Candidat {{ candidat.nom }} {{ candidat.prenom }}{% endblock %}

{% block body %}
    <div class="show-container">
        <div class="row profile">
            <div class="col-md-3">
                <div class="profile-sidebar">
                    <div class="profile-userpic">
                        <img src="{{
                        asset(
                            'assets/pictures/illustrations/default_avatar.svg'
                        )
                        }}"
                             class="img-responsive"
                             alt="" />
                    </div>
                    <div class="profile-usertitle">
                        <div class="profile-usertitle-name">
                            {{ candidat.nom }} {{ candidat.prenom }}
                        </div>
                        <div class="profile-usertitle-job" {% if candidat.statut == "Pas affecté" %} style="color:#d29d40"
                        {% elseif candidat.statut == "Abandon" %} style="color:#c0392b" {% else %} style="color:#2ecc71" {% endif %}>
                            {{ candidat.statut }}
                        </div>
                    </div>

                    <div class="profile-userbuttons">
                        <a href="{{ path('candidat_edit', {'id': candidat.id}) }}" type="button" class="btn btn-outline-warning">
                            Éditer
                        </a>
                    </div>

                    <!-- END SIDEBAR BUTTONS -->
                    <!-- SIDEBAR MENU -->
                    <div class="portlet light bordered">
                        <!-- END STAT -->
                        <div class="profile-usermenu">
                            <h4 class="profile-desc-title">
                                Actions
                            </h4>
                            <div onclick="getInformationCandidat(this)" id="profile-usermenu-selector_0" data-info='informations' data-link="{{ path('candidat_show', {'id': candidat.id }) }}" class="profile-usermenu-selector">
                                <span>Toutes les informations</span>
                                <i class="fa fa-chevron-right"></i>
                            </div>
                            <div onclick="getInformationCandidat(this)" id="profile-usermenu-selector_1" data-info='schedule' data-link="{{ path('candidat_show', {'id': candidat.id }) }}" class="profile-usermenu-selector">
                                <span>Emploi du temps</span>
                                <i class="fa fa-chevron-right"></i>
                            </div>
                            <div onclick="getInformationCandidat(this)" id="profile-usermenu-selector_2" data-info='documents' data-link="{{ path('candidat_show', {'id': candidat.id }) }}" class="profile-usermenu-selector">
                                <span>Pieces Jointes</span>
                                <i class="fa fa-chevron-right"></i>
                            </div>
                            <div onclick="getInformationCandidat(this)" id="profile-usermenu-selector_3" data-info='history' data-link="{{ path('candidat_show', {'id': candidat.id }) }}" class="profile-usermenu-selector">
                                <span>Historique de formations</span>
                                <i class="fa fa-chevron-right"></i>
                            </div>
                        </div>
                        <div>
                            <h4 class="profile-desc-title">
                                A propos
                            </h4>
                            {% if candidat.email %}
                                <div class="margin-top-20 profile-desc-link"
                                     title="adresse de messagerie">
                                    <i class="fad fa-envelope"></i>
                                    <span>{{ candidat.email }}</span>
                                </div>
                            {% endif %}
                            {% if candidat.portable %}
                                <div class="margin-top-20 profile-desc-link" title="numéro pro">
                                    <i class="fad fa-phone-office"></i>
                                    <span>{{ candidat.portable }}</span>
                                </div>
                            {% endif %}
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-9 no-padding" id="main_div">
                {% if typeRequest == "informations" %}
                        {{ include('components/user/candidat/candidat_all_info.html.twig') }}
                {% endif %}
                {% if typeRequest ==  "schedule" %}
                        {{ include('components/user/candidat/candidat_schedule.html.twig') }}
                {% endif %}
                {% if typeRequest ==  "documents" %}
                        {{ include('components/user/candidat/candidat_monthly-cost.html.twig') }}
                {% endif %}
                {% if typeRequest == "history" %}
                        {{ include('components/user/candidat/candidat_history.html.twig') }}
                {% endif %}
            </div>
        </div>
    </div>

    <div class="popup-background" onclick="removePopup()" style="left:0"></div>
    <div class="popup-modal" id="main_absence">
        {% if actionCandidat|length > 0 %}
            <div class="popup-modal-head">
                <i class="fad fa-user-graduate fa-2x"></i>
                <span class="popup-modal-head_name">{{ candidat.nom }} {{ candidat.prenom }}</span>
                <span class="popup-modal-head_statut"
                    {% if candidat.statut == "En formation" %} style="background: #2ecc71"
                    {%elseif candidat.statut == "Abandon" %} style="background: #e74c3c"
                    {%else%}  style="background: #d29d40" {%endif%}
                >{{ candidat.statut }}</span>
            </div>
            <div class="popup-modal-body" id="popup_body" style="margin-top:15%">
                <span><i class="far fa-calendar-alt"></i> {{ trans_day_hash[actionCandidat[1]|date('l')] }}</span> <span> {{ actionCandidat[1]|date('d/m/Y') }}</span>
                <div class="popup-modal-body-form">
                    <div class="popup-modal-body-form-input">
                        <p>Valider la présence</p>
                        <div class="popup-modal-body-form-input-radio">
                            <div class="popup-modal-body-form-input-radio-2">
                                <label for="present" style="color:#2ecc71;">Present: </label>
                                <input type="radio" id="present" name="present" {% if not actionCandidat[3]  and actionCandidat[3] is not null %} checked {% endif %}>
                            </div>
                            <div class="popup-modal-body-form-input-radio-1">
                                <label for="absent" style="color:#c0392b;">Absent: </label>
                                <input type="radio" id="absent" name="absent" {% if actionCandidat[3] and actionCandidat[3] is not null%} checked {% endif %} >
                            </div>
                        </div>
                    </div>
                    <div class="popup-modal-body-form-textarea" id="motifAbsence">
                        <label for="motif">Motif de l'absence : </label>
                        <textarea id="motif" name="motif">{{ actionCandidat[4] }}</textarea>
                    </div>
                    <button class="save-btn btn btn-success btn-lg" type="submit" id="enrPresence" style="margin-top: 5%; width: 100%;" disabled="true" onclick="changePresence(this)" data-action="{{actionCandidat[0]}}" data-link="{{ path('candidat_show', {'id': candidat.id }) }}">Enregistrer</button>
                </div>
            </div>
        {% endif %}
    </div>


    <script src="{{ asset('assets/scripts/candidatReq.js') }}"></script>
{% endblock %}