<h3>{{ 'Requête' | trad }}</h3>
{# Note : Pastilles are updated in src\Modules\EtatStatistiques\views\Edit\_formEtatReq.twig #}
<ul id="navbar-input-requete" class="nav nav-tabs sous_onglet" role="tablist">
    <li class="active" role="presentation">
        <a data-toggle="tab" href="#tab-table">
            {{- 'Tables' | trad -}}
            <span class="icopastille ml-tiny muted">
        </a>
    <li role="presentation">
        <a data-toggle="tab" href="#tab-select">
            {{- 'Champs de sortie' | trad -}}
            <span class="icopastille ml-tiny muted">
        </a>
    <li role="presentation">
        <a data-toggle="tab" href="#tab-where">
            {{- 'Filtres & clauses' | trad -}}
            <span class="icopastille ml-tiny muted">
        </a>
    <li role="presentation">
        <a data-toggle="tab" href="#tab-rupture">
            {{- 'Ruptures et totalisations' | trad -}}
            <span class="icopastille ml-tiny muted">
        </a>
</ul>
<div class="tab-content p-base">
    <div id="tab-table" class="tab-pane active in">
        {% include '@GlobalApplication/Input/inputGroup.twig' with {
            input: {
                listChild: input.listChild | filter((item, name) => 
                    name in ['REQ_NOM', 'TOP_N', 'From', 'ListJoin']
                ),
            },
            subject: subject,
        } only %}
    </div>
    <div id="tab-select" class="tab-pane">
        {{- formInput(
            input.listChild.ListSelect,
            subject
        ) -}}
    </div>
    <div id="tab-where" class="tab-pane">
        {{- formInput(
            input.listChild.ListFilter,
            subject
        ) -}}
        <fieldset class="scheduler-border">
            <legend class="scheduler-border">{{ 'Périmètre utilisateur' | trad }}</legend>
                            
            <div class="single-2col">
                {{- formInput(
                    input.listChild.NOM_CHP_PER_SOC,
                    subject
                ) -}}
            </div>
            <div class="single-2col">
                {{- formInput(
                    input.listChild.NOM_CHP_PER_CONF,
                    subject
                ) -}}
            </div>
        </fieldset>
        <div class="single-2col">
            {{- formInput(
                input.listChild.WherePillable,
                subject
            ) -}}
        </div>
    </div>
    <div id="tab-rupture" class="tab-pane">
        {{- formInput(
            input.listChild.Rupture,
            subject
        ) -}}
    </div>
</div>