{% extends "base.html" %}

{% block title %}Snapshots{% endblock %}

{% block content %}
<div class="row">
  <div class="col-12">
    <div class="d-flex justify-content-between align-items-center mb-4">
      <h2 class="mb-0">Snapshots</h2>
      <div class="d-flex gap-2">
        <form method="GET" class="d-flex">
          <input type="text" name="q" class="form-control" placeholder="Search snapshots..." value="{{ search_query }}" style="width: 200px;">
          <button type="submit" class="btn btn-outline-primary ms-2">Search</button>
          {% if search_query %}
            <a href="{{ url_for('snapshots') }}" class="btn btn-outline-secondary ms-1">Clear</a>
          {% endif %}
        </form>
      </div>
    </div>
    
    {% if message %}
    <div class="alert alert-{{ 'danger' if msg_type == 'error' else msg_type }} alert-dismissible fade show">
      {{ message }}
      <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
    </div>
    {% endif %}

    {% if snapshots %}
    <div class="card">
      <div class="card-header">
        <h5 class="mb-0">Available Snapshots ({{ pagination.total_items }})</h5>
        {% if search_query %}
          <small class="text-muted">Showing {{ snapshots|length }} results for "{{ search_query }}"</small>
        {% endif %}
      </div>
      <div class="card-body p-0">
        <div class="table-responsive">
          <table class="table table-hover mb-0">
            <thead class="table-light">
              <tr>
                <th>Name</th>
                <th>Description</th>
                <th>Created</th>
                <th>Source</th>
                <th>Actions</th>
              </tr>
            </thead>
            <tbody>
              {% for snapshot in snapshots %}
              <tr>
                <td><strong>{{ snapshot.Name }}</strong></td>
                <td>{{ snapshot.Description or '-' }}</td>
                <td>{{ snapshot.CreatedAt[:19] if snapshot.CreatedAt else '-' }}</td>
                <td>
                  {% if snapshot.SourceKind == 'snapshot' %}
                    <span class="badge bg-info">Snapshot</span>
                  {% elif snapshot.SourceKind == 'repo' %}
                    <span class="badge bg-success">Repository</span>
                  {% else %}
                    <span class="badge bg-secondary">{{ snapshot.SourceKind or 'Unknown' }}</span>
                  {% endif %}
                </td>
                <td>
                  <a href="{{ url_for('snapshot_detail', name=snapshot.Name) }}" class="btn btn-sm btn-outline-primary">
                    View Details
                  </a>
                </td>
              </tr>
              {% endfor %}
            </tbody>
          </table>
        </div>
      </div>
      
      <!-- Pagination -->
      {% if pagination.total_pages > 1 %}
      <div class="card-footer">
        <nav aria-label="Snapshots pagination">
          <ul class="pagination justify-content-center mb-0">
            <li class="page-item {{ 'disabled' if not pagination.has_previous }}">
              <a class="page-link" href="{{ url_for('snapshots', page=pagination.previous_page, q=search_query) if pagination.has_previous else '#' }}">Previous</a>
            </li>
            
            {% for page_num in range(1, pagination.total_pages + 1) %}
              {% if page_num == pagination.current_page %}
                <li class="page-item active">
                  <span class="page-link">{{ page_num }}</span>
                </li>
              {% elif page_num <= 3 or page_num > pagination.total_pages - 3 or (page_num >= pagination.current_page - 1 and page_num <= pagination.current_page + 1) %}
                <li class="page-item">
                  <a class="page-link" href="{{ url_for('snapshots', page=page_num, q=search_query) }}">{{ page_num }}</a>
                </li>
              {% elif page_num == 4 and pagination.current_page > 5 %}
                <li class="page-item disabled">
                  <span class="page-link">...</span>
                </li>
              {% elif page_num == pagination.total_pages - 3 and pagination.current_page < pagination.total_pages - 4 %}
                <li class="page-item disabled">
                  <span class="page-link">...</span>
                </li>
              {% endif %}
            {% endfor %}
            
            <li class="page-item {{ 'disabled' if not pagination.has_next }}">
              <a class="page-link" href="{{ url_for('snapshots', page=pagination.next_page, q=search_query) if pagination.has_next else '#' }}">Next</a>
            </li>
          </ul>
        </nav>
        
        <div class="text-center mt-2">
          <small class="text-muted">
            Showing {{ ((pagination.current_page - 1) * 10) + 1 }} to {{ ((pagination.current_page - 1) * 10) + snapshots|length }} of {{ pagination.total_items }} snapshots
          </small>
        </div>
      </div>
      {% endif %}
    </div>
    {% else %}
    <div class="alert alert-info">
      <h5>No snapshots found</h5>
      <p class="mb-0">There are currently no snapshots available in the Aptly repository.</p>
    </div>
    {% endif %}


  </div>
</div>
{% endblock %}