{% extends "::base.html.twig" %}
{% form_theme form inline_form_theme %}

{% block title 'List Of Filed Accountabilities' %}
    
{% block newStyles %}
    <style>
        .nav-tabs > li.active > a, 
        .nav-tabs > li.active > a:focus, 
        .nav-tabs > li.active > a:hover {
            background-color: #337ab7;
            color: #fff;
        }
    </style>
{% endblock %}

{% block content %}
{{ include(workplan_links, {'show_search': false}, with_context = false) }}

{{ form(form) }}
    
<div class="row">
    <div class="col-md-4">
        <div class="panel panel-primary">
            <div class="panel-heading">
                <div class="center-text">
                    <span class="label">List Of Filed Accs</span>
                </div>
            </div>
            <div class="panel-body">
                <div class="list-group">
                    {% for activity in pagination %}
                    {% set id = activity.getId() %}

                    {% if tactic is not null %}
                    {% set selid = tactic.id %}
                    {% else %}
                    {% set selid = 0 %}
                    {% endif %}

                    <a class="list-group-item {% if id == selid %}active{% endif %}" href="{{ path('wplan_filed_accs', {'id': wplan, 'status': status, 'tid': id, 'page': page}) }}">
                        {{ activity.getSerial() }}<br/>
                        {{ activity.getTitle() }}<br/>
                        {{ activity.getAccStatusLabel() }}
                        {# {{ currency ~ ' ' ~ receipt.getTotalAccFor()|number_format(2) }}<br/> #}
                    </a>
                    {% else %}
                    There are no activities in this queue currently.
                    {% endfor %}
                </div>
                <div>
                    {{ knp_pagination_render(pagination) }}
                </div>
            </div>
        </div>
    </div>
    <div class="col-md-8">
        <div class="panel panel-primary">
            <div class="panel-heading">
                <div class="center-text">
                    <span class="label">Acc Details</span>
                </div>
            </div>
            <div class="panel-body">
                {% if tactic is not null %}
                {% set id = tactic.id %}

                {% for doc in tactic.documents if doc.isAReceipt() %}
                {% set filepath = app.request.schemeAndHttpHost ~ '/uploads/' ~ doc.path %}
                {% set did = doc.id %}
                
                <div class="panel panel-default">
                    <div class="panel-heading">
                        <h6>{{ doc.title }}</h6>
                    </div>
                    <div class="panel-body">
                        <a class="{{ grey_sm_btn }}" target="_blank" href="https://docs.google.com/viewer?docex=1&url={{ filepath }}">View</a>
                        <a class="{{ grey_sm_btn }}" href="{{ path('tac_doc_download', {'id': did}) }}">Download</a>

                        <table class="table table-bordered table-striped" style="margin-top: 3px; margin-bottom: 0px;">
                            <colgroup><col style="width: 50%;"/><col style="width: 50%;"/></colgroup>
                            <tbody>
                                {# <tr><td>Status</td><td>{{ doc.getStatusLabel() }}</td></tr> #}
                                <tr><td>Total Amount</td><td>{{ currency ~ ' ' ~ doc.getTotalAccFor()|number_format(2) }}</td></tr>
                                <tr><td>Uploaded On</td><td>{{ doc.uploadedOn|date(date_format) }}</td></tr>
                                <tr><td>Uploaded By</td><td>{{ doc.uploader }}</td></tr>
                            </tbody>
                        </table>
                        <table class="table table-bordered table-striped">
                            <colgroup><col style="width: 50%;"/><col style="width: 50%;"/></colgroup>
                            <caption class="center-text">Document Requisition Lines</caption>
                            <thead><tr><th>Item</th><th>Amount ({{ currency }})</th></tr></thead>
                            <tbody>
                                {% for line in doc.reqnLines %}
                                <tr>
                                    <td>{{ line.requisitionLine.getItemDetails() }}</td>
                                    <td>{{ line.amount|number_format(2) }}</td>
                                </tr>
                                {% endfor %}
                            </tbody>
                        </table>
                    </div>
                </div>
                {% endfor %}
                {% else %}
                Please click on an activity in the left panel to view its details here.
                {% endif %}
            </div>
        </div>             
    </div>          
</div>
{% endblock %}

{% block javascripts %}
{{ form_javascript(form) }}
<script text="text/javascript">
    $('#form_status').width('200px');
</script>
{% endblock %}