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

{% block title %}
  Formateur
{% 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">
              {{ formateur.prenom }} {{ formateur.nom }}
            </div>
            <div class="profile-usertitle-job">
              {{ formateur.typeFormateur }}
            </div>
          </div>

          <div class="profile-userbuttons">
            <a href="{{ path('formateur_edit', {'id': formateur.id}) }}" type="button" class="btn btn-outline-warning">
              Éditer
            </a>
          </div>
          <!-- END SIDEBAR BUTTONS -->
          <!-- SIDEBAR MENU -->
          <div class="portlet light bordered">
            <div class="row list-separated profile-stat">
              <div class="col-md-4 col-sm-4 col-xs-6">
                <div class="uppercase profile-stat-text">
                  Actif
                </div>
                <div class="uppercase profile-stat-title">
                  {% if formateur.actif is same as(- 1) %}
                    <i class="fad fa-check-circle profile-active fa-lg"
                      title="actif">

                    </i>
                  {% else %}
                    <i class="fad fa-times-circle profile-inactive fa-lg"
                      title="inactif">

                    </i>
                  {% endif %}
                </div>
              </div>
              <div class="col-md-4 col-sm-4 col-xs-6">
                {#{% if formateur.salaire != '' %}
                  <div class="uppercase profile-stat-text">
                    Salaire
                  </div>
                  <div class="uppercase profile-stat-title">
                    {{ formateur.salaire }}€
                  </div>
                {% elseif formateur.coutHoraireBrut != '' %}
                  <div class="uppercase profile-stat-text">
                    Coût Horraire Brut
                  </div>
                  <div class="uppercase profile-stat-title">
                    {{ formateur.coutHoraireBrut }}€
                  </div>
                {% else %}
                  <div class="uppercase profile-stat-text">
                    Salaire
                  </div>
                  <div class="uppercase profile-stat-title">
                    Non défini
                  </div>
                {% endif %}#}
              </div>
              <div class="col-md-4 col-sm-4 col-xs-6">
                <div class="uppercase profile-stat-text">
                  ID
                </div>
                <div class="uppercase profile-stat-title">
                  {{ formateur.idFormateur != ''
                    ? formateur.idFormateur
                    : 'Non défini' }}
                </div>
              </div>
            </div>
            <!-- END STAT -->
            <div class="profile-usermenu">
              <h4 class="profile-desc-title">
                Actions
              </h4>
              <div data-comp='informations' class="profile-usermenu-selector">
                <span data-comp='informations'>Toutes les informations</span>
                <i data-comp='informations' class="fa fa-chevron-right"></i>
              </div>
              <div data-comp='schedule' class="profile-usermenu-selector">
                <span data-comp='schedule'>Emploi du temps</span>
                <i data-comp='schedule' class="fa fa-chevron-right"></i>
              </div>
              <div data-comp='monthly-cost' class="profile-usermenu-selector">
                <span data-comp='monthly-cost'>Coût mensuel</span>
                <i data-comp='monthly-cost' class="fa fa-chevron-right"></i>
              </div>
              <div data-comp='history' class="profile-usermenu-selector">
                <span data-comp='history'>Historique</span>
                <i data-comp='history' class="fa fa-chevron-right"></i>
              </div>
            </div>
            <div>
              <h4 class="profile-desc-title">
                A propos
              </h4>
              {% if formateur.notes != '' %}
                <span class="profile-desc-text">{{ formateur.notes }}</span>
              {% endif %}
              {% if formateur.adresseMessagerie %}
                <div class="margin-top-20 profile-desc-link"
                  title="adresse de messagerie">
                  <i class="fad fa-envelope"></i>
                  <span>{{ formateur.adresseMessagerie }}</span>
                </div>
              {% endif %}
              {% if formateur.telProfessionnel %}
                <div class="margin-top-20 profile-desc-link" title="numéro pro">
                  <i class="fad fa-phone-office"></i>
                  <span>{{ formateur.telProfessionnel }}</span>
                </div>
              {% endif %}
              {% if formateur.telephonePersonnel %}
                <div class="margin-top-20 profile-desc-link"
                  title="numéro perso">
                  <i class="fad fa-phone"></i>
                  <span>{{ formateur.telephonePersonnel }}</span>
                </div>
              {% endif %}
              {% if formateur.telephoneMobile %}
                <div class="margin-top-20 profile-desc-link"
                  title="numéro mobile">
                  <i class="fad fa-mobile"></i>
                  <span>{{ formateur.telephoneMobile }}</span>
                </div>
              {% endif %}
              {% if formateur.numeroTelecopie %}
                <div class="margin-top-20 profile-desc-link" title="numéro fax">
                  <i class="fad fa-fax"></i>
                  <span>{{ formateur.numeroTelecopie }}</span>
                </div>
              {% endif %}
              {% if formateur.pageWeb %}
                <div class="margin-top-20 profile-desc-link"
                  title="adresse de messagerie">
                  <i class="fad fa-browser"></i>
                  <a href="http://{{ formateur.pageWeb }}">
                    {{ formateur.pageWeb }}
                  </a>
                </div>
              {% endif %}
            </div>
          </div>
        </div>
      </div>
      <div class="col-md-9 no-padding">
        {{ include('components/user/formateur/formateur_all_info.html.twig') }}
        {{ include('components/user/formateur/formateur_monthly-cost.html.twig') }}
        {{ include('components/user/formateur/formateur_history.html.twig') }}
      </div>
    </div>
  </div>
  {#
      <a href="{{ path('formateur_index') }}">Retour</a>

      <a href="{{ path('formateur_edit', {'id': formateur.id}) }}">edit</a>
      {{ include('cruds/formateur/_delete_form.html.twig') }}

      #}

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