<nav class="nellapp-tabs-navigation">
<ul class="nav nav-tabs" id="practicalCaseTabs" role="tablist">
<li class="nav-item" role="presentation">
<button class="nav-link active" id="state-tab" data-bs-toggle="tab" data-bs-target="#state"
type="button" role="tab" aria-controls="state" aria-selected="true">
{{- 'front.account.scholar.practical_case.tabs.state.title'|trans -}}
</button>
</li>
{% if practicalCase.practicalCaseResources is not empty %}
<li class="nav-item" role="presentation">
<button class="nav-link" id="resources-tab" data-bs-toggle="tab" data-bs-target="#resources"
type="button" role="tab" aria-controls="resources" aria-selected="false">
{{- 'front.account.scholar.practical_case.tabs.resources.title'|trans -}}
</button>
</li>
{% endif %}
<li class="nav-item" role="presentation">
<button class="nav-link" id="correction-tab" data-bs-toggle="tab" data-bs-target="#correction"
type="button" role="tab" aria-controls="correction" aria-selected="false">
{{- 'front.account.scholar.practical_case.tabs.correction.title'|trans -}}
</button>
</li>
</ul>
</nav>
<div class="tab-content" id="practicalCaseTabs">
<div class="tab-pane fade show active mt-4" id="state" role="tabpanel" aria-labelledby="state-tab">
{{ include('Front/Scholar/PracticalCase/show_state/subshow_state.html.twig') }}
</div>
{% if practicalCase.practicalCaseResources is not empty %}
<div class="tab-pane fade mt-4" id="resources" role="tabpanel" aria-labelledby="resources-tab">
{{ include('Front/Scholar/PracticalCase/show_state/subshow_resources.html.twig') }}
</div>
{% endif %}
<div class="tab-pane fade mt-4" id="correction" role="tabpanel" aria-labelledby="correction-tab">
{{ include('Front/Scholar/PracticalCase/show_state/subshow_correction.html.twig') }}
</div>
</div>