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

{% block title %}Fiche utilisateur{% endblock %}

{% block body %}
<script>
    $(document).ready(function () {
        $(".page-title h1").text("Fiche utilisateur");
        //$(".bandeau-img img").attr("src","assets/icons/icon_office.png");

    })
</script>
<div class="container-page">
    <div class="form-container" style="position: relative;">
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="/users">Utilisateurs</a></li>
                <li class="breadcrumb-item active" aria-current="page">Détail</li>
            </ol>
        </nav>
    </div>
    <!-- Your grid container -->
    <div class="form-container" style="position: relative;">
        <div class="section-title">INFORMATIONS</div>
        <hr class="sep-rounded">
        <div class="row">
            <div class="col-3">
                <img src="/uploads/users/{{ viewedUser.userPhoto }}" class="img-thumbnail" alt="">
            </div>
            <div class="col-9">
                <div class="form-label">NOM AFFICHE : &nbsp;<span>{{ viewedUser.displayName }}</span></div>
                <div class="form-label">NOM : &nbsp;<span>{{ viewedUser.nom }}</span></div>
                <div class="form-label">PRENOM : &nbsp;<span>{{ viewedUser.prenom }}</span></div>
                <div class="form-label">MAIL : &nbsp;<span>{{ viewedUser.email }}</span></div>
                <div class="form-label">TELEPHONE : &nbsp;<span>{{ viewedUser.telephone }}</span></div>
                {% if viewedUser.job is not null %}
                    <div class="form-label">POSTE : &nbsp;<span>{{ viewedUser.job.jobName }}</span></div>
                {% else %}
                    <div class="form-label">POSTE : &nbsp;<span>-</span></div>
                {% endif %}
                <div class="form-label">MEMBRE DEPUIS : &nbsp;<span>{{ created }}</span></div>
                <div class="form-label">SOCIETE : &nbsp;<span>{{ viewedUser.company.companyName }}</span></div>
                <div class="form-label">SITE : &nbsp;<span>{{ viewedUser.company.companyCity }}</span></div>
                <div class="form-label">NOMBRE DE MESSAGES POSTES : &nbsp;<span>{{ viewedUser.myComments|length }}</span></div>
            </div>
        </div>
        <button class="btn-glossy" id="btn-edit-infos"><a style="" target="_blank" href="/user/{{ viewedUser.id }}/edit/">Modifier la fiche</a></button>
    </div>
    <br> 
    <div class="form-container" style="position: relative;">
        <div class="section-title">DONNEES CONFIDENTIELLES</div>
        <hr class="sep-rounded">
        <div class="row">
            <div class="col-6">
                <div class="form-label">TJM (Taux Journalier Moyen) : &nbsp;<span>{{ viewedUser.TJM }}</span></div>
                <div class="form-label">REMUNERATION : &nbsp;<span>{{ viewedUser.salary }} €</span></div>
            </div>
        </div>
    </div>
   
</div>  
{% endblock %}