{% extends '@Projet/website_fleet/layout.html.twig' %}
{% block fleet_title %}{{ website.name }}{% endblock %}
{% block fleet_content %}
<header class="capsule-page-header website-fleet__header"><div><a class="website-fleet__back" href="{{ path('project_website_index') }}"><i class="ti ti-arrow-left"></i> Parc web</a><span class="website-fleet__eyebrow">{{ website.client.nom }} · {{ website.cmsType|upper }}</span><h1>{{ website.name }}</h1><p>{{ website.description ?: 'Documentation technique et supervision du site.' }}</p></div><div class="capsule-page-actions">{% if can_edit %}<a class="capsule-button capsule-button--secondary" href="{{ path('project_website_edit', {token: website.idtoken}) }}"><i class="ti ti-pencil"></i> Modifier</a>{% endif %}{% if website.project %}<a class="capsule-button capsule-button--secondary" href="{{ path('projet_show', {id: website.project.id}) }}">Voir le projet</a>{% endif %}</div></header>

<nav class="website-fleet__tabs"><a class="active" href="#environments">Environnements</a><a href="#documentation">Documentation</a><a href="#history">Historique</a></nav>

{% if active_incidents %}<div class="alert alert-danger d-flex align-items-center justify-content-between"><span><i class="ti ti-alert-triangle me-2"></i>{{ active_incidents|length }} incident(s) actif(s) sur ce site.</span><a class="btn btn-sm btn-outline-danger" href="{{ path('project_website_incident_index', {status: 'open'}) }}">Consulter</a></div>{% endif %}

<section id="environments" class="website-fleet__section"><div class="website-fleet__section-title"><div><h2>Environnements</h2><p>État, performance et configuration des points de contrôle.</p></div></div>
{% for environment in website.environments %}
    <article class="environment-card"><header><span class="health-dot is-{{ environment.healthStatus }}"></span><div><h3>{{ environment.name }} {% if environment.isPrimary %}<span>Principal</span>{% endif %}</h3><a href="{{ environment.baseUrl }}" target="_blank" rel="noopener noreferrer">{{ environment.baseUrl }}</a></div><strong class="environment-card__health is-{{ environment.healthStatus }}">{{ environment.healthStatus == 'checking' ? 'Contrôle en attente' : environment.healthStatus|replace({'_':' '})|capitalize }}</strong></header>
        <div class="environment-card__metrics"><div><span>HTTP</span><strong>{{ environment.lastHttpStatus ?: '—' }}</strong></div><div><span>Réponse</span><strong>{{ environment.lastResponseTimeMs ? environment.lastResponseTimeMs ~ ' ms' : '—' }}</strong></div><div><span>Dernier contrôle</span><strong>{{ environment.lastCheckedAt ? environment.lastCheckedAt|date('d/m H:i') : 'Jamais' }}</strong></div><div><span>Prochain</span><strong>{{ environment.nextCheckAt ? environment.nextCheckAt|date('d/m H:i') : '—' }}</strong></div></div>
        {% if can_view_database and environment.databases|length %}<div class="environment-card__databases"><h4>Bases de données</h4>{% for database in environment.databases %}{% if not database.archivedAt %}<div><span><i class="ti ti-database"></i><strong>{{ database.name }}</strong> · {{ database.databaseType|upper }} {{ database.engineVersion }}</span><span>{{ database.host ?: 'Hôte non renseigné' }}{% if can_view_secret_reference and database.credentialReference %} · Coffre : {{ database.credentialReference }}{% endif %}</span>{% if can_manage_database %}<form method="post" action="{{ path('project_website_database_archive', {websiteToken: website.idtoken, databaseToken: database.idtoken}) }}"><input type="hidden" name="_token" value="{{ csrf_token('database_archive_' ~ database.idtoken) }}"><button class="btn btn-sm btn-link text-danger">Archiver</button></form>{% endif %}</div>{% endif %}{% endfor %}</div>{% endif %}
        <footer>{% if can_manage_monitoring %}<a class="capsule-button capsule-button--secondary" href="{{ path('project_website_environment_edit', {environmentToken: environment.idtoken}) }}"><i class="ti ti-settings"></i> Configurer</a>{% endif %}{% if can_check and environment.monitoringEnabled %}<form method="post" action="{{ path('project_website_environment_check', {websiteToken: website.idtoken, environmentToken: environment.idtoken}) }}"><input type="hidden" name="_token" value="{{ csrf_token('environment_check_' ~ environment.idtoken) }}"><button class="capsule-button capsule-button--secondary" {{ environment.healthStatus == 'checking' ? 'disabled' : '' }}><i class="ti {{ environment.healthStatus == 'checking' ? 'ti-loader-2' : 'ti-refresh' }}"></i> {{ environment.healthStatus == 'checking' ? 'Contrôle en attente' : 'Contrôler maintenant' }}</button></form>{% endif %}</footer>
        {% if can_manage_database %}<details class="website-fleet__nested"><summary>Documenter une base de données</summary><form method="post" action="{{ path('project_website_database_new', {websiteToken: website.idtoken, environmentToken: environment.idtoken}) }}" class="website-form__grid"><input type="hidden" name="_token" value="{{ csrf_token('database_create_' ~ environment.idtoken) }}"><label>Nom<input name="name" required></label><label>Type<select name="database_type">{% for type in constant('App\\Bundle\\ProjetBundle\\Entity\\WebsiteDatabase::TYPES') %}<option value="{{ type }}">{{ type|upper }}</option>{% endfor %}</select></label><label>Version<input name="engine_version"></label><label>Serveur<select name="server_token"><option value="">Même hébergement / non renseigné</option>{% for server in servers %}<option value="{{ server.idtoken }}">{{ server.name }}</option>{% endfor %}</select></label><label>Hôte<input name="host"></label><label>Port<input type="number" name="port" min="1" max="65535"></label><label>Nom technique<input name="database_name"></label><label>Utilisateur (libellé uniquement)<input name="username_label"></label><label>Fréquence des sauvegardes<input name="backup_frequency"></label><label>Emplacement des sauvegardes<input name="backup_location_label"></label>{% if can_view_secret_reference %}<label class="span-2">Référence coffre-fort<input name="credential_reference" placeholder="1Password: Capsule/Production"></label>{% endif %}<label class="website-check"><input type="checkbox" name="is_primary" value="1"> Base principale</label><div class="span-2"><button class="capsule-button capsule-button--primary">Ajouter la base</button></div></form></details>{% endif %}
    </article>
{% else %}<div class="website-fleet__empty compact"><p>Aucun environnement configuré.</p></div>{% endfor %}

