{% extends "default.html" %}
{% block title %}
    {% trans %}Favourites{% endtrans %}
{% endblock %}
{% block breadcrumbs %}
    <li><a href="/favourites">{% trans %}Favourites{% endtrans %}</a></li>
{% endblock %}
{% block content %}
    <x-vbox>
        <x-frame style="--width: 896px;" class="flexible-space">
            <x-vbox>
                {% if favourites.count() > 0 %}
                    <table id="favourites-table">
                        <thead>
                            <tr style="text-align: start;">
                                <th>{% trans %}Repository{% endtrans %}</th>
                                <th style="text-align: center;">{% trans %}Commit{% endtrans %}</th>
                                <th style="text-align: center;">{% trans %}Forum{% endtrans %}</th>
                                <th style="text-align: center;">{% trans %}Pull request{% endtrans %}</th>
                                <th style="text-align: center;">{% trans %}Administrative{% endtrans %}</th>
                            </tr>
                        </thead>
                        <tbody>
                            {% for favourite in favourites %}
                                <tr hx-post="/favourites/{{ favourite.id }}" hx-trigger="change" hx-include="#commit-{{ favourite.id }}, #forum-{{ favourite.id }}, #pull_request-{{ favourite.id }}, #administrative-{{ favourite.id }}" hx-headers='{"Content-Type": "application/json"}' hx-swap="outerHTML">
                                    <td><a href="{{ favourite.repo.route }}">{{ favourite.repo.owner.username }}/{{ favourite.repo.name }}</a></td>
                                    <td style="text-align: center;"><input type="checkbox" name="commit" id="commit-{{ favourite.id }}" value="true" {% if favourite.notify_commit %}checked{% endif %}></td>
                                    <td style="text-align: center;"><input type="checkbox" name="forum" id="forum-{{ favourite.id }}" value="true" {% if favourite.notify_forum %}checked{% endif %}></td>
                                    <td style="text-align: center;"><input type="checkbox" name="pull_request" id="pull_request-{{ favourite.id }}" value="true" {% if favourite.notify_pr %}checked{% endif %}></td>
                                    <td style="text-align: center;"><input type="checkbox" name="administrative" id="administrative-{{ favourite.id }}" value="true" {% if favourite.notify_admin %}checked{% endif %}></td>
                                </tr>
                            {% endfor %}
                        </tbody>
                    </table>
                {% else %}
                    <p>{% trans %}When you add favourite repositories, you can manage them from here.{% endtrans %}</p>
                {% endif %}
            </x-vbox>
        </x-frame>
    </x-vbox>
{% endblock %}