{% extends "::base.html.twig" %}
{% form_theme form 'AlsuiteAssetsBundle:Form:collection-theme.html.twig' %}

{% block title 'Report Actual Activity Indicator Quantities' %}

{% block content %}
{% if level is null %}
{{ include(workplan_links, {'show_search': false}, with_context = false) }}
{% endif %}

<div class="panel panel-primary">
    <div class="panel-heading">
        <div class="col-lg-7 center center-text">
            <span class="label">Report Actual Activity Indicator Quantities</span><br/>
            <span class="label">{{ tactic }}</span>
        </div>
    </div>
    <div class="panel-body">
        {{ form_start(form) }}
        <div id="sub_form" data-prototype="{{ _self.widget_prototype(form.indicators.vars.prototype, 'Remove')|e }}">
            {% for indicator in form.indicators %}
                {% if indicator.vars.value.id == null %}
                    {{ _self.widget_prototype(indicator, 'Remove') }}
                {% endif %}
            {% endfor %}
        </div>
        <div class="form-group" style="margin-top: 5px;">
            <div class="col-lg-offset-3 col-lg-4">
                {{ form_widget(form.save) }}
                <a class="{{ add_btn }}" data-target="sub_form">Add An Activity Indicator</a>
            </div>
        </div>
        {{ form_end(form) }}
    </div>
</div>
{% endblock %}

{% macro widget_prototype(widget, remove_text) %}
{% set form = widget %}
{% set name = widget.vars.full_name %}

<div class="row col-md-12" data-content="{{ name }}">
    <div class="col-md-2">
        <a class="{{ remove_btn }}" data-related="{{ name }}">{{ remove_text }}</a>
    </div>
    <div class="col-md-10">
        {{ form_row(form.indicator) }}
        {{ form_row(form.actualQty) }}
    </div>
</div>
{% endmacro %}