{% if can_manage_monitoring %}
<details class="website-fleet__drawer"><summary><i class="ti ti-plus"></i> Ajouter un environnement</summary><form method="post" action="{{ path('project_website_environment_new', {token: website.idtoken}) }}" class="website-form__grid"><input type="hidden" name="_token" value="{{ csrf_token('environment_create_' ~ website.idtoken) }}"><label>Nom<input name="name" required placeholder="Production"></label><label>Type<select name="environment_type"><option value="production">Production</option><option value="staging">Staging</option><option value="development">Développement</option><option value="demo">Démo</option><option value="other">Autre</option></select></label><label class="span-2">URL<input type="url" name="base_url" required placeholder="https://www.exemple.fr"></label><label class="span-2">URL de santé<input type="url" name="health_check_url" placeholder="Facultatif"></label><label>Hébergement<select name="server_token"><option value="">Non renseigné</option>{% for server in servers %}<option value="{{ server.idtoken }}">{{ server.name }}</option>{% endfor %}</select></label><label>Intervalle (minutes)<input type="number" name="interval" min="1" max="1440" value="5"></label><label>Délai maximal (secondes)<input type="number" name="timeout" min="1" max="60" value="10"></label><label class="span-2">Contenu attendu<input name="expected_content" maxlength="500"></label><label class="website-check"><input type="checkbox" name="is_primary" value="1"> Production principale</label><label class="website-check"><input type="checkbox" name="monitoring_enabled" value="1" checked> Activer la supervision</label><div class="span-2"><button class="capsule-button capsule-button--primary">Ajouter</button></div></form></details>
{% endif %}</section>

<section id="documentation" class="website-fleet__section"><div class="website-fleet__section-title"><div><h2>Documentation</h2><p>Informations non sensibles utiles à l’exploitation.</p></div></div><div class="website-fleet__documentation"><article><span>Contrat</span><strong>{{ website.maintenanceContract ?: 'Non renseigné' }}</strong></article><article><span>Support</span><strong>{{ website.supportLevel ?: 'Non renseigné' }}</strong></article><article class="span-2"><span>Notes techniques</span><p>{{ website.technologyNotes ?: 'Aucune note.' }}</p></article></div></section>

