{% extends "base.html" %}

{% block title %}Repositories{% endblock %}

{% block content %}
<div class="container mt-4">
    <div class="d-flex justify-content-between align-items-center mb-4">
        <h1>Repositories</h1>
        <a href="{% url 'repository-create' %}" class="btn btn-primary">
            <i class="fas fa-plus"></i> Create Repository
        </a>
    </div>

    {% include "steeloweb/partials/messages.html" %}

    <!-- Example Repositories Section -->
    {% if example_repositories %}
    <div class="card mb-4">
        <div class="card-header">
            <h3 class="card-title mb-0">
                <i class="fas fa-star text-warning"></i> Example Repositories
            </h3>
            <small class="text-muted">Pre-built repositories included with the application</small>
        </div>
        <div class="card-body">
            <div class="table-responsive">
                <table class="table table-striped table-hover">
                    <thead>
                        <tr>
                            <th>Name</th>
                            <th>Type</th>
                            <th>Description</th>
                            <th>Actions</th>
                        </tr>
                    </thead>
                    <tbody>
                        {% for repository in example_repositories %}
                        <tr>
                            <td>
                                <a href="{% url 'repository-detail' pk=repository.pk %}">
                                    <i class="fas fa-star text-warning me-1"></i>
                                    {{ repository.name }}
                                </a>
                            </td>
                            <td>{{ repository.get_repo_type_display }}</td>
                            <td>{{ repository.description|truncatechars:100 }}</td>
                            <td>
                                <div class="btn-group" role="group">
                                    <a href="{% url 'repository-detail' pk=repository.pk %}" class="btn btn-sm btn-outline-secondary">
                                        <i class="fas fa-eye"></i> View
                                    </a>
                                    <a href="{% url 'repository-download' pk=repository.pk %}" class="btn btn-sm btn-outline-success">
                                        <i class="fas fa-download"></i> Download
                                    </a>
                                    <a href="{% url 'repository-clone' pk=repository.pk %}" class="btn btn-sm btn-outline-primary">
                                        <i class="fas fa-copy"></i> Clone
                                    </a>
                                </div>
                            </td>
                        </tr>
                        {% endfor %}
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    {% endif %}

    <!-- User Repositories Section -->
    <div class="card">
        <div class="card-header">
            <h3 class="card-title mb-0">
                <i class="fas fa-user"></i> Your Repositories
            </h3>
            <small class="text-muted">Repositories you have created or uploaded</small>
        </div>
        <div class="card-body">
            {% if user_repositories %}
            <div class="table-responsive">
                <table class="table table-striped table-hover">
                    <thead>
                        <tr>
                            <th>Name</th>
                            <th>Type</th>
                            <th>Created</th>
                            <th>Updated</th>
                            <th>Actions</th>
                        </tr>
                    </thead>
                    <tbody>
                        {% for repository in user_repositories %}
                        <tr>
                            <td>
                                <a href="{% url 'repository-detail' pk=repository.pk %}">
                                    {{ repository.name }}
                                </a>
                            </td>
                            <td>{{ repository.get_repo_type_display }}</td>
                            <td>{{ repository.created_at|date:"Y-m-d H:i" }}</td>
                            <td>{{ repository.updated_at|date:"Y-m-d H:i" }}</td>
                            <td>
                                <div class="btn-group" role="group">
                                    <a href="{% url 'repository-detail' pk=repository.pk %}" class="btn btn-sm btn-outline-secondary">
                                        <i class="fas fa-eye"></i> View
                                    </a>
                                    <a href="{% url 'repository-download' pk=repository.pk %}" class="btn btn-sm btn-outline-success">
                                        <i class="fas fa-download"></i> Download
                                    </a>
                                    <a href="{% url 'repository-update' pk=repository.pk %}" class="btn btn-sm btn-outline-primary">
                                        <i class="fas fa-edit"></i> Edit
                                    </a>
                                </div>
                            </td>
                        </tr>
                        {% endfor %}
                    </tbody>
                </table>
            </div>
            {% else %}
            <div class="alert alert-info">
                No user repositories found. <a href="{% url 'repository-create' %}">Create a new repository</a> or clone an example repository above.
            </div>
            {% endif %}
        </div>
    </div>
</div>
{% endblock %}