{# Fragment for WordPress / cesa-main embed (no base layout). Expects: form, firmName, contactName, declarationYear, prefilledFromYear, hasCurrentYearDeclaration #}
{% for message in app.flashes('success') %}
    <div class="alert alert-success">{{ message }}</div>
{% endfor %}

<p class="lead">{{ firmName }}</p>
{% if contactName|trim %}
    <p class="text-muted">Signed in as: {{ contactName }}</p>
{% endif %}

{% if prefilledFromYear %}
    <div class="alert alert-info">
        No transformation statistics were found for {{ declarationYear }}.
        The form has been pre-filled from your {{ prefilledFromYear }} declaration. Please review and update before saving.
    </div>
{% elseif not hasCurrentYearDeclaration %}
    <p class="alert alert-secondary">
        No previous annual declaration was found. Please complete the transformation statistics for {{ declarationYear }}.
    </p>
{% endif %}

<p class="mb-4">
    These fields match the data used on the transformation reporting dashboards (firm profile,
    three-year turnover, B-BBEE level, and staff counts by occupational band and demographic column).
</p>

{{ form_start(form, { attr: { class: 'well cesa-mp-transformation-form', novalidate: 'novalidate', id: 'cesa-mp-transformation-form' } }) }}
{{ form_errors(form) }}

<h4 class="mt-4">Firm summary</h4>
<div class="row">
    <div class="col-md-6">{{ form_row(form.smme) }}</div>
    <div class="col-md-6">{{ form_row(form.bbbeeLevel) }}</div>
    <div class="col-md-6">{{ form_row(form.blackOwned) }}</div>
    <div class="col-md-6">{{ form_row(form.blackWomenOwned) }}</div>
    <div class="col-md-6">{{ form_row(form.totalStaff) }}</div>
    <div class="col-md-6">{{ form_row(form.threeYearsAverageTurnover) }}</div>
</div>

<h4 class="mt-5">Staff headcount by occupational band</h4>
<p class="small text-muted mb-3">
    For each band below, enter headcount per demographic category (same columns as the management reporting graphs).
</p>

{% set demos = ['ma', 'mc', 'mi', 'mw', 'mn', 'fa', 'fc', 'fi', 'fw', 'fn'] %}
{% set bands = {
    'trans_top': 'Top management',
    'trans_senior': 'Senior management',
    'trans_prof': 'Professionally qualified',
    'trans_skilled': 'Skilled',
    'trans_semi': 'Semi-skilled',
    'trans_unskill': 'Unskilled',
    'trans_temp': 'Temporary'
} %}

{% for prefix, bandTitle in bands %}
    <h5 class="mt-4 mb-2">{{ bandTitle }}</h5>
    <div class="row">
        {% for d in demos %}
            {% set fname = prefix ~ '_' ~ d %}
            <div class="col-6 col-md-4 col-lg-3 mb-2">{{ form_row(form[fname]) }}</div>
        {% endfor %}
    </div>
{% endfor %}

<div class="row mt-4">
    <div class="col-12">
        <button type="submit" class="btn btn-primary">Save transformation data</button>
    </div>
</div>

{{ form_end(form) }}