{% extends "base.html" %}

{% block title %}Repository: {{ repo }}{% endblock %}

{% block content %}
<div class="row">
  <div class="col-12">
    <nav aria-label="breadcrumb">
      <ol class="breadcrumb">
        <li class="breadcrumb-item"><a href="{{ url_for('index') }}">Repositories</a></li>
        <li class="breadcrumb-item active">{{ repo }}</li>
      </ol>
    </nav>

    <h2 class="mb-4"> {{ repo }}</h2>
    
    {% 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 %}

    <div class="card">
      <div class="card-header d-flex justify-content-between align-items-center">
        <h5 class="mb-0">Packages 
          {% if pagination %}
            ({{ pagination.total_items }} total)
          {% else %}
            ({{ packages|length }})
          {% endif %}
        </h5>
        
        <!-- Search Box -->
        <div class="col-md-4">
          <form method="GET" class="d-flex">
            <input type="text" 
                   name="q" 
                   class="form-control form-control-sm" 
                   placeholder="Search packages..." 
                   value="{{ search_query }}">
            <button type="submit" class="btn btn-sm btn-outline-primary ms-2">Search</button>
            {% if search_query %}
              <a href="{{ url_for('show_repo', name=repo) }}" 
                 class="btn btn-sm btn-outline-secondary ms-1">Clear</a>
            {% endif %}
          </form>
        </div>
      </div>
      
      {% if packages %}
      <div class="card-body p-0">
        <div class="table-responsive">
          <table class="table table-hover mb-0">
            <thead class="table-light">
              <tr>
                <th>Package</th>
                <th>Version</th>
                <th>Architectures</th>
                <th>Source</th>
                <th>Binary</th>
                {% if current_user.role == 'admin' %}
                <th>Actions</th>
                {% endif %}
              </tr>
            </thead>
            <tbody>
              {% for pkg in packages %}
              <tr>
                <td><strong>{{ pkg.name }}</strong></td>
                <td>{{ pkg.version }}</td>
                <td>
                  {% for arch, ref in pkg.arch_refs %}
                    <span class="badge bg-success me-1">{{ arch }}</span>
                  {% endfor %}
                </td>
                <td>{{ pkg.source or "-" }}</td>
                <td>
                  {% for b in pkg.binary %}
                    <div class="small">{{ b }}</div>
                  {% endfor %}
                </td>
                {% if current_user.role == 'admin' %}
                <td>
                  <button class="btn btn-sm btn-outline-primary" data-bs-toggle="modal" data-bs-target="#modal-{{ loop.index0 }}">
                    Manage
                  </button>
                </td>
                {% endif %}
              </tr>
              {% endfor %}
            </tbody>
          </table>
        </div>
        
        <!-- Pagination Controls -->
        {% if pagination and pagination.total_pages > 1 %}
        <div class="card-footer">
          <nav aria-label="Package pagination">
            <ul class="pagination pagination-sm justify-content-center mb-0">
              
              <!-- Previous Button -->
              {% if pagination.has_previous %}
                <li class="page-item">
                  <a class="page-link" href="{{ url_for('show_repo', name=repo, page=pagination.previous_page, q=search_query) }}">
                    &laquo; Previous
                  </a>
                </li>
              {% else %}
                <li class="page-item disabled">
                  <span class="page-link">&laquo; Previous</span>
                </li>
              {% endif %}
              
              <!-- Page Numbers (smart pagination) -->
              {% set start_page = [1, pagination.current_page - 2]|max %}
              {% set end_page = [pagination.total_pages, pagination.current_page + 2]|min %}
              
              <!-- Show first page if we're not starting from 1 -->
              {% if start_page > 1 %}
                <li class="page-item">
                  <a class="page-link" href="{{ url_for('show_repo', name=repo, page=1, q=search_query) }}">
                    1
                  </a>
                </li>
                {% if start_page > 2 %}
                  <li class="page-item disabled">
                    <span class="page-link">...</span>
                  </li>
                {% endif %}
              {% endif %}
              
              <!-- Show current page range -->
              {% for page_number in range(start_page, end_page + 1) %}
                {% if page_number == pagination.current_page %}
                  <li class="page-item active">
                    <span class="page-link">{{ page_number }}</span>
                  </li>
                {% else %}
                  <li class="page-item">
                    <a class="page-link" href="{{ url_for('show_repo', name=repo, page=page_number, q=search_query) }}">
                      {{ page_number }}
                    </a>
                  </li>
                {% endif %}
              {% endfor %}
              
              <!-- Show last page if we're not ending at the last page -->
              {% if end_page < pagination.total_pages %}
                {% if end_page < pagination.total_pages - 1 %}
                  <li class="page-item disabled">
                    <span class="page-link">...</span>
                  </li>
                {% endif %}
                <li class="page-item">
                  <a class="page-link" href="{{ url_for('show_repo', name=repo, page=pagination.total_pages, q=search_query) }}">
                    {{ pagination.total_pages }}
                  </a>
                </li>
              {% endif %}
              
              <!-- Next Button -->
              {% if pagination.has_next %}
                <li class="page-item">
                  <a class="page-link" href="{{ url_for('show_repo', name=repo, page=pagination.next_page, q=search_query) }}">
                    Next &raquo;
                  </a>
                </li>
              {% else %}
                <li class="page-item disabled">
                  <span class="page-link">Next &raquo;</span>
                </li>
              {% endif %}
              
            </ul>
          </nav>
          
          <!-- Simple Pagination Info -->
          <div class="text-center mt-2">
            <small class="text-muted">
              Page {{ pagination.current_page }} of {{ pagination.total_pages }} 
              ({{ pagination.total_items }} total packages)
            </small>
          </div>
        </div>
        {% endif %}
      </div>
      {% else %}
      <div class="card-body">
        <div class="alert alert-info mb-0">
          {% if search_query %}
            <p class="mb-0">No packages found matching "{{ search_query }}".</p>
          {% else %}
            <p class="mb-0">No packages found in this repository.</p>
          {% endif %}
        </div>
      </div>
      {% endif %}
    </div>

    <!-- Modals -->
    {% for pkg in packages %}
    <div class="modal fade" id="modal-{{ loop.index0 }}" tabindex="-1">
      <div class="modal-dialog">
        <div class="modal-content">
          <div class="modal-header">
            <h5 class="modal-title">{{ pkg.name }} {{ pkg.version }}</h5>
            <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
          </div>
          <div class="modal-body">
            <div class="row">
              <div class="col-md-6">
                <h6>Remove Packages</h6>
                <form method="POST" action="/remove-package" onsubmit="return confirm('Are you sure you want to remove the selected package(s)?')">
                  {% for arch, ref in pkg.arch_refs %}
                  <div class="form-check">
                    <input class="form-check-input" type="checkbox" name="package" value="{{ ref }}" id="remove-{{ loop.index0 }}-{{ loop.index }}">
                    <label class="form-check-label" for="remove-{{ loop.index0 }}-{{ loop.index }}">
                      {{ arch }}
                    </label>
                  </div>
                  {% endfor %}
                  <input type="hidden" name="source_repo" value="{{ repo }}">
                  <button type="submit" class="btn btn-danger btn-sm mt-2">Remove Selected</button>
                </form>
              </div>
              <div class="col-md-6">
                <h6>Move Packages</h6>
                <form method="POST" action="/move-package">
                  {% for arch, ref in pkg.arch_refs %}
                  <div class="form-check">
                    <input class="form-check-input" type="checkbox" name="package" value="{{ ref }}" id="move-{{ loop.index0 }}-{{ loop.index }}">
                    <label class="form-check-label" for="move-{{ loop.index0 }}-{{ loop.index }}">
                      {{ arch }}
                    </label>
                  </div>
                  {% endfor %}
                  <input type="hidden" name="source_repo" value="{{ repo }}">
                  <div class="mb-2">
                    <label class="form-label">Target Repository:</label>
                    <select name="target_repo" class="form-select form-select-sm">
                      {% for r in repos %}
                      {% if r.Name != repo %}
                      <option value="{{ r.Name }}">{{ r.Name }}</option>
                      {% endif %}
                      {% endfor %}
                    </select>
                  </div>
                  <div class="d-flex gap-2">
                    <button type="submit" class="btn btn-success btn-sm">Move Now</button>
                    <button type="submit" formaction="/add-to-queue" class="btn btn-outline-primary btn-sm">Queue for Move</button>
                  </div>
                </form>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    {% endfor %}
  </div>
</div>
{% endblock %}