{% extends 'Front/Scholar/PracticalCase/_base_messaging.html.twig' %}
{% block messaging_form %}
{% if form is not null %}
<div data-toggle-by="edit-practical-case-response"
class="practical-case-form-container{% if status is same as 'waiting' and formErrors is same as false %} d-none{% endif %}">
{% include 'Front/Scholar/PracticalCase/PracticalCaseResponse/_form_response.html.twig' with {
'form': form
} %}
</div>
{% endif %}
{% endblock %}
{% block practical_case_notification %}
<div class="mb-4">
{% set can_go_lesson_after = false %}
{% if is_granted('FRONT_ACCESS_REVIEW', {
'training': training,
'module': module,
'lesson': lesson,
}) is same as true %}
{% set can_go_lesson_after = true %}
{% endif %}
{% if practicalCaseLastResponse is null %}
{% set content = 'Vous n\'avez pas encore réalisé ce cas pratique.</br>Commencez-le dès maintenant !' %}
{% set imageUrl = asset('build/common/notification-void.png', 'common') %}
{% elseif status is same as 'waiting' %}
{% set content = 'Votre cas pratique est en cours de correction.' %}
{% set imageUrl = asset('build/common/notification-time.png', 'common') %}
{% elseif status is same as 'refused' %}
{% if can_go_lesson_after is same as true %}
{% set content = 'Votre cas pratique n\'a pas été validé par le formateur.</br>Veuillez le recommencer.' %}
{% else %}
{% set content = 'Votre cas pratique n\'a pas été validé par le formateur, vous ne pourrez pas poursuivre vers le cours suivant.</br>Veuillez le recommencer.' %}
{% endif %}
{% set imageUrl = asset('build/common/notification-cancel.png', 'common') %}
{% else %}
{% set content = 'Félicitations ! Votre cas pratique a été validé.</br>Continuer votre formation !' %}
{% set imageUrl = asset('build/common/notification-success.png', 'common') %}
{% endif %}
{% include 'Front/Scholar/PracticalCase/_practical_case_notification.html.twig' with {
'content': content,
'imageUrl': imageUrl
} %}
</div>
{% endblock %}
{% block notification %}
{% if practicalCaseLastResponse is not null %}
<div class="practical-case-response-alert-container">
{% if practicalCaseLastResponse.status == 0 %}
<div class="alert alert-success">
<img src="{{ asset('build/common/icon-checkmark-filled.svg', 'common') }}" alt="icon check">{{ 'practical_case_learner.is_submit.label' | trans}}
</div>
{% elseif practicalCaseLastResponse.status == -1 %}
<div class="alert alert-danger">
<img src="{{ asset('build/common/error.png', 'common') }}" alt="icon failed">{{ 'practical_case_learner.is_refused.label' | trans}}
</div>
{% else %}
<div class="alert alert-success">
<img src="{{ asset('build/common/icon-checkmark-filled.svg', 'common') }}" alt="icon check">{{ 'practical_case_learner.is_valid.label' | trans}}
</div>
{% endif %}
</div>
{% endif %}
{% endblock %}
{% block messaging_cta %}
{% if status is same as 'refused' %}
<button data-custom-file-disable-submit form="{{ form.vars.attr.id }}" type="submit" class="nellapp-btn w-100">
{{ 'practical_case_learner.submit.label' | trans}}
<i class="fas fa-paper-plane ms-1"></i>
</button>
{% elseif status is same as 'waiting'%}
<button data-toggle="edit-practical-case-response" data-toggle-by="edit-practical-case-response" class="nellapp-btn w-100 {% if formErrors is same as true %}d-none{%endif%}">
{{ 'practical_case_learner.modify.label' | trans}}
<i class="fal fa-pen ms-1"></i>
</button>
<div data-toggle-by="edit-practical-case-response" class="grouped-btn flex-wrap {% if formErrors is same as false %}d-none{%endif%}">
<a
href="{{ path('front_channel_practical_case_response_delete',
{'lessonId': lesson.id, 'moduleId': module.id, 'practicalCaseId': practicalCase.id, 'trainingId': training.id, 'practicalCaseResponseId': practicalCaseLastResponse.id}
) }}"
class="nellapp-outline-btn danger flex-grow-1 me-4">
<i class="fal fa-trash-alt me-2"></i>
{{ 'practical_case_learner.delete.label' | trans}}
</a>
<button data-custom-file-disable-submit form="practical-case-response-form" type="submit" class="nellapp-btn flex-grow-1">
{{ 'practical_case_learner.validate.label' | trans}}
<i class="fas fa-arrow-right ms-1"></i>
</button>
</div>
{% else %}
<button id="correction-tab-link" class="nellapp-btn w-100" data-toggle-target="#correction-tab"
type="button" >{{ 'practical_case_learner.correction_type.label' | trans}}</button>
{% endif %}
{% endblock %}