<section *ngFor="let field of assessment.form?.fields; let n = index">
    <ion-card *ngIf="n < assessment.form?.dimenssionscount">
        <ion-item class="ion-text-wrap">
            <ion-label>
                <h2>{{ field.dimtitle }}</h2>
                <core-format-text [text]="field.description" contextLevel="module" [contextInstanceId]="moduleId" [courseId]="courseId" />
            </ion-label>
        </ion-item>
        <ion-item *ngIf="edit && field.grades">
            <ion-select labelPlacement="stacked" [(ngModel)]="selectedValues[n].grade" [cancelText]="'core.cancel' | translate"
                interface="action-sheet" [interfaceOptions]="{header: 'addon.mod_workshop_assessment_accumulative.dimensiongradefor' |
                    translate : {'$a': field.dimtitle }}">
                <div [core-mark-required]="true" slot="label">
                    {{ 'addon.mod_workshop_assessment_accumulative.dimensiongradefor' | translate : {'$a': field.dimtitle } }}
                </div>
                <ion-select-option *ngFor="let grade of field.grades" [value]="grade.value">{{grade.label}}</ion-select-option>
            </ion-select>
            <core-input-errors *ngIf="fieldErrors['grade_' + n]" [errorText]="fieldErrors['grade_' + n]" />
        </ion-item>
        <ion-item *ngIf="!edit && field.grades" class="ion-text-wrap">
            <ion-label>
                <p class="item-heading">{{ 'addon.mod_workshop_assessment_accumulative.dimensiongradefor' | translate : {'$a':
                    field.dimtitle } }}</p>
                <ng-container *ngFor="let grade of field.grades">
                    <p *ngIf="grade.value === selectedValues[n].grade">{{grade.label}}</p>
                </ng-container>
            </ion-label>
        </ion-item>
        <ion-item *ngIf="edit">
            <ion-textarea labelPlacement="stacked" [(ngModel)]="selectedValues[n].peercomment"
                [core-auto-rows]="selectedValues[n].peercomment"
                [label]=" 'addon.mod_workshop_assessment_accumulative.dimensioncommentfor' | translate : {'$a': field.dimtitle }" />
        </ion-item>
        <ion-item *ngIf="!edit" class="ion-text-wrap">
            <ion-label>
                <p class="item-heading">
                    {{ 'addon.mod_workshop_assessment_accumulative.dimensioncommentfor' | translate : {'$a': field.dimtitle } }}
                </p>
                <p>
                    <core-format-text [text]="selectedValues[n].peercomment" contextLevel="module" [contextInstanceId]="moduleId"
                        [courseId]="courseId" />
                </p>
            </ion-label>
        </ion-item>
    </ion-card>
</section>
