{% extends "base.html" %}
{% load i18n static review_extras %}

{% block title %}{% trans "Review requests" %}{% endblock %}
{% block page_id %}page-review-list{% endblock %}

{% block head %}
    <link rel="stylesheet" href="{% review_static 'tcms_review/css/review.css' %}">
{% endblock %}

{% block contents %}
<div class="container-fluid container-cards-pf">

    <ol class="breadcrumb">
        <li><a href="{% url 'core-views-index' %}">{% trans "Dashboard" %}</a></li>
        <li class="active">{% trans "Review requests" %}</li>
    </ol>

    <div class="card-pf">
        <div class="card-pf-heading">
            <h2 class="card-pf-title">{% trans "Review requests" %}</h2>
        </div>
        <div class="card-pf-body">

            <form method="get" class="form-inline" role="search" aria-label="{% trans 'Filter review requests' %}">
                <div class="form-group">
                    <label class="sr-only" for="state-filter">{% trans "State" %}</label>
                    <select name="state" id="state-filter" class="selectpicker"
                            data-style="btn-default" title="{% trans 'All states' %}">
                        <option value="">{% trans "All states" %}</option>
                        {% for value, label in state_choices %}
                            <option value="{{ value }}" {% if value == selected_state %}selected{% endif %}>{{ label }}</option>
                        {% endfor %}
                    </select>
                </div>

                <div class="checkbox" style="margin-left: 12px;">
                    <label>
                        <input type="checkbox" name="mine_only" value="1" {% if mine_only %}checked{% endif %}>
                        {% trans "Only requests assigned to me" %}
                    </label>
                </div>

                <button type="submit" class="btn btn-default">
                    <i class="fa fa-filter" aria-hidden="true"></i> {% trans "Filter" %}
                </button>

                <a class="btn btn-primary pull-right" href="{% url 'review-new' %}">
                    <i class="fa fa-plus" aria-hidden="true"></i> {% trans "New review request" %}
                </a>
            </form>

            <hr>

            {% if review_requests %}
            <div class="table-responsive">
                <table class="table table-striped table-hover" aria-label="{% trans 'Review requests' %}">
                    <thead>
                        <tr>
                            <th style="width: 60px;">#</th>
                            <th>{% trans "Title" %}</th>
                            <th style="width: 160px;">{% trans "State" %}</th>
                            <th style="width: 140px;">{% trans "Requester" %}</th>
                            <th style="width: 120px;">{% trans "Reviewers" %}</th>
                            <th style="width: 130px;">{% trans "Due" %}</th>
                            <th style="width: 130px;">{% trans "Created" %}</th>
                        </tr>
                    </thead>
                    <tbody>
                        {% for r in review_requests %}
                        <tr>
                            <td>{{ r.pk }}</td>
                            <td><a href="{{ r.get_absolute_url }}">{{ r.title }}</a></td>
                            <td>{% state_badge r.state r.get_state_display %}</td>
                            <td>{{ r.requester.username }}</td>
                            <td>
                                <i class="fa fa-users" aria-hidden="true"></i>
                                {{ r.reviewers.count }}
                            </td>
                            <td>{{ r.due_date|date:"Y-m-d"|default:"—" }}</td>
                            <td>{{ r.created_at|date:"Y-m-d" }}</td>
                        </tr>
                        {% endfor %}
                    </tbody>
                </table>
            </div>

            {% if is_paginated %}
            <nav aria-label="{% trans 'Pagination' %}">
                <ul class="pagination">
                    {% if page_obj.has_previous %}
                        <li><a href="?page={{ page_obj.previous_page_number }}" rel="prev">«</a></li>
                    {% else %}
                        <li class="disabled"><span>«</span></li>
                    {% endif %}
                    <li class="active"><span>{% blocktrans with current=page_obj.number total=page_obj.paginator.num_pages %}{{ current }} / {{ total }}{% endblocktrans %}</span></li>
                    {% if page_obj.has_next %}
                        <li><a href="?page={{ page_obj.next_page_number }}" rel="next">»</a></li>
                    {% else %}
                        <li class="disabled"><span>»</span></li>
                    {% endif %}
                </ul>
            </nav>
            {% endif %}

            {% else %}
            <div class="review-blank-slate">
                <i class="pficon pficon-process-automation" aria-hidden="true"></i>
                <h3>{% trans "No review requests yet" %}</h3>
                <p>{% trans "Group test cases into a review cycle, assign reviewers, and track decisions in one place." %}</p>
                <a class="btn btn-primary" href="{% url 'review-new' %}">
                    <i class="fa fa-plus" aria-hidden="true"></i> {% trans "Create your first review request" %}
                </a>
            </div>
            {% endif %}

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