{# templates/admin/member/_partial/_orders_licence.html.twig #}

{% if lastLicences|length > 0 %}
    <ul class="space-y-2">
        {% for order in lastLicences %}
            <li class="bg-white shadow-sm rounded-md overflow-hidden">
                <div class="px-4 py-2 border-b">
                    <div class="flex items-center justify-between">
                        <h3 class="text-base font-medium text-gray-900">
                            REF&nbsp;: {{ order.reference }}
                        </h3>
                        <span class="text-xs text-gray-500">
              Le {{ order.createdAt|date('d/m/Y') }}
            </span>
                    </div>
                </div>

                <div class="px-4 py-2">
                    <h4 class="text-sm font-semibold text-gray-700 mb-1">Licences</h4>
                    <ul class="space-y-1">
                        {% for item in order.licenceItems %}
                            <li class="flex items-start">
                                <svg class="h-4 w-4 flex-shrink-0 text-green-500 mr-2" fill="currentColor"
                                     viewBox="0 0 20 20">
                                    <path d="M16.707 5.293a1 1 0 00-1.414 0L8 12.586 4.707 9.293a1 1 0
                    10-1.414 1.414l4 4a1 1 0 001.414 0l8-8a1 1 0 000-1.414z"/>
                                </svg>

                                <div class="flex-1 text-sm text-gray-800">
                                    <span class="font-medium">{{ item.typeLicence.name }}</span>
                                    pour <em>{{ item.profil.getFullName() }}</em> —
                                    {{ item.price|number_format(2, ',', ' ') }} €
                                    {% if item.typeRegister %}
                                        <span
                                                class="inline-block ml-1 px-1 py-0.5 bg-blue-100 text-blue-800 text-[10px] font-semibold rounded">
                      {{ item.typeRegister|type_register_label }}
                    </span>
                                    {% endif %}
                                </div>
                            </li>
                        {% endfor %}
                    </ul>
                </div>

                <div class="px-4 py-1 bg-gray-50 text-right">
                    <a href="{{ path('admin_order_licence_show', { id: order.id }) }}"
                       class="text-blue-600 hover:text-blue-800 text-sm font-medium">
                        Voir la commande →
                    </a>
                </div>
            </li>
        {% endfor %}
    </ul>
{% else %}
    <p class="text-gray-500 italic text-sm">
        Aucune commande de licence.
    </p>
{% endif %}

{% if totalLicences > 5 %}
    <div class="mt-3 text-center">
        <a href="#"
           class="inline-block px-3 py-1 bg-white border border-gray-300 rounded text-sm text-gray-700 hover:bg-gray-50">
            Voir plus…
        </a>
    </div>
{% endif %}