{% extends "::base.html.twig" %}

{% block title 'Assign COA Codes' %}

{% block content %}
<div class="panel panel-primary">
    <div class="panel-heading">
        <div class="col-md-3 center center-text">
            <span class="label">Assign COA Codes to Requisition Lines</span>
        </div>
    </div>
    <div class="panel-body">
        {{ form_start(form) }}
        <div class="panel panel-default">
            <div class="panel-heading">
                <table class="fillwidth">
                    <colgroup>
                        <col style="width: available;"/><col style="width: 15%;"/>
                        <col style="width: 25%;"/><col style="width: 10%;"/>
                    </colgroup>
                    <tbody>
                        <tr>
                            <td title="Tactic Serial and Title">
                                {{ tactic.getSerial() }}<br/>{{ tactic.getTitle() }}
                            </td>
                            <td title="Tactic Budget">{{ tactic.getTarget().getWorkPlan().getOrganizationCurrency() }} {{ tactic.getBudget()|number_format(2,'.',',') }}</td>
                            <td title="Unit where Tactic was Created">{{ tactic.getUnit() }}</td>
                            <td title="Activity Plan Approval Date">
                                {{ tactic.getActivityPlanApprovedOn()|date(datetime_format, app.user.timezone) }}
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
            <table class="table table-bordered table-hover" style="{{ tbl_margin }}">
                <colgroup>
                    <col style="width: 30%;"/><col style="width: 17%;"/>
                    <col style="width: available;"/>
                </colgroup>
                <thead>
                    <tr>
                        <th>Item Details</th><th>Amount</th><th>Assign COA Code</th>
                    </tr>
                </thead>
                <tbody>
                    {% for line in form.reqnLines %}
                    <tr>
                        <td>{{ form_widget(line.item) }}</td>
                        <td>{{ form_widget(line.amount) }}</td>
                        <td>
                            {{ form_widget(line.code) }}
                            {{ form_errors(line.code) }}
                        </td>
                    </tr>
                    {% endfor %}
                </tbody>
            </table>
            {{ form_end(form) }}
        </div>
    </div> 
</div>
{% endblock %}

{% block javascripts %}
{{ form_javascript(form) }}
<script type="text/javascript">
    $('.col-lg-4').css('width', '65%');
</script>
{% endblock %}