{% extends 'base.html.twig' %}
{% block title %}{{ subscription.label }}{% endblock %}
{% block breadcrumb %}
<i class="ti ti-chevron-right text-[10px] text-line mx-1 shrink-0"></i>
<a href="{{ path('app_subscription_index') }}" class="hover:text-ink transition-colors shrink-0">Abonnements</a>
<i class="ti ti-chevron-right text-[10px] text-line mx-1 shrink-0"></i>
<span class="text-ink font-medium truncate">{{ subscription.label }}</span>
{% endblock %}
{% block body %}
<div class="rounded-2xl bg-surface border border-line p-5 mb-4">
  <div class="amount text-2xl font-medium">{{ subscription.amount|number_format(2, ',', ' ') }} €</div>
  <div class="text-muted">{{ subscription.label }}</div>
  <dl class="mt-4 text-sm divide-y divide-line">
    <div class="flex justify-between py-2"><dt class="text-muted">Périodicité</dt><dd>{{ subscription.frequency.label }}</dd></div>
    <div class="flex justify-between py-2"><dt class="text-muted">Actif</dt><dd>{{ subscription.active ? 'Oui' : 'Non' }}</dd></div>
    {% if subscription.notes %}<div class="flex justify-between py-2"><dt class="text-muted">Notes</dt><dd>{{ subscription.notes }}</dd></div>{% endif %}
  </dl>
  <a href="{{ path('app_subscription_edit', {id: subscription.id}) }}" class="block mt-4 text-center rounded-xl bg-surface-2 py-2 text-sm">Modifier</a>
</div>
{{ include('subscription/_delete_form.html.twig') }}
{% endblock %}