{% extends 'base.html.twig' %}

{% block title %}Transformation data — {{ firmName }}{% endblock title %}

{% block head_style %}
    {{ parent() }}
    {{ encore_entry_link_tags('form') }}
{% endblock head_style %}

{% block head_script %}
    {{ parent() }}
    {{ encore_entry_script_tags('form') }}
{% endblock head_script %}

{% block page_header_h1 %}Transformation Declaration {{ declarationYear }}{% endblock page_header_h1 %}

{% block content %}
    {% 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', novalidate: 'novalidate' } }) }}
    {{ 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>
            <a class="btn btn-outline-secondary ms-2" href="{{ path('logout') }}">Log out</a>
        </div>
    </div>

    {{ form_end(form) }}
{% endblock %}