{% extends "public/base.html" %}
{% load staticfiles %}
{% load bootstrap %}
{% load i18n %}

{% block title %}Alliance Auth - View Application{% endblock %}
{% block page_title %}{% trans "View Application" %}{% endblock page_title %}
{% block extra_css %}{% endblock extra_css %}

{% block content %}
    <div class="col-lg-12">
        <h1 class="page-header text-center">{% trans "View Application" %}</h1>
        <div class="container-fluid">
            <div class="col-md-4 col-md-offset-4">
                <div class="row">
                    {% if app.approved %}
                        <div class="alert alert-success">{% trans "Approved" %}</div>
                    {% elif app.approved == False %}
                        <div class="alert alert-danger">{% trans "Denied" %}</div>
                    {% else %}
                        <div class="alert alert-warning">{% trans "Pending" %}</div>
                    {% endif %}
                    {% if app.reviewer_str %}
                        <div class="alert alert-info">{% trans "Reviewer:" %} {{ app.reviewer_str }}</div>
                    {% endif %}
                </div>
                <div class="row">
                    <div class="panel panel-info">
                        <div class="panel-heading">{% trans "Applicant" %}</div>
                        <table class="table">
                            <tr>
                                <th class="text-center">{% trans "User" %}</th>
                                <th class="text-center">{% trans "Main Character" %}</th>
                            </tr>
                            <tr>
                                <td class="text-center">{{ app.user }}</td>
                                <td class="text-center">{{ app.main_character }}</td>
                            </tr>
                        </table>
                    </div>
                    <div class="panel panel-info">
                        <div class="panel-heading">{% trans "Characters" %}</div>
                        <table class="table">
                            <tr>
                                <th class="text-center"></th>
                                <th class="text-center">{% trans "Name" %}</th>
                                <th class="text-center">{% trans "Corp" %}</th>
                                <th class="text-center">{% trans "Alliance" %}</th>
                            </tr>
                            {% for char in app.characters %}
                                <tr>
                                    <td class="text-center">
                                        <img class="ra-avatar img-responsive" src="https://image.eveonline.com/Character/{{ char.character_id }}_32.jpg">
                                    </td>
                                    <td class="text-center">{{ char.character_name }}</td>
                                    <td class="text-center">{{ char.corporation_name }}</td>
                                    <td class="text-center">{{ char.alliance_name }}</td>
                                </tr>
                            {% endfor %}
                        </table>
                    </div>      
                </div>
                <div class="row">
                {% for response in responses %}
                    <div class="panel panel-default">
                        <div class="panel-heading">{{ response.question.title }}</div>
                        <div class="alert">{{ response.answer|linebreaksbr }}</div>
                    </div>
                {% endfor %}
                </div>
                {% if buttons %}
                    <div class="row">
                    {% if perms.auth.human_resources %}
                        <div class="panel panel-primary">
                            <div class="panel-heading">{% trans "Actions" %}</div>
                            {% if app.approved == None %}
                                {% if app.reviewer == user %}
                                    {% if perms.hrapplications.approve_application %}
                                        <a href="/hr_application_approve/{{ app.id }}" class="btn btn-success">{% trans "Approve" %}</a>
                                    {% endif %}
                                    {% if perms.hrapplications.reject_application %}
                                        <a href="/hr_application_reject/{{ app.id }}" class="btn btn-danger">{% trans "Reject" %}</a>
                                    {% endif %}
                                    {% if perms.hrapplications.delete_application %}
                                        <a href="/hr_application_remove/{{ app.id }}" class="btn btn-danger">{% trans "Delete" %}</a>
                                    {% endif %}
                                {% elif not app.reviewer %}
                                    <a href="/hr_mark_in_progress/{{ app.id }}" class="btn btn-warning">{% trans "Mark in Progress" %}</a>
                                {% endif %}
                            {% endif %}
                            {% if perms.hrapplications.add_applicationcomment %}
                                <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#myModal">{% trans "Comment" %}</button>
                            {% endif %}
                            {% if perms.hrapplications.view_apis %}
                                {% for api in apis %}
                                    <a href="{{ JACK_KNIFE_URL }}?usid={{ api.api_id}}&apik={{ api.api_key }}" class="btn btn-info">{% trans "API" %} {{ api.api_id }}</a>
                                {% endfor %}
                            {% endif %}
                        </div>
                        <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
                            <div class="panel panel-default">
                                <div class="panel-heading" role="tab" id="headingThree">
                                    <h4 class="panel-title">
                                        <a class="collapsed" data-toggle="collapse" data-parent="#accordion"
                                            href="#collapseThree" aria-expanded="false"
                                            aria-controls="collapseThree">
                                            Comments - {{ comments|length }}
                                        </a>
                                    </h4>
                                </div>
                                <div id="collapseThree" class="panel-collapse collapse" role="tabpanel"
                                    aria-labelledby="headingThree">
                                    <div class="panel-body">
                                        {% for comment in comments %}
                                            <div class="panel panel-default">
                                                <div class="panel-heading" role="tab" id="">
                                                    <div class="panel-title">{{comment.created}} - {{ comment.user }}</div>
                                                </div>
                                                <div class="panel-body">{{ comment.text|linebreaks }}</div>
                                            </div>
                                        {% endfor %}
                                    </div>
                                </div>
                            </div>
                        </div>
                    {% endif %}
                </div>
                {% endif %}
            </div>
        </div>
    </div>
{% if perms.hrapplications.add_applicationcomment %}
    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal">
                        <span aria-hidden="true">&times;</span><span class="sr-only">{% trans "Close" %}</span>
                    </button>
                    <h4 class="modal-title" id="myModalLabel">{% trans "Add Comment" %}</h4>
                </div>
                <div class="modal-body">
                    <form class="form-signin" role="form" action="" method="POST">
                        {% csrf_token %}
                        {{ comment_form|bootstrap }}
                        <br/>
                        <button class="btn btn-lg btn-primary btn-block" type="submit">{% trans "Add Comment" %}</button>
                    </form>
                </div>
                <div class="modal-footer"></div>
            </div>
        </div>
    </div>
{% endif %}
{% endblock %}