{% extends '@App/app.html.twig' %}
{% block title %}Prestataires / SPST{% 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 mv-providers 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 visites <i class="ti ti-chevron-right"></i> <b>Prestataires / SPST</b></div><div class="d-flex gap-3 align-items-center"><span class="mv-settings-title-icon is-purple"><iconify-icon icon="solar:buildings-2-bold-duotone"></iconify-icon></span><div><h1>Prestataires / SPST</h1><p>Services de prévention et santé au travail</p></div></div></div><div class="d-flex align-items-end"><a href="{{ path('medical_visit_provider_new') }}" class="btn mv-btn-purple"><i class="ti ti-plus"></i> Ajouter un SPST</a></div></header>
    {% include '@MedicalVisit/medical_visit/settings/_privacy.html.twig' %}
    <section class="row g-3 mt-2">{% set kpis = [{value:active_count,label:'Prestataires actifs',icon:'solar:buildings-2-bold-duotone',tone:'purple'}, {value:cities_count,label:'Villes couvertes',icon:'solar:map-point-bold-duotone',tone:'teal'}, {value:complete_count,label:'Fiches complètes',icon:'solar:verified-check-bold-duotone',tone:'blue'}, {value:incomplete_count,label:'Fiches à compléter',icon:'solar:danger-triangle-bold-duotone',tone:'orange'}] %}{% for kpi in kpis %}<div class="col-6 col-xl-3"><article class="mv-provider-kpi"><span class="mv-settings-icon is-{{ kpi.tone }}"><iconify-icon icon="{{ kpi.icon }}"></iconify-icon></span><strong>{{ kpi.value }}</strong><small>{{ kpi.label }}</small></article></div>{% endfor %}</section>
    <section class="card mv-provider-filter mt-4"><div class="card-body d-flex flex-wrap gap-2"><div class="input-group flex-grow-1 mv-search"><span class="input-group-text"><i class="ti ti-search"></i></span><input type="search" class="form-control" placeholder="Rechercher un SPST, une ville, un code postal..." data-medical-visit-settings-target="providerSearch" data-action="input->medical-visit-settings#filterProviders"></div><select class="form-select w-auto" data-medical-visit-settings-target="providerStatus" data-action="change->medical-visit-settings#filterProviders"><option value="all">Tous les statuts</option><option value="active">Actifs</option><option value="inactive">Inactifs</option></select><select class="form-select w-auto" data-medical-visit-settings-target="providerCity" data-action="change->medical-visit-settings#filterProviders"><option value="all">Toutes les villes</option>{% for city in cities|keys %}<option value="{{ city|lower }}">{{ city }}</option>{% endfor %}</select></div></section>
    <section class="row g-4 mt-0">{% for provider in providers %}<div class="col-md-6 col-xl-4" data-medical-visit-settings-target="providerCard" data-search="{{ (provider.nom ~ ' ' ~ provider.ville ~ ' ' ~ provider.codePostal ~ ' ' ~ provider.contactName)|lower|e('html_attr') }}" data-status="{{ provider.active ? 'active' : 'inactive' }}" data-city="{{ provider.ville|default('')|lower|e('html_attr') }}"><article class="card mv-provider-card h-100"><div class="card-body"><div class="d-flex gap-3 align-items-start"><span class="mv-settings-icon is-purple"><iconify-icon icon="solar:buildings-2-bold-duotone"></iconify-icon></span><div class="flex-grow-1"><h2>{{ provider.nom }}</h2><p><i class="ti ti-map-pin"></i> {{ provider.ville ?: 'Ville non renseignée' }}{% if provider.codePostal %} ({{ provider.codePostal }}){% endif %}</p></div><span class="mv-status {{ provider.active ? 'active' : 'inactive' }}"><i></i>{{ provider.active ? 'Actif' : 'Inactif' }}</span></div><div class="mv-provider-contact">{% if provider.address %}<span><i class="ti ti-map"></i>{{ provider.address }}</span>{% endif %}{% if provider.telephone %}<span><i class="ti ti-phone"></i>{{ provider.telephone }}</span>{% endif %}{% if provider.email %}<a href="mailto:{{ provider.email }}"><i class="ti ti-mail"></i>{{ provider.email }}</a>{% endif %}{% if provider.contactName %}<span><i class="ti ti-user"></i>Référent : {{ provider.contactName }}</span>{% endif %}{% if not provider.address and not provider.telephone and not provider.email %}<span class="text-warning"><i class="ti ti-alert-circle"></i>Coordonnées à compléter</span>{% endif %}</div></div><footer><small><i class="ti ti-edit"></i> Modifié le {{ provider.updatedAt|date('d/m/Y') }}</small><div class="d-flex gap-2"><form method="post" action="{{ path(provider.active ? 'medical_visit_provider_disable' : 'medical_visit_provider_enable', {id:provider.id}) }}"><input type="hidden" name="_token" value="{{ csrf_token('medical_visit_provider_' ~ (provider.active ? 'disable_' : 'enable_') ~ provider.id) }}"><button class="btn btn-sm btn-light border">{{ provider.active ? 'Désactiver' : 'Activer' }}</button></form><a href="{{ path('medical_visit_provider_edit', {id:provider.id}) }}" class="btn btn-sm mv-btn-purple"><i class="ti ti-pencil"></i> Modifier</a></div></footer></article></div>{% else %}<div class="col-12"><div class="mv-empty-card"><span class="mv-settings-icon is-purple"><i class="ti ti-plus"></i></span><h2>Ajouter votre premier SPST</h2><p>Rattachez un service de prévention et santé au travail à votre compte.</p><a href="{{ path('medical_visit_provider_new') }}" class="btn mv-btn-purple"><i class="ti ti-plus"></i> Nouveau SPST</a></div></div>{% endfor %}<div class="col-12 d-none" data-medical-visit-settings-target="providerEmpty"><div class="mv-empty-card">Aucun prestataire ne correspond à ces critères.</div></div></section>
    {% if providers %}<div class="row g-4 mt-2"><div class="col-xl-8"><section class="card mv-settings-panel h-100"><header><div><h2><i class="ti ti-map-pin text-purple"></i> Couverture géographique</h2><p>Répartition des prestataires par ville</p></div></header><div class="card-body"><div class="table-responsive"><table class="table align-middle"><thead><tr><th>Ville</th><th>Prestataires</th><th>Part de la couverture</th></tr></thead><tbody>{% for city,count in cities %}<tr><td><strong>{{ city }}</strong></td><td>{{ count }}</td><td><div class="progress"><div class="progress-bar bg-info" style="width:{{ (count/providers|length*100)|round }}%"></div></div></td></tr>{% else %}<tr><td colspan="3" class="text-muted">Aucune ville renseignée.</td></tr>{% endfor %}</tbody></table></div></div></section></div><div class="col-xl-4"><section class="card mv-settings-panel"><header><h2><i class="ti ti-clipboard-check text-success"></i> Qualité des fiches</h2></header><div class="card-body"><div class="mv-quality"><strong>{{ complete_count }}/{{ providers|length }}</strong><span>fiches administratives complètes</span><div class="progress"><div class="progress-bar bg-success" style="width:{{ providers|length ? (complete_count/providers|length*100)|round : 0 }}%"></div></div><p><i class="ti ti-info-circle"></i> Une fiche complète comporte une adresse, une ville, un téléphone et un e-mail.</p></div></div></section></div></div>{% endif %}
</div>
{% endblock %}