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

{% block title 'Edit 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">Edit 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.oindicators.vars.prototype, 'Remove')|e }}">
            {% for indicator in form.oindicators %}
            {{ _self.widget_prototype(indicator, 'Remove') }}
            {% endfor %}
        </div>
        <div class="form-group" style="margin-top: 5px;">
            <div class="col-lg-offset-2 col-lg-4">
                {{ form_widget(form.save) }}
            </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="btn btn-success btn-sm pull-right disabled">Indicator</a>
    </div>
    <div class="col-md-10">
        {{ form_row(form.targetIndicator) }}
        {{ form_row(form.actualQty) }}
    </div>
</div>
{% endmacro %}

{% block javascripts %}
<script type="text/javascript">
    var msg = 'The indicators have been pre-selected according to the planning. \n\Please just fill in the actual quantity for the selected indicator.';
    $(document).ready(function() {
        blockSelectChanges(msg);
    }
    );
</script>
{% endblock %}