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

{% block title %}{{title}}{% endblock %}

{% block body %}
<div>
    {% if is_granted('ROLE_SUPER_ADMIN') == true %}
        {{ include('home/includes/admin_dashboard.html.twig') }}
    {% elseif (is_granted('ROLE_STUDENT') == true and (is_granted('ROLE_SUPER_ADMIN') == false and is_granted('ROLE_ADMIN')  == false) ) %}
        {{ include('home/includes/student_dashboard.html.twig') }}
    {% else %}
        <div class="row">
            <div class="col-md-12 grid-margin">
                <div class="d-flex justify-content-between flex-wrap">
                    <div class="d-flex align-items-end flex-wrap">
                        <div class="d-flex">
                            <i class="mdi mdi-home text-muted hover-cursor"></i>
                            <p class="text-muted mb-0 hover-cursor">&nbsp;/&nbsp;Tableau de bord&nbsp;/&nbsp;</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    {% endif %}
</div>
{% endblock %}
{% block pageJavascript %}
    <script>
        jQuery(document).ready(function() {
            $('#imageUploadError').hide();
            $("#imageUploadBtn").click(function(){
                $('#imageUploadFile').trigger('click');
            });
            $('#imageUploadFile').on('change', function(){
                var formData = new FormData(document.getElementById("imageUploadForm"));
                formData.append('image',  document.getElementById('imageUploadFile').files[0]);

                $.ajax({
                    type: "POST",
                    data:  formData,
                    enctype: 'multipart/form-data',
                    processData: false,
                    contentType: false,
                    url: $("#imageUploadUrl").val(),
                    cache: false,
                    success: function(response){
                        if(response.success){
                            $("#imageUploadPreview").fadeOut(function(){
                                $(this).attr('src',response.image);
                                $(this).fadeIn();
                            });
                        }else{
                            $('#imageUploadError').show();
                        }
                    }
                });
            });
        });
    </script>
{% endblock %}