{% extends '_base_double_screen.html' %}
{% load bootstrap3 %}
{% load static %}
{% load i18n %}


{% block content %}
<div class="col-lg-12">
    <div class="col-lg-6">
        <div class="ibox-content">
            <h2 class="font-bold" style="display: inline">{% trans 'Ticket information' %}</h2>
            <h1></h1>
            <div>
                {% for child in content %}
                    <h2>{{ child.title }}</h2>
                    <hr>
                    {% for item in child.content %}
                        <li style="list-style-type:none">
                            <b>{{ item.title }}: </b> {{ item.value }}
                        </li>
                    {% endfor %}
                {% endfor %}
            </div>
        </div>
    </div>
    <div class="col-lg-6">
        <div class="ibox-content">
            <img src="{{ INTERFACE.logo_logout }}" style="margin: auto" width="50" height="50">
            <h2 class="font-bold" style="display: inline">{% trans 'Ticket approval' %}</h2>
            <h1></h1>
            <div class="ibox-content">
                <p>
                    {% trans 'Hello' %} {{ user.name }},
                </p>
                <p style="text-indent: 3em">
                    {{ prompt_msg }}
                </p>
                <br>
                <form id="approve-form" action="" method="post" role="form" novalidate="novalidate">
                    {% csrf_token %}
                    <div class="form-group" style="">
                        {% if user.is_authenticated %}
                        <button class="btn btn-primary block full-width m-b" name="action" value="approve"
                        type="submit">
                            {% trans 'Approval' %}
                        </button>
                        <button class="btn btn-primary block full-width m-b" name="action" value="reject"
                        type="submit">
                            {% trans 'Reject' %}
                        </button>
                        {% else %}
                        <a id='login_button' class="btn btn-primary block full-width m-b"
                           href="{{ login_url }}">
                            {% trans 'Go Login' %}
                        </a>
                        {% endif %}
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
<style>

</style>
{% endblock %}
