{% extends 'admin/_layout.html.twig' %}

{% block title %}Avis de {{ testimonial.authorName }} — Admin{% endblock %}
{% block page_title %}{{ testimonial.authorName }}{% endblock %}
{% block page_subtitle %}Fiche avis client{% endblock %}

{% block admin_body %}

<nav class="adm-breadcrumb">
    <svg viewBox="0 0 24 24"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"/><polyline points="9 22 9 12 15 12 15 22"/></svg>
    <a href="{{ path('app_admin') }}">Dashboard</a>
    <span class="adm-bc-sep">›</span>
    <a href="{{ path('app_admin_testimonial_index') }}">Avis clients</a>
    <span class="adm-bc-sep">›</span>
    <span class="adm-bc-current">{{ testimonial.authorName }}</span>
</nav>

<div class="adm-card" style="padding:28px;position:relative;z-index:1;max-width:600px">
    <div style="display:flex;align-items:center;gap:16px;margin-bottom:24px">
        <div style="width:52px;height:52px;border-radius:12px;background:rgba(124,158,255,.1);border:1.5px solid rgba(124,158,255,.2);display:flex;align-items:center;justify-content:center;flex-shrink:0">
            <svg viewBox="0 0 24 24" style="width:24px;height:24px;fill:none;stroke:var(--muted);stroke-width:1.5"><path d="M3 21c3-1 4-3 4-6H4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h5a2 2 0 0 1 2 2v7c0 4-2 7-8 8z"/><path d="M14 21c3-1 4-3 4-6h-3a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h5a2 2 0 0 1 2 2v7c0 4-2 7-8 8z"/></svg>
        </div>
        <div>
            <h2 style="font-family:'Cormorant Garamond',serif;font-size:1.4rem;font-weight:400;color:var(--text);margin:0">{{ testimonial.authorName }}</h2>
            <span class="adm-pill {% if testimonial.isActive %}adm-pill-active{% else %}adm-pill-paused{% endif %}" style="margin-top:4px;display:inline-block">
                {{ testimonial.isActive ? 'Affiché' : 'Masqué' }}
            </span>
        </div>
    </div>

    <div style="display:flex;flex-direction:column;gap:16px">
        <div class="adm-show-field">
            <span class="adm-show-label">Fonction / contexte</span>
            <span class="adm-show-value">{{ testimonial.authorRole ?: '—' }}</span>
        </div>
        <div class="adm-show-field">
            <span class="adm-show-label">Texte de l'avis</span>
            <span class="adm-show-value" style="font-size:.85rem;line-height:1.5;font-style:italic">« {{ testimonial.quote }} »</span>
        </div>
        <div class="adm-show-field">
            <span class="adm-show-label">Position</span>
            <span class="adm-show-value">{{ testimonial.position }}</span>
        </div>
        <div class="adm-show-field">
            <span class="adm-show-label">Créé le</span>
            <span class="adm-show-value">{{ testimonial.createdAt|date('d/m/Y à H:i') }}</span>
        </div>
        <div class="adm-show-field">
            <span class="adm-show-label">Modifié le</span>
            <span class="adm-show-value">{{ testimonial.updatedAt ? testimonial.updatedAt|date('d/m/Y à H:i') : '—' }}</span>
        </div>
    </div>

    <div style="display:flex;gap:8px;margin-top:24px;padding-top:18px;border-top:1px solid rgba(180,190,220,.2)">
        {% if is_granted('ROLE_ADMIN') %}
        <a href="{{ path('app_admin_testimonial_edit', {uuid: testimonial.uuid}) }}" class="adm-btn adm-btn-p adm-btn-sm">
            <svg viewBox="0 0 24 24" style="margin-right:4px"><path d="M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"/><path d="M18.5 2.5a2.12 2.12 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z"/></svg>
            Modifier
        </a>
        {% endif %}
        <a href="{{ path('app_admin_testimonial_index') }}" class="adm-btn adm-btn-g adm-btn-sm">Retour à la liste</a>
    </div>
</div>

{% endblock %}