{% extends '@Societe/societe/layout.html.twig' %}
{% block societe_content %}
<header class="societe-page-title"><div><h1>Société</h1><p>Gérez les informations, paramètres et salariés de la société active.</p></div><div class="d-flex flex-wrap gap-2"><a class="btn btn-outline-secondary" href="{{ path('societe_logo_edit') }}"><i class="ti ti-photo me-1"></i> Changer le logo</a><a class="btn btn-outline-secondary" href="{{ path('societe_settings') }}"><i class="ti ti-settings me-1"></i> Paramètres</a><a class="btn btn-outline-secondary" href="{{ path('societe_employee_index') }}"><i class="ti ti-users me-1"></i> Gérer les salariés</a><a class="btn btn-primary" href="{{ path('societe_information_edit') }}"><i class="ti ti-pencil me-1"></i> Modifier les informations</a></div></header>
{% set raw_completion = 100 - missing_information|length * 15 %}{% set completion = missing_information|length == 0 ? 100 : (raw_completion < 20 ? 20 : raw_completion) %}
<section class="card so-company-hero"><div class="so-company-logo">{% if societe.logo %}<img src="{{ asset(societe.logo) }}" alt="">{% else %}{{ societe.nom|split(' ')|map(v => v|first)|join|slice(0,2)|upper }}{% endif %}</div><div class="flex-grow-1"><h2>{{ societe.nom }}</h2><div class="d-flex gap-2 mb-3"><span class="so-badge is-success">Société active</span><span class="so-badge">Profil complet à {{ completion }} %</span></div><dl class="so-company-meta"><div><dt>SIRET</dt><dd>{{ societe.siret ?: '—' }}</dd></div><div><dt>TVA INTRA.</dt><dd>{{ societe.numeroTVA ?: '—' }}</dd></div><div><dt>VILLE</dt><dd>{{ societe.ville ?: '—' }}</dd></div><div><dt>EMAIL</dt><dd>{{ societe.email ?: '—' }}</dd></div><div><dt>SITE WEB</dt><dd>{{ societe.site ?: '—' }}</dd></div></dl></div></section>
<div class="societe-kpis so-five"><article class="card societe-kpi"><span class="so-icon is-blue"><i class="ti ti-users"></i></span><small>Salariés actifs</small><strong>{{ active_employee_count }}</strong></article><article class="card societe-kpi"><span class="so-icon is-violet"><i class="ti ti-user-shield"></i></span><small>Administrateurs</small><strong>{{ administrator_count }}</strong></article><article class="card societe-kpi"><span class="so-icon is-orange"><i class="ti ti-mail"></i></span><small>Invitations en attente</small><strong>{{ employees|filter(e => e.token)|length }}</strong></article><article class="card societe-kpi"><span class="so-icon is-red"><i class="ti ti-alert-triangle"></i></span><small>Informations manquantes</small><strong>{{ missing_information|length }}</strong></article><article class="card societe-kpi"><span class="so-icon is-green"><i class="ti ti-file"></i></span><small>Devise</small><strong>{{ settings.currency }}</strong></article></div>
<div class="societe-grid"><section class="card so-section"><header><h2>Informations à compléter</h2><strong class="text-primary">{{ completion }}% Complété</strong></header><div class="progress mb-3"><div class="progress-bar" style="width:{{ completion }}%"></div></div><ul class="so-check-list">{% for name,complete in {'Logo société':societe.logo,'SIRET':societe.siret,'Adresse complète':societe.adresse,'Email de contact':societe.email,'Paramètres de facturation':true,'Taux kilométrique':settings.defaultMileageRate,'Signature email':settings.emailSignature} %}<li class="{{ complete ? 'done' : 'todo' }}">{{ name }}</li>{% endfor %}</ul></section><aside class="d-grid gap-3"><section class="card so-section"><header><h2>Actions rapides</h2></header><div class="societe-quick-links"><a href="{{ path('societe_information_edit') }}"><i class="ti ti-building"></i> Modifier les informations légales</a><a href="{{ path('societe_employee_new') }}"><i class="ti ti-user-plus"></i> Ajouter un salarié</a><a href="{{ path('societe_settings_billing') }}"><i class="ti ti-file-euro"></i> Configurer la facturation</a><a href="{{ path('societe_settings_expenses') }}"><i class="ti ti-receipt"></i> Configurer les dépenses</a><a href="{{ path('societe_settings_security') }}"><i class="ti ti-shield"></i> Voir les paramètres sécurité</a></div></section>{% if missing_information %}<section class="card so-section"><header><h2>Alertes</h2><span class="so-badge is-warning">{{ missing_information|length }}</span></header>{% for item in missing_information %}<div class="alert alert-warning py-2 mb-2">{{ item }} non renseigné.</div>{% endfor %}</section>{% endif %}</aside></div>
<section class="card so-section mt-4"><header><h2>Derniers salariés ajoutés</h2><a href="{{ path('societe_employee_index') }}">Voir tout</a></header><div class="table-responsive"><table class="table mb-0"><thead><tr><th>Salarié</th><th>Email</th><th>Fonction</th><th>Statut</th><th></th></tr></thead><tbody>{% for employee in employees %}<tr><td><a href="{{ path('societe_employee_show',{idtoken:employee.idtoken}) }}" class="fw-bold text-dark text-decoration-none">{{ employee.prenom }} {{ employee.nom }}</a></td><td>{{ employee.email }}</td><td>{{ employee.fonction ?: 'Salarié' }}</td><td><span class="societe-status is-active">Actif</span></td><td class="text-end"><a href="{{ path('societe_employee_show',{idtoken:employee.idtoken}) }}">Voir</a></td></tr>{% endfor %}</tbody></table></div></section>
<section class="card so-section mt-4"><header><h2>Paramètres clés</h2><a href="{{ path('societe_settings') }}">Gérer</a></header><dl class="so-key-settings"><div><dt>Devise par défaut</dt><dd>{{ settings.currency }}</dd></div><div><dt>Fuseau horaire</dt><dd>{{ settings.timezone }}</dd></div><div><dt>Facturation</dt><dd>TVA {{ societe.tva ? 'applicable' : 'non applicable' }}</dd></div><div><dt>Dépenses</dt><dd>Validation et justificatifs configurables</dd></div><div><dt>Sécurité</dt><dd>Accès limités à la société active</dd></div></dl></section>
{% endblock %}