{% extends "box/base/box.html" %}
{% load i18n %}
{% load l10n %}
{% load staticfiles %}
{% get_current_language as LANGUAGE_CODE %}

{% block title %}
    {% trans "Templates" %}
{% endblock title %}

{% block boxhelp %}
<div class="boxhelp">
    <div class="help">
        <div class="icon">
            <img src="{% static "icons/information-frame.png" %}" alt="{% trans "Help" %}" />
        </div>
        <div class="boxhelp-box">
            <p>{% blocktrans %}This is the list of your own templates.{% endblocktrans %}</p>
            <p>{% blocktrans %}Templates are customized versions of the base images.{% endblocktrans %}</p>
            <p>{% blocktrans %}You can install all the needed software on a master
            machine, and it will be ready to run by your students in minutes.
            {% endblocktrans %}</p>
        </div>
    </div>
    <div class="icon">
        <img src="" alt="toggle" title="{% trans "Show/hide box" %}" class="toggle-box" data-id="templates" id="toggle-box-templates"/>
    </div>
</div>
{% endblock %}

{% block content %}
<ul class="vm-list entry-list" id="template">
    {% for t in mytemplates %}
        {% include "box/template/entry.html" %}
    {% endfor %}

    {% if not mytemplates and not group %}
    <div class="tooltip">
        <div class="container">
            <p>{% trans "You have no own templates." %}</p>
            <p>
                {% trans "Create a new one, and share it with your students. Or you can also use a common one." %}
            </p>
            <div class="tail"></div>
        </div>
    </div>
    {% endif %}
    {% if not group %}
    <li id="new-template-button" class="entry new small-row" data-url="{% url one.views.ajax_template_wizard %}">
        <div class="summary">
            <div class="name">Új Sablon</div>
            <div class="clear"></div>
        </div>
    </li>
    {% endif %}
    {% if publictemplates %}
        {% for t in publictemplates %}
            <li class="entry" id="t{{t.id }}">
                <div class="summary public-template">
                    <div class="name">
                        {{t.name}}
                        <img src="{% static "icons/lock-small.png" %}" alt="{% trans "locked" %}"
                         title="{% trans "This is a shared template." %}" />
                    </div>
                    <div class="status">{{t.state}}</div>
                    <div class="actions">
                        {% if t.state == 'READY' %}
                        <a href="#" class="try-template-button" data-url="{% url new_vm_from_template template=t.id %}" title="{% trans "Try"  %}">
                            <img src="{% static "icons/control.png" %}" alt="{% trans "Start" %}"/>
                        </a>
                        <a href="#" class="template-share" data-id="{{t.id}}" data-gid="{{group.id}}" title="{% trans "Share" %}">
                            <img src="{% static "icons/user-share.png" %}" alt="{% trans "Share" %}" />
                        </a>
                        {% endif %}
                    </div>
                    <div class="clear"></div>
                    {% if t.myshares %}
                    <ul class="shares">
                        {% for i in t.myshares %}
                        <li>
                            <div class="quota">
                                <div class="used" style="width: {{ i.get_instance_pc|unlocalize }}%"></div>
                            </div>
                            <form action="{% url one.views.vm_unshare i.id %}" method="post">
                                <span title="{{i.name}}">{{i.name|truncatechars:20}}</span>
                                ({{i.get_running}}/{{i.instance_limit}}) {{i.type}}
                                <a href="#" class="edit" data-url="{% url ajax_share_edit_wizard id=i.id %}">
                                    <img src="{% static "icons/pencil.png" %}" alt="{% trans "Edit" %}" title="{% trans "Edit" %}" />
                                </a>
                                {% csrf_token %}
                                <input type="submit" class="template-unshare" value="{% trans "Delete" %}" style="float: right"/>
                            </form>
                            <div class="clear"></div>
                        </li>
                        <li class="description{% if not i.description %} empty{% endif %}">
                            {% if i.description %}
                                {{i.description}}
                            {% else %}
                                {% trans "No description available" %}
                            {% endif %}
                        </li>
                        {% endfor %}
                    </ul>
                    {% endif %}
                </div>
                <div class="details">
                    <div class="details-container">
                        <ul>
                            <li class="name">
                                {% trans "System" %}:
                                <span class="value">{{t.system}}</span>
                                <div class="clear"></div>
                            </li>
                            <li class="type">
                                {% trans "Size" %}:
                                <span class="value">
                                    {{t.instance_type}}:
                                    <span class="cpu">{{t.instance_type.CPU}}</span>
                                    <span class="memory">{{t.instance_type.RAM}}</span>
                                    <span class="credit">{{t.instance_type.credit}}</span>
                                </span>
                            </li>
                            <li class="description">
                                {% trans "Description" %}:
                                <span class="value">{{t.description}}</span>
                                <div class="clear"></div>
                            </li>
                            <li class="date" >
                                {% trans "Created at" %}:
                                <span class="value">{{t.created_at}} ({{t.owner.get_profile}})</span>
                                <div class="clear"></div>
                            </li>
                            <li class="count">
                                {% trans "Running instances" %}:
                                <span class="value">{{t.running_instances}}</span>
                            </li>
                        </ul>
                    </div>
                </div>
            </li>
        {% endfor %}
    {% endif %}
    <li class="entry small">
        <div class="summary">
            <div class="quota">
                <div class="used" style="background-color: rgba(0,255,0,0.2); width: {{userdetails.get_share_pc|unlocalize}}%"></div>
            </div>
            <div class="name">
                {% blocktrans with used=userdetails.get_weighted_share_count all=userdetails.share_quota %}Share quota: {{used}}/{{all}}{% endblocktrans %}
            </div>
            <div class="clear"></div>
        </div>
    </li>
</ul>
{% endblock content %}
