{% extends "explorer/base.html" %}

{% block title %}Dashboard - Registry Browser{% endblock %}

{% block content %}
<div class="d-flex justify-content-between align-items-center mb-4">
    <h2><i class="bi bi-grid"></i> Mis Registries</h2>
    <a href="{% url 'registry_create' %}" class="btn btn-primary">
        <i class="bi bi-plus-lg"></i> Agregar Registry
    </a>
</div>

{% if registries %}
<div class="row">
    {% for registry in registries %}
    <div class="col-md-6 col-lg-4 mb-4">
        <div class="card registry-card h-100">
            <div class="card-body">
                <h5 class="card-title">
                    <i class="bi bi-archive"></i> {{ registry.name }}
                </h5>
                <p class="card-text text-muted small mb-2">
                    <i class="bi bi-link-45deg"></i> {{ registry.url }}
                </p>
                <p class="card-text">
                    {% if registry.has_auth %}
                    <span class="badge bg-success"><i class="bi bi-lock"></i> Autenticado</span>
                    {% else %}
                    <span class="badge bg-secondary"><i class="bi bi-unlock"></i> Anónimo</span>
                    {% endif %}
                    {% if registry.use_tls %}
                    <span class="badge bg-info">TLS</span>
                    {% endif %}
                </p>
            </div>
            <div class="card-footer bg-transparent d-flex gap-2">
                <a href="{% url 'registry_repositories' pk=registry.pk %}" class="btn btn-sm btn-outline-primary flex-fill">
                    <i class="bi bi-folder2-open"></i> Explorar
                </a>
                <a href="{% url 'registry_edit' pk=registry.pk %}" class="btn btn-sm btn-outline-secondary">
                    <i class="bi bi-pencil"></i>
                </a>
                <a href="{% url 'registry_delete' pk=registry.pk %}" class="btn btn-sm btn-outline-danger">
                    <i class="bi bi-trash"></i>
                </a>
            </div>
        </div>
    </div>
    {% endfor %}
</div>
{% else %}
<div class="empty-state">
    <i class="bi bi-inbox" style="font-size: 3rem;"></i>
    <h4 class="mt-3">No hay registries configurados</h4>
    <p>Agrega tu primer registry Docker privado para comenzar a explorar.</p>
    <a href="{% url 'registry_create' %}" class="btn btn-primary">
        <i class="bi bi-plus-lg"></i> Agregar Registry
    </a>
</div>
{% endif %}
{% endblock %}