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

{% block title 'Activity Details' %}

{% block content %}

<div class="panel panel-primary" style="margin-top: 5px;">
    <div class="panel-heading">
        <div class="col-md-3 center center-text">
            <span class="label">Activity Details</span>
        </div>
    </div>
    <div class="panel-body">
        <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">{{ currency }} {{ tactic.getBudget()|number_format(2,'.',',') }}</td>
                            <td title="The Unit where the Tactic was created">{{ tactic.getUnit().getName() }}</td>
                            <td title="Date when Activity Plan was Approved">
                                {{ tactic.getActivityPlanApprovedOn()|date(datetime_format, app.user.timezone) }}
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
            <div class="panel-body">
                {{ include(tac_booking_details, 
                    {'id': tactic.getId(), 'tactic': tactic, 'currency': currency}, 
                    with_context = false) 
                }}
            </div>
        </div>
    </div>
</div>
{% endblock %}