{% extends "base.html" %}

{% comment %}
Copyright (c) 2019-2024 Alexander Todorov <atodorov@otb.bg>

Licensed under GNU Affero General Public License v3 or later (AGPLv3+)
https://www.gnu.org/licenses/agpl-3.0.html
{% endcomment %}

{% load i18n %}
{% load static %}
{% load tcms_tenants %}
{% load github_marketplace %}
{% block title %}{% trans "Tenant subscriptions" %}{% endblock %}

{% block contents %}

<div class="container-fluid container-cards-pf">
    <div class="row row-cards-pf">
        <div class="col-xs-12 col-sm-12 col-md-6">
            <div class="card-pf card-pf-accented card-pf-aggregate-status">
                <h2 class="card-pf-title kiwi-text-align-left">
                    {% trans "You can access the following tenants" %}
                </h2>

            {% for tenant in access_tenants %}
                <h2 class="card-pf-title kiwi-text-align-left">
                    <span class="pficon pficon-tenant"></span>{% trans 'Tenant' %}:
                    <a href="{% tenant_url request tenant.schema_name %}">{% tenant_url request tenant.schema_name %}</a>
                </h2>

                <h2 class="card-pf-title kiwi-text-align-left">
                    <span class="pficon pficon-user"></span>{% trans 'Owner' %}:
                    <a href="{% url "tcms-profile" tenant.owner.username %}">{{ tenant.owner }}</a>
                </h2>

                {% if tenant.organization %}
                <h2 class="card-pf-title kiwi-text-align-left">
                    <span class="pficon pficon-users"></span>{% trans 'Organization' %}:
                    {{ tenant.organization }}
                </h2>
                {% endif %}
            {% endfor %}

                <div class="card-pf-body"></div>
            </div>
        </div>

        <div class="col-xs-12 col-sm-12 col-md-6">
            <div class="card-pf card-pf-accented card-pf-aggregate-status">
                <h2 class="card-pf-title kiwi-text-align-left">
                    {% trans 'Docker credentials' %}
                </h2>

                <div class="card-pf-body kiwi-text-align-left">
                    <div class="input-group">
                        <span class="input-group-addon">{% trans 'Username' %} </span>
                        <input type="text" id="docker_username" value="{{ quay_io_account.username }}" class="form-control" disabled>
                    </div>

                    <div class="input-group">
                        <span class="input-group-addon kiwi-cursor-pointer" id="show-docker-password">{% trans 'Password' %}</span>
                        <input type="password" id="docker_password" value="{{ quay_io_account.token }}" class="form-control" disabled>
                    </div>

                    <p class="help-block">
                        <span class="fa fa-exclamation-triangle kiwi-color-warning"></span>
                        <span class="fa fa-sign-in" aria-hidden="true"></span>
                        {% trans 'Private containers instructions' %}:
                        <a href="https://kiwitcms.org/containers/">https://kiwitcms.org/containers/</a>
                    </p>
                </div>
            </div>
        </div>

        {% if object %}
        <div class="col-xs-12 col-sm-12 col-md-6">
            <div class="card-pf card-pf-accented card-pf-aggregate-status">
                <h2 class="card-pf-title kiwi-text-align-left">
                    {% trans 'kiwitcms/gitops prefix' %}
                </h2>

                <div class="card-pf-body kiwi-text-align-left">
                    <form class="form-horizontal" method="post" action="{% url 'github_marketplace_plans' %}">
                        <div class="form-group">
                            <div class="col-xs-10 col-sm-10 col-md-10 col-lg-10 {% if form.gitops_prefix.errors %}has-error{% endif %} kiwi-padding-right-0">
                                <input type="text" name="gitops_prefix"
                                    value="{{ form.gitops_prefix.value|default:'' }}"
                                    class="form-control" required
                                    maxlength="{{ form.fields.gitops_prefix.max_length }}"
                                    placeholder="https://github.com/your-account-or-organization"
                                    {% if object.gitops_prefix %}disabled{% endif %}
                                >

                                {{ form.gitops_prefix.errors }}
                            </div>

                        {% if not object.gitops_prefix %}
                            {% csrf_token %}
                            <div class="col-xs-1 col-sm-1 col-md-1 col-lg-1 kiwi-padding-left-0">
                                <button type="submit" class="btn btn-default btn-md">{% trans "Save" %}</button>
                            </div>
                        {% endif %}
                        </div>

                        <p class="help-block">
                            <span class="fa fa-exclamation-triangle kiwi-color-warning"></span>
                            <span class="fa fa-sign-in" aria-hidden="true"></span>
                            <a href="https://kiwitcms.org/gitops/">https://kiwitcms.org/gitops/</a>
                        </p>
                    </form>
                </div>
            </div>
        </div>
        {% endif %}

    </div>

    <div class="row row-cards-pf">
        <div class="col-xs-12 col-sm-12 col-md-12">
            <div class="card-pf card-pf-accented">
                <h2 class="card-pf-title">
                    <span class="pficon pficon-topology"></span>
                    {% trans 'You own the following tenants' %}
                </h2>


                <div class="card-pf-body">
                    <div class="list-group">
                    {% for tenant in own_tenants %}
                        <div class="list-group-item">
                            <div class="list-group-item-header">
                                <div class="list-view-pf-main-info">
                                    <div class="list-view-pf-body">
                                        <div class="list-view-pf-description">
                                            <div class="list-group-item-text">
                                                <a href="{% tenant_url request tenant.schema_name %}">{% tenant_url request tenant.schema_name %}</a>
                                                {% if tenant.organization %}
                                                    {% trans 'Organization' %}: {{ tenant.organization }}
                                                {% endif %}
                                            </div>
                                        </div>

                                        <div class="list-view-pf-additional-info">
                                            <div class="list-view-pf-additional-info-item">
                                                <span class="fa fa-dollar" title="{% trans 'Price' %}"></span>
                                                <strong title="{% trans 'Price' %}">{{ subscription_price }} / {{ subscription_period }}</strong>
                                            </div>

                                            <div class="list-view-pf-additional-info-item">
                                                <span class="fa fa-pencil" title="{% trans 'Subscription type' %}"></span>
                                                <strong title="{% trans 'Subscription type' %}">Private Tenant</strong>
                                            </div>

                                            <div class="list-view-pf-additional-info-item">
                                                <span class="fa fa-calendar-o" title="{% trans 'Paid until' %}"></span>
                                                <strong title="{% trans 'Paid until' %}">{{ tenant.paid_until }}</strong>
                                            </div>

                                            {% if cancel_url %}
                                            <div class="list-view-pf-additional-info-item">
                                                <a class="btn btn-danger"
                                                   title="{% trans 'Cancel subscription' %}"
                                                   href="{{ cancel_url }}">
                                                {% trans 'Cancel' %}
                                                </a>
                                            </div>
                                            {% endif %}
                                        </div>
                                    </div>
                                </div> <!-- /main info -->
                            </div> <!-- /header -->
                        </div>
                    {% empty %}
                        <p>
                        {% trans "You don't own any tenants" %}
                        </p>
                        <a class="btn btn-primary"
                           href="https://mrsenko.onfastspring.com/kiwitcms-private-tenant">
                            {% trans 'Subscribe via FastSpring' %}
                        </a>

                    {% endfor %}
                    </div>
                </div>
            </div>
        </div>
    </div>


    <div class="row row-cards-pf">
        <div class="col-xs-12 col-sm-12 col-md-12">
            <div class="card-pf card-pf-accented">
                <h2 class="card-pf-title">
                    <span class="pficon pficon-topology"></span>
                    {% trans 'Transaction history' %}
                </h2>

                <div class="card-pf-body">
                    <div class="list-group tree-list-view-pf">
                    {% for purchase in purchases %}
                        <div class="list-group-item">
                            <div class="list-group-item-header">
                                <div class="list-view-pf-main-info">
                                    <div class="list-view-pf-left">
                                        <span class="fa fa-angle-right"></span>
                                    </div>

                                    <div class="list-view-pf-body">
                                        <div class="list-view-pf-description">
                                            <div class="list-group-item-text">
                                                {{ purchase.action }}
                                            </div>
                                        </div>

                                        <div class="list-view-pf-additional-info">
                                            <div class="list-view-pf-additional-info-item">
                                                <span class="fa fa-user" title="{% trans 'Sender' %}"></span>
                                                <strong title="{% trans 'Sender' %}">{{ purchase.sender }}</strong>
                                            </div>

                                            <div class="list-view-pf-additional-info-item">
                                                <span class="fa pficon-catalog" title="{% trans 'Vendor' %}"></span>
                                                <strong title="{% trans 'Vendor' %}">{{ purchase.vendor }}</strong>
                                            </div>

                                            <div class="list-view-pf-additional-info-item">
                                                <span class="fa fa-calendar-o" title="{% trans 'Received on' %}"></span>
                                                <strong title="{% trans 'Received on' %}">{{ purchase.received_on }}</strong>
                                            </div>
                                        </div>
                                    </div>
                                </div> <!-- /main info -->
                            </div> <!-- /header -->
                            <div class="list-group-item-container container-fluid">
                                <div class="list-group-item">
                                    <div class="list-group-item-header">
                                        <div class="list-view-pf-main-info">
                                            <div class="list-view-pf-body">
                                                <div class="list-view-pf-description">
                                                    <div class="list-group-item-text">
                                                        <pre><code>{{ purchase.payload|pretty_json }}</code></pre>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div> <!-- / purchase payload -->
                        </div>
                    {% endfor %}
                    </div>
                </div>
            </div>
        </div>
    </div>

</div>

<script src="{% static 'tcms_github_marketplace/js/subscription.js' %}"></script>
{% endblock %}