<section id="domains" class="website-fleet__section"><div class="website-fleet__section-title"><div><h2>Domaines et certificats</h2><p>Échéances registrar, DNS et TLS.</p></div></div><div class="table-responsive"><table class="table align-middle"><thead><tr><th>Domaine</th><th>Registrar / DNS</th><th>Expiration</th><th>Certificat TLS</th><th></th></tr></thead><tbody>{% for domain in website.domains %}{% if not domain.archivedAt %}<tr><td><strong>{{ domain.domainName }}</strong>{% if domain.primaryDomain %} <span class="badge bg-primary-subtle text-primary">Principal</span>{% endif %}</td><td>{{ domain.registrar ?: '—' }} / {{ domain.dnsProvider ?: '—' }}</td><td>{{ domain.expiresAt ? domain.expiresAt|date('d/m/Y') : '—' }}</td><td>{{ domain.certificateExpiresAt ? domain.certificateExpiresAt|date('d/m/Y') : '—' }}</td><td>{% if can_manage_infrastructure %}<form method="post" action="{{ path('project_website_domain_archive', {websiteToken: website.idtoken, domainToken: domain.idtoken}) }}"><input type="hidden" name="_token" value="{{ csrf_token('domain_archive_' ~ domain.idtoken) }}"><button class="btn btn-sm btn-link text-danger">Archiver</button></form>{% endif %}</td></tr>{% endif %}{% else %}<tr><td colspan="5" class="text-body-secondary">Aucun domaine documenté.</td></tr>{% endfor %}</tbody></table></div>
{% if can_manage_infrastructure %}<details class="website-fleet__nested"><summary>Ajouter un domaine</summary><form method="post" action="{{ path('project_website_domain_new', {websiteToken: website.idtoken}) }}" class="website-form__grid"><input type="hidden" name="_token" value="{{ csrf_token('domain_create_' ~ website.idtoken) }}"><label class="span-2">Nom de domaine<input name="domain_name" required placeholder="www.exemple.fr"></label><label>Environnement<select name="environment_token"><option value="">Site entier</option>{% for environment in website.environments %}<option value="{{ environment.idtoken }}">{{ environment.name }}</option>{% endfor %}</select></label><label>Registrar<input name="registrar"></label><label>Fournisseur DNS<input name="dns_provider"></label><label>Fournisseur TLS<input name="ssl_provider"></label><label>Expiration domaine<input type="date" name="expires_at"></label><label>Expiration certificat<input type="date" name="certificate_expires_at"></label><label class="website-check"><input type="checkbox" name="automatic_renewal" value="1"> Renouvellement automatique</label><label class="website-check"><input type="checkbox" name="primary_domain" value="1"> Domaine principal</label><div class="span-2"><button class="capsule-button capsule-button--primary">Ajouter</button></div></form></details>{% endif %}</section>

<section id="history" class="website-fleet__section"><div class="website-fleet__section-title"><div><h2>Historique des contrôles</h2><p>Les 20 derniers contrôles par environnement.</p></div></div>{% for environment in website.environments %}<h3 class="website-fleet__history-title">{{ environment.name }}</h3><div class="table-responsive"><table class="table align-middle"><thead><tr><th>Date</th><th>État</th><th>HTTP</th><th>Temps</th><th>Détail</th></tr></thead><tbody>{% for check in history[environment.idtoken] %}<tr><td>{{ check.checkedAt|date('d/m/Y H:i:s') }}</td><td><span class="health-label is-{{ check.status }}">{{ check.status }}</span></td><td>{{ check.httpStatusCode ?: '—' }}</td><td>{{ check.responseTimeMs is not null ? check.responseTimeMs ~ ' ms' : '—' }}</td><td>{{ check.errorMessage ?: check.finalUrl }}</td></tr>{% else %}<tr><td colspan="5" class="text-body-secondary">Aucun contrôle.</td></tr>{% endfor %}</tbody></table></div>{% endfor %}</section>

{% if can_edit %}<form method="post" action="{{ path('project_website_archive', {token: website.idtoken}) }}" onsubmit="return confirm('Archiver ce site et désactiver sa supervision ?')"><input type="hidden" name="_token" value="{{ csrf_token('website_archive_' ~ website.idtoken) }}"><button class="btn btn-outline-danger"><i class="ti ti-archive"></i> Archiver le site</button></form>{% endif %}
{% endblock %}