{% extends 'crochet/base.html' %}
{% load i18n %}

{% block title %}{% trans 'Mis patrones' %}{% endblock %}

{% block extra_css %}
  {% include 'crochet/_platform_assets.html' %}
{% endblock %}

{% block content %}
  <main class="max-w-4xl mx-auto px-4 py-8">
    <div class="flex flex-wrap items-center justify-between gap-4 mb-6">
      <h1 class="text-2xl font-semibold">{% blocktrans with username=user.username %}Hola, {{ username }}{% endblocktrans %}</h1>
      <form method="post" action="{% url 'crochet:pattern_create' %}">
        {% csrf_token %}
        <button type="submit" class="btn btn-primary">+ {% trans 'Crear patrón' %}</button>
      </form>
    </div>

    {% if patterns %}
      {% trans '¿Seguro que quieres eliminar este patrón? No podrás deshacerlo.' as delete_confirm_message %}
      <div class="grid gap-4 sm:grid-cols-2 lg:grid-cols-3">
        {% for pattern in patterns %}
          <div class="card bg-base-100 shadow border border-base-300">
            <a href="{% url 'crochet:pattern_edit' pattern.uuid %}">
              <figure class="h-40 bg-base-200">
                {% if pattern.cover_image_thumbnail %}
                  <img src="{{ pattern.cover_image_thumbnail.url }}" alt="" class="w-full h-full object-cover">
                {% else %}
                  <span class="text-4xl">🧶</span>
                {% endif %}
              </figure>
            </a>
            <div class="card-body">
              <a href="{% url 'crochet:pattern_edit' pattern.uuid %}">
                <h2 class="card-title text-lg">
                  {% if pattern.page_settings.title %}{{ pattern.page_settings.title }}{% else %}{% trans 'Patrón sin título' %}{% endif %}
                </h2>
              </a>
              <p class="text-sm text-base-content/60">
                {% blocktrans with date=pattern.updated_at|date:'d/m/Y' %}Actualizado el {{ date }}{% endblocktrans %}
              </p>
              <div class="card-actions justify-end mt-2">
                <a href="{% url 'crochet:pattern_detail' pattern.uuid %}" class="btn btn-sm btn-outline">{% trans 'Vista previa' %}</a>
                <form method="post" action="{% url 'crochet:pattern_delete' pattern.uuid %}"
                  onsubmit="return confirm('{{ delete_confirm_message }}')">
                  {% csrf_token %}
                  <button type="submit" class="btn btn-sm btn-outline btn-error">{% trans 'Eliminar' %}</button>
                </form>
              </div>
            </div>
          </div>
        {% endfor %}
      </div>
    {% else %}
      <div class="text-center py-16 text-base-content/60">
        <p>{% trans 'Todavía no tienes ningún patrón.' %}</p>
      </div>
    {% endif %}
  </main>
{% endblock %}