{% extends "profile_base.html" %}

{% set profile_nav_active = "teams" %}
{% set profile_team_subnav_active = "repos" %}
{% set profile_repo_subnav_active = "protections" %}
{% block profile_content %}
      <div class="d-flex flex-wrap align-items-center justify-content-between gap-2 mb-3">
        <div>
          {% with breadcrumbs=[
            {"name": current_user.name | display_name(current_user.username), "href": "/profile"},
            {"name": "Teams", "href": "/profile/teams"},
            {"name": team.name, "href": "/profile/teams/" ~ team.uuid},
            {"name": "Repos", "href": "/profile/teams/" ~ team.uuid ~ "/repos"},
            {"name": repo.name, "href": "/profile/teams/" ~ team.uuid ~ "/repos/" ~ repo.uuid},
            {"name": "Protections"}
          ] %}
            {% include "partials/breadcrumbs.html" %}
          {% endwith %}
        </div>
        {% if can_manage %}
          <a class="btn btn-sm btn-primary" href="/profile/teams/{{ team.uuid }}/repos/{{ repo.uuid }}/protections/new">New Protection</a>
        {% endif %}
      </div>
      {% include "profile/team_repo_subnav.html" %}
  {% include "partials/flash.html" %}
      <form method="get" action="/profile/teams/{{ team.uuid }}/repos/{{ repo.uuid }}/protections" id="protections-filter-form"></form>
      <div class="card shadow-sm">
        <div class="card-header d-flex flex-column flex-sm-row align-items-stretch align-items-sm-center justify-content-between gap-2">
          <span class="fw-semibold">Branch Protections</span>
        </div>
        <div class="card-body">
          {% if protections | length == 0 %}
            <p class="text-muted mb-0">No branch protections configured.</p>
          {% else %}
            <div class="table-responsive">
              <table class="table table-sm align-middle mb-0">
                <thead>
                  <tr>
                    <th>Pattern</th>
                    <th>Require Pull</th>
                    <th>Single Commit</th>
                    <th>Fast-Forward</th>
                    <th>Owner Merge</th>
                    <th>Owner Bypass</th>
                    <th>Approvals</th>
                    {% if can_manage %}
                      <th class="text-end">Actions</th>
                    {% endif %}
                  </tr>
                </thead>
                <tbody>
                  {% for bp in protections %}
                    <tr>
                      <td><code>{{ bp.branch_pattern }}</code></td>
                      <td>{% if bp.require_pull %}<span class="badge text-bg-success">Yes</span>{% else %}<span class="badge text-bg-secondary">No</span>{% endif %}</td>
                      <td>{% if bp.require_pull_single_commit %}<span class="badge text-bg-success">Yes</span>{% else %}<span class="badge text-bg-secondary">No</span>{% endif %}</td>
                      <td>{% if bp.require_fastforward %}<span class="badge text-bg-success">Yes</span>{% else %}<span class="badge text-bg-secondary">No</span>{% endif %}</td>
                      <td>{% if bp.require_owner_merge %}<span class="badge text-bg-success">Yes</span>{% else %}<span class="badge text-bg-secondary">No</span>{% endif %}</td>
                      <td>{% if bp.allow_owner_bypass %}<span class="badge text-bg-success">Yes</span>{% else %}<span class="badge text-bg-secondary">No</span>{% endif %}</td>
                      <td>{{ bp.require_num_approvals }}</td>
                      {% if can_manage %}
                        <td class="text-end">
                          <div class="d-flex gap-2 justify-content-end">
                            <a class="btn btn-sm btn-outline-secondary" href="/profile/teams/{{ team.uuid }}/repos/{{ repo.uuid }}/protections/{{ bp.uuid }}">Edit</a>
                            <form method="post" action="/profile/teams/{{ team.uuid }}/repos/{{ repo.uuid }}/protections/{{ bp.uuid }}/delete" data-confirm-modal="confirm-delete-protection" data-confirm-name="{{ bp.branch_pattern }}">
                              <input type="hidden" name="csrf_token" value="{{ csrf_token }}" />
                              <button class="btn btn-sm btn-outline-danger" type="submit">Delete</button>
                            </form>
                          </div>
                        </td>
                      {% endif %}
                    </tr>
                  {% endfor %}
                </tbody>
              </table>
            </div>
          {% endif %}
        </div>
        {% with page=page, query=query, per_page_id="protections-per-page", per_page_form="protections-filter-form" %}
          {% include "partials/paging_footer.html" %}
        {% endwith %}
      </div>
      {% with
        modal_id="confirm-delete-protection",
        modal_title="Delete protection",
        modal_body='Delete <span class="fw-semibold" data-confirm-name></span>?',
        modal_confirm_text="Delete protection",
        modal_desc="This branch protection rule will be removed."
      %}
        {% include "partials/confirm_modal.html" %}
      {% endwith %}
{% endblock %}

{% block scripts %}
  <script>
    PearingScripts.initAutoSubmitFilters("protections-filter-form", {
      includeFormAttribute: true
    });
  </script>
{% endblock %}