templates/employee_log_hour/absence.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}{{ title }}{% endblock %}
  5. {% block stylesheets %}
  6.     <style>
  7.     </style>
  8. {% endblock %}
  10. {% block body %}
  11.     <!--begin::Toolbar-->
  12.     <div class="d-flex flex-wrap flex-stack pb-7">
  13.         <!--begin::Title-->
  14.         <div class="d-flex flex-wrap align-items-center my-1">
  15.             <h3 class="fw-bold me-5 my-1">Employé(e)s ({{ count }})</h3>
  16.             <!--begin::Search-->
  17.             <div class="d-flex align-items-center position-relative my-1">
  18.                 <!--begin::Svg Icon | path: icons/duotune/general/gen021.svg-->
  19.                 <span class="svg-icon svg-icon-3 position-absolute ms-3">
  20.                                                     <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
  21.                                                          xmlns="http://www.w3.org/2000/svg">
  22.                                                         <rect opacity="0.5" x="17.0365" y="15.1223" width="8.15546"
  23.                                                               height="2" rx="1" transform="rotate(45 17.0365 15.1223)"
  24.                                                               fill="currentColor"/>
  25.                                                         <path d="M11 19C6.55556 19 3 15.4444 3 11C3 6.55556 6.55556 3 11 3C15.4444 3 19 6.55556 19 11C19 15.4444 15.4444 19 11 19ZM11 5C7.53333 5 5 7.53333 5 11C5 14.4667 7.53333 17 11 17C14.4667 17 17 14.4667 17 11C17 7.53333 14.4667 5 11 5Z"
  26.                                                               fill="currentColor"/>
  27.                                                     </svg>
  28.                                                 </span>
  29.                 <!--end::Svg Icon-->
  30.                 <input type="text" id="kt_filter_search"
  31.                        class="form-control form-control-sm border-body bg-body w-150px ps-10" placeholder="Search"/>
  32.             </div>
  33.             <!--end::Search-->
  34.         </div>
  35.         <!--end::Title-->
  36.         <!--begin::Controls-->
  37.         <div class="d-flex flex-wrap my-1">
  38.             <!--begin::Tab nav-->
  39.             <ul class="nav nav-pills me-6 mb-2 mb-sm-0">
  40.                 <li class="nav-item m-0">
  41.                     <a class="btn btn-sm btn-icon btn-light btn-color-muted btn-active-primary me-3 active"
  42.                        data-bs-toggle="tab" href="#kt_project_users_card_pane">
  43.                         <!--begin::Svg Icon | path: icons/duotune/general/gen024.svg-->
  44.                         <span class="svg-icon svg-icon-2">
  45.                                                             <svg xmlns="http://www.w3.org/2000/svg" width="24px"
  46.                                                                  height="24px" viewBox="0 0 24 24">
  47.                                                                 <g stroke="none" stroke-width="1" fill="none"
  48.                                                                    fill-rule="evenodd">
  49.                                                                     <rect x="5" y="5" width="5" height="5" rx="1"
  50.                                                                           fill="currentColor"/>
  51.                                                                     <rect x="14" y="5" width="5" height="5" rx="1"
  52.                                                                           fill="currentColor" opacity="0.3"/>
  53.                                                                     <rect x="5" y="14" width="5" height="5" rx="1"
  54.                                                                           fill="currentColor" opacity="0.3"/>
  55.                                                                     <rect x="14" y="14" width="5" height="5" rx="1"
  56.                                                                           fill="currentColor" opacity="0.3"/>
  57.                                                                 </g>
  58.                                                             </svg>
  59.                                                         </span>
  60.                         <!--end::Svg Icon-->
  61.                     </a>
  62.                 </li>
  63.                 <li class="nav-item m-0">
  64.                     <a class="btn btn-sm btn-icon btn-light btn-color-muted btn-active-primary" data-bs-toggle="tab"
  65.                        href="#kt_project_users_table_pane">
  66.                         <!--begin::Svg Icon | path: icons/duotune/abstract/abs015.svg-->
  67.                         <span class="svg-icon svg-icon-2">
  68.                                                             <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
  69.                                                                  xmlns="http://www.w3.org/2000/svg">
  70.                                                                 <path d="M21 7H3C2.4 7 2 6.6 2 6V4C2 3.4 2.4 3 3 3H21C21.6 3 22 3.4 22 4V6C22 6.6 21.6 7 21 7Z"
  71.                                                                       fill="currentColor"/>
  72.                                                                 <path opacity="0.3"
  73.                                                                       d="M21 14H3C2.4 14 2 13.6 2 13V11C2 10.4 2.4 10 3 10H21C21.6 10 22 10.4 22 11V13C22 13.6 21.6 14 21 14ZM22 20V18C22 17.4 21.6 17 21 17H3C2.4 17 2 17.4 2 18V20C2 20.6 2.4 21 3 21H21C21.6 21 22 20.6 22 20Z"
  74.                                                                       fill="currentColor"/>
  75.                                                             </svg>
  76.                                                         </span>
  77.                         <!--end::Svg Icon-->
  78.                     </a>
  79.                 </li>
  80.             </ul>
  81.             <!--end::Tab nav-->
  82.         </div>
  83.         <!--end::Controls-->
  84.     </div>
  85.     <!--end::Toolbar-->
  86.     <!--begin::Tab Content-->
  87.     <div class="tab-content">
  88.         <!--begin::Tab pane-->
  89.         <div id="kt_project_users_card_pane" class="tab-pane fade show active">
  90.             <!--begin::Row-->
  91.             <div class="row g-6 g-xl-9">
  92.                 {% for absenceDepartment in absenceListByDepartment %}
  93.                     <h1>{{ absenceDepartment.department.name }} ( {{ absenceDepartment.absenceList | length }} )</h1>
  94.                     {% for employee in absenceDepartment.absenceList %}
  95.                         <!--begin::Col-->
  96.                         <div class="col-md-6 col-xxl-4">
  97.                             <!--begin::Card-->
  98.                             <div class="card">
  99.                                 <div class="card-header ribbon ribbon-end">
  100.                                     <div class="ribbon-label bg-primary fw-bolder">{% if employee.employeeHourLogs.last.date is defined %} Depuis: {{ employee.employeeHourLogs.last.date | format_datetime('full', 'none', locale='fr') }}{% endif %}</div>
  101.                                     <div class="card-title"><a href="{{ path('employee_show', {'id': employee.id}) }}"
  102.                                                                class="fs-4 text-gray-800 text-hover-primary fw-bold mb-0">{{ employee.fullName }}</a>
  103.                                     </div>
  104.                                 </div>
  105.                                 <!--begin::Card body-->
  106.                                 <div class="card-body d-flex flex-center flex-column pt-12 p-9">
  107.                                     <!--begin::Avatar-->
  108.                                     <div class="symbol symbol-175px symbol-circle mb-5">
  109.                                         <img src="{{ employee | avatar }}" data-image-zoom="{{ employee | avatar }}"
  110.                                              alt="image" class="zoom-image"/>
  111.                                         <div class="bg-{% if employee.activeEmployee %}success{% else %}danger{% endif %} position-absolute border border-4 border-body h-15px w-15px rounded-circle translate-middle start-100 top-100 ms-n3 mt-n3"></div>
  112.                                     </div>
  113.                                     <!--end::Avatar-->
  114.                                     <!--begin::Name-->
  116.                                     <!--end::Name-->
  117.                                     <!--begin::Position-->
  118.                                     <div class="fw-semibold text-gray-400 mb-6">{{ employee.lastHistory.department.name }}
  119.                                         - {{ employee.lastHistory.position.name }}</div>
  120.                                     <div class="fw-semibold text-gray-400 mb-6">{{ employee.phoneNumber }}</div>
  121.                                     <!--end::Position-->
  122.                                 </div>
  123.                                 <!--end::Card body-->
  124.                             </div>
  125.                             <!--end::Card-->
  126.                         </div>
  127.                         <!--end::Col-->
  128.                     {% endfor %}
  129.                 {% endfor %}
  130.             </div>
  131.             <!--end::Row-->
  132.             {#            <!--begin::Pagination--> #}
  133.             {#            <div class="d-flex flex-stack flex-wrap pt-10"> #}
  134.             {#                <div class="fs-6 fw-semibold text-gray-700">Showing 1 to 10 of 50 entries</div> #}
  135.             {#                <!--begin::Pages--> #}
  136.             {#                <ul class="pagination"> #}
  137.             {#                    <li class="page-item previous"> #}
  138.             {#                        <a href="#" class="page-link"> #}
  139.             {#                            <i class="previous"></i> #}
  140.             {#                        </a> #}
  141.             {#                    </li> #}
  142.             {#                    <li class="page-item active"> #}
  143.             {#                        <a href="#" class="page-link">1</a> #}
  144.             {#                    </li> #}
  145.             {#                    <li class="page-item"> #}
  146.             {#                        <a href="#" class="page-link">2</a> #}
  147.             {#                    </li> #}
  148.             {#                    <li class="page-item"> #}
  149.             {#                        <a href="#" class="page-link">3</a> #}
  150.             {#                    </li> #}
  151.             {#                    <li class="page-item"> #}
  152.             {#                        <a href="#" class="page-link">4</a> #}
  153.             {#                    </li> #}
  154.             {#                    <li class="page-item"> #}
  155.             {#                        <a href="#" class="page-link">5</a> #}
  156.             {#                    </li> #}
  157.             {#                    <li class="page-item"> #}
  158.             {#                        <a href="#" class="page-link">6</a> #}
  159.             {#                    </li> #}
  160.             {#                    <li class="page-item next"> #}
  161.             {#                        <a href="#" class="page-link"> #}
  162.             {#                            <i class="next"></i> #}
  163.             {#                        </a> #}
  164.             {#                    </li> #}
  165.             {#                </ul> #}
  166.             {#                <!--end::Pages--> #}
  167.             {#            </div> #}
  168.             {#            <!--end::Pagination--> #}
  169.         </div>
  170.         <!--end::Tab pane-->
  171.         <!--begin::Tab pane-->
  172.         <div id="kt_project_users_table_pane" class="tab-pane fade">
  173.             <!--begin::Card-->
  174.             <div class="card card-flush">
  175.                 <!--begin::Card body-->
  176.                 <div class="card-body pt-0">
  177.                     <!--begin::Table container-->
  178.                     <div class="table-responsive">
  179.                         <!--begin::Table-->
  180.                         <table id="kt_project_users_table"
  181.                                class="table table-row-bordered table-row-dashed gy-4 align-middle fw-bold">
  182.                             <!--begin::Head-->
  183.                             <thead class="fs-7 text-gray-400 text-uppercase">
  184.                             <tr>
  185.                                 <th class="min-w-250px">Manager</th>
  186.                                 <th class="min-w-150px">Date</th>
  187.                                 <th class="min-w-90px">Amount</th>
  188.                                 <th class="min-w-90px">Status</th>
  189.                                 <th class="min-w-50px text-end">Details</th>
  190.                             </tr>
  191.                             </thead>
  192.                             <!--end::Head-->
  193.                             <!--begin::Body-->
  194.                             <tbody class="fs-6">
  195.                             {% for absenceDepartment in absenceListByDepartment %}
  196.                                 {% for employee in absenceDepartment.absenceList %}
  197.                                     <tr>
  198.                                         <td>
  199.                                             <!--begin::User-->
  200.                                             <div class="d-flex align-items-center">
  201.                                                 <!--begin::Wrapper-->
  202.                                                 <div class="me-5 position-relative">
  203.                                                     <!--begin::Avatar-->
  204.                                                     <div class="symbol symbol-35px symbol-circle">
  205.                                                         <img alt="Pic" src="{{ employee | avatar }}"/>
  206.                                                     </div>
  207.                                                     <!--end::Avatar-->
  208.                                                 </div>
  209.                                                 <!--end::Wrapper-->
  210.                                                 <!--begin::Info-->
  211.                                                 <div class="d-flex flex-column justify-content-center">
  212.                                                     <a href="" class="mb-1 text-gray-800 text-hover-primary">Emma
  213.                                                         Smith</a>
  214.                                                     <div class="fw-semibold fs-6 text-gray-400">smith@kpmg.com</div>
  215.                                                 </div>
  216.                                                 <!--end::Info-->
  217.                                             </div>
  218.                                             <!--end::User-->
  219.                                         </td>
  220.                                         <td>Apr 15, 2022</td>
  221.                                         <td>$672.00</td>
  222.                                         <td>
  223.                                             <span class="badge badge-light-info fw-bold px-4 py-3">In progress</span>
  224.                                         </td>
  225.                                         <td class="text-end">
  226.                                             <a href="#" class="btn btn-light btn-sm">View</a>
  227.                                         </td>
  228.                                     </tr>
  229.                                 {% endfor %}
  230.                             {% endfor %}
  231.                             </tbody>
  232.                             <!--end::Body-->
  233.                         </table>
  234.                         <!--end::Table-->
  235.                     </div>
  236.                     <!--end::Table container-->
  237.                 </div>
  238.                 <!--end::Card body-->
  239.             </div>
  240.             <!--end::Card-->
  241.         </div>
  242.         <!--end::Tab pane-->
  243.     </div>
  244.     <!--end::Tab Content-->
  245. {% endblock %}
  247. {% block javascripts %}
  249. {% endblock %}