{% extends '@App/app.html.twig' %}
{% block title %}Types de visites médicales{% endblock %}
{% block stylesheets %}<link rel="stylesheet" href="{{ asset('vendor/matdash/libs/bootstrap/dist/css/bootstrap.min.css') }}">{{ parent() }}{% endblock %}
{% block page_header %}{% endblock %}
{% block content %}
<div class="mv-settings container-fluid px-0" data-controller="medical-visit-settings">
    <header class="d-flex flex-column flex-xl-row justify-content-between gap-3 mb-4"><div><div class="mv-settings-breadcrumb mb-3">Santé au travail <i class="ti ti-chevron-right"></i> Paramètres <i class="ti ti-chevron-right"></i> <b>Types de visites</b></div><div class="d-flex align-items-center gap-3"><span class="mv-settings-title-icon"><iconify-icon icon="solar:stethoscope-bold-duotone"></iconify-icon></span><div><h1>Types de visites médicales</h1><p>Configuration des catégories de visites et de leurs paramètres réglementaires</p></div></div></div><div class="d-flex align-items-end gap-2"><a href="{{ path('medical_visit_settings_type_new') }}" class="btn btn-primary"><i class="ti ti-plus"></i> Nouveau type</a></div></header>
    {% include '@MedicalVisit/medical_visit/settings/_nav.html.twig' with {active: 'types'} %}
    <div class="mt-4">{% include '@MedicalVisit/medical_visit/settings/_privacy.html.twig' with {title: 'Confidentialité des données'} %}</div>
    <section class="card mv-settings-table mt-4">
        <div class="card-header bg-white d-flex flex-wrap justify-content-between align-items-center gap-3"><div class="d-flex flex-wrap gap-2"><div class="input-group mv-search"><span class="input-group-text"><i class="ti ti-search"></i></span><input class="form-control" type="search" placeholder="Rechercher un type de visite..." data-medical-visit-settings-target="search" data-action="input->medical-visit-settings#filterTypes"></div><select class="form-select w-auto" data-medical-visit-settings-target="status" data-action="change->medical-visit-settings#filterTypes"><option value="all">Tous les statuts</option><option value="active">Actifs</option><option value="inactive">Inactifs</option></select></div><span class="text-muted"><b>{{ types|length }}</b> type{{ types|length != 1 ? 's' : '' }} configuré{{ types|length != 1 ? 's' : '' }}</span></div>
        <div class="table-responsive"><table class="table align-middle mb-0"><thead><tr><th>Nom</th><th>Code</th><th class="text-center">Provider requis</th><th class="text-center">Résultat requis</th><th class="text-center">Suivi légal</th><th class="text-center">Reprise</th><th class="text-center">Périodique</th><th>Durée</th><th>Statut</th><th class="text-end">Actions</th></tr></thead><tbody>{% for type in types %}<tr data-medical-visit-settings-target="typeRow" data-search="{{ (type.nom ~ ' ' ~ type.code ~ ' ' ~ type.description)|lower|e('html_attr') }}" data-status="{{ type.active ? 'active' : 'inactive' }}"><td><div class="d-flex gap-3 align-items-center"><span class="mv-settings-icon {{ type.active ? '' : 'is-muted' }}"><iconify-icon icon="{{ type.isReturnVisit ? 'solar:walking-round-bold-duotone' : 'solar:stethoscope-bold-duotone' }}"></iconify-icon></span><div><strong>{{ type.nom }}</strong><small>{{ type.description ?: 'Description administrative non renseignée' }}</small></div></div></td><td><code>{{ type.code }}</code></td>{% for enabled in [type.requiresProvider, type.requiresResult, type.isLegalFollowUp, type.isReturnVisit, type.isPeriodic] %}<td class="text-center"><span class="mv-check {{ enabled ? 'yes' : 'no' }}"><i class="ti {{ enabled ? 'ti-check' : 'ti-x' }}"></i></span></td>{% endfor %}<td><span class="mv-duration"><i class="ti ti-clock"></i> {{ type.defaultDurationMinutes ?: 30 }} min</span></td><td><span class="mv-status {{ type.active ? 'active' : 'inactive' }}"><i></i>{{ type.active ? 'Actif' : 'Inactif' }}</span></td><td class="text-end"><a href="{{ path('medical_visit_settings_type_edit', {id:type.id}) }}" class="btn btn-sm btn-light border"><i class="ti ti-pencil"></i> Modifier</a></td></tr>{% else %}<tr><td colspan="10" class="mv-empty">Aucun type de visite configuré. <a href="{{ path('medical_visit_settings_type_new') }}">Créer le premier type</a>.</td></tr>{% endfor %}<tr class="d-none" data-medical-visit-settings-target="typeEmpty"><td colspan="10" class="mv-empty">Aucun type ne correspond à votre recherche.</td></tr></tbody></table></div>
        <footer class="d-flex justify-content-between"><span>{{ types|length }} type{{ types|length != 1 ? 's' : '' }} au total</span><span>1 / 1</span></footer>
    </section>
</div>
{% endblock %}