{% extends 'base.html.twig' %} {% block body %} {{ block('nav', 'internal/libs/nav.html.twig') }} <main class="main-content position-relative max-height-vh-100 h-100 border-radius-lg "> {{ block('topnav', 'internal/libs/top-nav.html.twig') }} <div class="container-fluid py-2"> <div class="row"> <div class="col-12"> <div class="card my-4"> <div class="card-header p-0 position-relative mt-n4 mx-3 z-index-2"> <div class="bg-gradient-dark shadow-dark border-radius-lg pt-4 pb-3"> <h6 class="text-white text-capitalize ps-3">User List</h6> </div> </div> <div class="card-body px-0 pb-2"> <div class="table-responsive p-0"> <table class="table align-items-center mb-0"> <thead> <tr> <th class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7">Name</th> <th class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7 ps-2">Job</th> <th class="text-center text-uppercase text-secondary text-xxs font-weight-bolder opacity-7">Active Cases</th> <th class="text-center text-uppercase text-secondary text-xxs font-weight-bolder opacity-7">Supervisor</th> <th class="text-secondary opacity-7"></th> </tr> </thead> <tbody> {% for user in users %} <tr> <td> <div class='d-flex px-2 py-1'> <div> <img src='' class='avatar avatar-sm me-3 border-radius-large' alt='{{ user.name }}'> </div> <div class='d-flex flex-column justify-content-center'> <h6 class='mb-0 text-small'>{{ user.name }}</h6> <p class='text-xs text-secondary mb-0'> <a href='mailto:{{ user.email }}'>{{ user.email }}</a> </p> </div> </div> </td> <td> <p class='text-xs font-weight-bold mb-0'>{{ user.job.value|lower|capitalize }}</p> </td> <td class='align-middle text-center text-xs'> {{ user.userCases|length }} </td> <td class='align-middle text-center text-xs'> {% if user.supervisor %} {{ user.supervisor.name }} {% endif %} </td> <td class='align-middle'> <a href='/index.php/edit-user/{{ user.id }}' class='text-secondary font-weight-bold text-xs' data-toggle='tooltip' data-original-title='Edit user'>Edit</a> <a href='/index.php/assign-supervisor/{{ user.id }}' class='text-secondary text-xs' data-toggle='tooltip' data-original-title='Assign supervisor'>Assign</a> </td> </tr> {% endfor %} </tbody> </table> </div> </div> </div> </div> </div> </main> {% endblock %}