{% extends '@Societe/societe/layout.html.twig' %}
{% block societe_content %}<header class="societe-page-title"><div class="d-flex gap-3"><span class="societe-title-icon"><i class="ti ti-photo"></i></span><div><h1>Logo et identité documentaire</h1><p>Gérez le logo utilisé dans Capsule et dans les documents PDF.</p></div></div></header>{% if error %}<div class="alert alert-danger">{{ error }}</div>{% endif %}<div class="societe-grid"><main class="d-grid gap-3"><section class="card so-section"><header><h2>Logo actuel</h2>{% if societe.logo %}<span class="so-badge is-success">En ligne</span>{% endif %}</header><div class="so-current-logo"><div class="societe-logo-preview">{% if societe.logo %}<img src="{{ asset(societe.logo) }}" alt="">{% else %}<i class="ti ti-photo-off fs-1"></i>{% endif %}</div><div><h2>{{ societe.nom }}</h2><p>Société active</p><dl class="societe-definition"><div><dt>Nom du fichier</dt><dd>{{ societe.logo ? societe.logo|split('/')|last : 'Aucun fichier' }}</dd></div><div><dt>Format</dt><dd>{{ societe.logo ? societe.logo|split('.')|last|upper : '—' }}</dd></div></dl></div></div>{% if societe.logo %}<form method="post" action="{{ path('societe_logo_delete') }}" onsubmit="return confirm('Supprimer le logo ?')"><input type="hidden" name="_token" value="{{ csrf_token('societe_logo_delete') }}"><button class="btn btn-outline-danger">Supprimer le logo</button></form>{% endif %}</section><section class="card so-section"><header><span class="so-icon is-violet"><i class="ti ti-cloud-upload"></i></span><h2>Téléverser un nouveau logo</h2></header><form method="post" enctype="multipart/form-data" data-controller="societe-form"><input type="hidden" name="_token" value="{{ csrf_token('societe_logo_upload') }}"><label class="so-upload-zone" for="societe_logo"><i class="ti ti-cloud-upload"></i><strong>Glissez-déposez votre logo ici</strong><span>ou parcourez vos fichiers</span></label><input class="form-control mt-3" type="file" id="societe_logo" name="logo" accept="image/jpeg,image/png,image/webp" required data-action="change->societe-form#previewLogo" data-societe-form-target="logoInput"><div class="alert alert-light mt-3">Formats recommandés : PNG, JPG, WEBP. Taille maximale : 2 Mo.</div><div class="text-end"><button class="btn btn-primary">Importer le logo</button></div></form></section></main><aside class="d-grid gap-3"><section class="card so-section"><header><h2>Aperçu document</h2></header><div class="so-pdf-preview"><div><strong>{{ societe.nom }}</strong><b>FACTURE</b></div><small>{{ societe.adresse }} · {{ societe.email }}</small><hr><table><tr><th>Description</th><th>Qté</th><th>Montant</th></tr><tr><td>Développement web</td><td>10h</td><td>1 500 €</td></tr></table><strong class="d-block text-end mt-3">Total TTC 2 520 €</strong></div></section><section class="card so-section"><header><h2>Bonnes pratiques</h2></header><ul class="so-check-list"><li class="done">Logo horizontal ou carré</li><li class="done">Fond transparent recommandé</li><li class="done">Lisible sur fond blanc</li></ul></section></aside></div>{% endblock %}