{% include 'partials/header.html.twig' %}

    {% if not allow and not currentuser.allowUser  %}
        {% set disabled = 'disabled' %}
    {% else %}
        {% set disabled = '' %}
    {% endif %}

    {% if not allow and not currentuser.allowPlanning  %}
        {% set disabledPlanning = 'disabled' %}
    {% else %}
        {% set disabledPlanning = '' %}
    {% endif %}

    <script src="{{ asset('assets/libs/datatables.net/js/jquery.dataTables.min.js') }}"></script>
    <script src="{{ asset('assets/libs/datatables.net/js/dataTables.buttons.min.js') }}"></script>
    <script src="{{ asset('assets/libs/datatables.net/js/buttons.flash.min.js') }}"></script>
    <script src="{{ asset('assets/libs/datatables.net/js/buttons.html5.min.js') }}"></script>
    <script src="{{ asset('assets/libs/datatables.net/js/buttons.print.min.js') }}"></script>
    <script src="{{ asset('assets/libs/jszip/jszip.min.js') }}"></script>
    <script src="{{ asset('assets/libs/pdfmake/pdfmake.min.js') }}"></script>
    <script src="{{ asset('assets/libs/pdfmake/vfs_fonts.js') }}"></script>

    <script src="{{ asset('assets/libs/select2/js/select2.full.min.js') }}"></script>
    <script src="{{ asset('assets/libs/select2/js/select2.min.js') }}"></script>
    <link rel="stylesheet" href="{{ asset('assets/libs/select2/css/select2.min.css') }}">

    <link rel="stylesheet" href="{{ asset('assets/libs/bootstrap-datepicker/dist/css/bootstrap-datepicker.min.css') }}">
    <script src="{{ asset('assets/libs/bootstrap-datepicker/dist/js/bootstrap-datepicker.min.js') }}"></script>

      <div class="body-wrapper">

<div class="container-fluid">
  <div class="card bg-primary-subtle shadow-none position-relative overflow-hidden mb-4">
    <div class="card-body px-4 py-3">
      <div class="row align-items-center">
        <div class="col-9">
          <h4 class="fw-semibold mb-8">Profil de l'employé</h4>
        </div>
        <div class="col-3">
            <div class="text-center">
                <a class="btn btn-light" href="{{path('employe_index')}}"><i class="ti ti-arrow-bar-to-left fs-5"></i></a>
            </div>
        </div>
      </div>
    </div>
  </div>

  <div class="card overflow-hidden">
    <div class="card-body p-0">
      <div class="row align-items-center">
          <div class="col-lg-4 order-lg-1 order-2">
                    
          </div>
          <div class="col-lg-4 mt-n3 order-lg-2 order-1">
            <div>
              <div class="d-flex align-items-center justify-content-center mb-2">
                <div class="d-flex align-items-center justify-content-center round-110">
                  <div class="border border-4 border-white d-flex align-items-center justify-content-center rounded-circle overflow-hidden round-100">
                  </div>
                </div>
              </div>
              <div class="text-center mt-5">
                <h5 class="mb-0">{{ entity.prenom }} {{ entity.nom }}</h5>
                
              </div>
            </div>
          </div>
          <div class="col-lg-4 order-last">
        
          </div>
        </div>
          <ul class="nav nav-pills user-profile-tab justify-content-end mt-2 bg-primary-subtle rounded-2 rounded-top-0" id="pills-tab" role="tablist">

            {% set tabs = [
                {'id': 'profile', 'icon': 'ti-user-circle', 'label': 'Profil'},
                {'id': 'role', 'icon': 'ti-user-check', 'label': 'Rôle & Affectation'},
                
            ] %}

            {% if entity.hastitresejour %}
                {% set tabs = tabs|merge([{'id': 'titresejour', 'icon': 'ti-id-badge-2', 'label': 'Titre de séjour'}]) %}
            {% endif %}

                {% set tabs = tabs|merge([{'id': 'contract', 'icon': 'ti-license', 'label': 'Contrats'}]) %}

            {% set tabs = tabs|merge([
                {'id': 'autorisations', 'icon': 'ti-checks', 'label': 'Autorisations'}
            ]) %}

                {% set tabs = tabs|merge([{'id': 'plannings', 'icon': 'ti-calendar', 'label': 'Plannings'}]) %}

                {% set tabs = tabs|merge([{'id': 'pointages', 'icon': 'ti-clock', 'label': 'Pointages'}]) %}

                {% set tabs = tabs|merge([{'id': 'documents', 'icon': 'ti-briefcase', 'label': 'Affichages obligatoires'}]) %}

            {% for tab in tabs %}
                <li class="nav-item" role="presentation">
                    <button class="nav-link hstack gap-2 rounded-0 py-6 {{ loop.first ? 'active' : '' }}" id="pills-{{ tab.id }}-tab"
                            data-bs-toggle="pill" data-bs-target="#pills-{{ tab.id }}" type="button" role="tab"
                            aria-controls="pills-{{ tab.id }}" aria-selected="{{ loop.first ? 'true' : 'false' }}">
                        <i class="ti {{ tab.icon }} fs-5"></i>
                        <span class="d-none d-md-block">{{ tab.label }}</span>
                    </button>
                </li>
            {% endfor %}

          </ul>
      </div>
    </div>
            
    <div class="tab-content" id="pills-tabContent">
    
        <div class="tab-pane fade active show" id="pills-profile" role="tabpanel" aria-labelledby="pills-profile-tab" tabindex="0">
          
            {% include '@RH/employe/part/tab_information.html.twig' %}

        </div>

        <div class="tab-pane fade" id="pills-role" role="tabpanel" aria-labelledby="pills-role-tab" tabindex="0">
          
            {% include '@RH/employe/part/tab_role.html.twig' %}

        </div>

        <div class="tab-pane fade" id="pills-contract" role="tabpanel" aria-labelledby="pills-contract-tab" tabindex="0">
          
            {% include '@RH/employe/part/tab_contrat.html.twig' %}

        </div>   
        
        <div class="tab-pane fade" id="pills-autorisations" role="tabpanel" aria-labelledby="pills-autorisations-tab" tabindex="0">

            {% include '@RH/employe/part/tab_autorisations.html.twig' %}

        </div>  

        <div class="tab-pane fade" id="pills-plannings" role="tabpanel" aria-labelledby="pills-plannings-tab" tabindex="0">
 
            {% include '@RH/employe/part/tab_planning.html.twig' %}

        </div>  

        <div class="tab-pane fade" id="pills-pointages" role="tabpanel" aria-labelledby="pills-pointages-tab" tabindex="0">

            {% include '@RH/employe/part/tab_pointage.html.twig' %}
        </div> 

        <div class="tab-pane fade" id="pills-documents" role="tabpanel" aria-labelledby="pills-documents-tab" tabindex="0">

            {% include '@RH/employe/part/tab_document.html.twig' %}
        </div> 
      
    </div>
  </div>
</div>
</div>

{% include '@RH/employe/modal/new_contrat.html.twig' %}

<!-- Modal Modifier un contrat -->
<div class="modal fade" id="editContractModal" tabindex="-1" aria-labelledby="editContractModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      
    </div>
  </div>
</div>


<script>
    $(".datenaissance").datepicker();
</script>

{% include 'partials/modal/ajax_modal.html.twig' %}
    
<script src="{{ asset('assets/js/bundle/employe/contrat.js') }}"></script>
<script src="{{ asset('assets/js/bundle/employe/employe_view.js') }}"></script>
{% include 'partials/footer.html.twig' %}