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

{% block title %}admin - CompanyInformation{% endblock %}

{% block body %}

    <div id="loader">
        <div class="loader"><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div></div>
    </div>
    <div id="management" class="Page">
        <div>
            {% include '/management/top_menu.html.twig' %}
        </div>
        {% for message in app.flashes('success') %}
            <div class="alert alert-success position-absolute" style="width: 100% !important; z-index: 3000">
                {{ message }}
            </div>
        {% endfor %}
        {% for message in app.flashes('warning') %}
            <div class="alert alert-warning position-absolute" style="width: 100% !important; z-index: 3000">
                {{ message }}
            </div>
        {% endfor %}
        <div class="d-flex w-100" style="min-height: calc(100vh - 5rem - 85px)">
            {% include '/management/Profil/vertical_menu.html.twig' %}
            <div class="col-10">
                <div class="content-body" id="editUser"><!-- invoice list -->
                    <div class="row">
                        <div class="col-12">
                            <div class="Text mt-5 mb-2">
                                <div class="Size-2 Bold">Interface
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-12 col-md-12 col-sm-12">
                            <div class="Text row">
                                <div class="col-lg-6 col-md-6 col-sm-12">
                                    <p class="Size-3 Black">Gestion des notifications</p>
                                    <div class="d-flex mt-1 mb-1">
                                        <div>Recevoir les notifications par mail</div>
                                        <div class="ml-auto mr-0" id="establishment-card-0">
                                            <input type="checkbox" checked>
                                        </div>
                                    </div>
                                    <div class="d-flex mt-1 mb-1">
                                        <div>Mail pour les notifications</div>
                                        <div class="ml-auto mr-0" id="establishment-card-1">
                                            <input type="text" class="form-control">
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-6 col-md-6 col-sm-12">
                                    <p class="Size-3 Black">Langue et région</p>
                                    <div class="d-flex mt-1 mb-1">
                                        <div>Choix de la langue</div>
                                        <div class="ml-auto mr-0" id="establishment-card-0">
                                            Français
                                        </div>
                                    </div>
                                    <div class="d-flex mt-1 mb-1">
                                        <div>Choix de la région</div>
                                        <div class="ml-auto mr-0" id="establishment-card-1">
                                            France
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

{% endblock %}

{% block javascripts %}
    <script>

        function displayOn()
        {
            document.getElementById("loader").style.display = "none";
            document.getElementById("management").style.display = "block";
        }

        $(document).ready(function () {
            selectedUser = {
                id: "{{ me.id }}",
                firstname: "{{ me.firstname }}",
                lastname: "{{ me.lastname }}",
                gender: "{{ me.gender }}",
                birthdate: "{{ me.birthdate ? me.birthdate | date("Y-m-d") : "" }}",
                phone: "{{ me.phone }}",
                mobile: "{{ me.mobile }}",
                email: "{{ me.email }}",
                position: "{{ me.position }}",
                agency: "{{ me.agencyParticipants|length > 0 ? me.agencyParticipants[0].agency.id : "" }}",
                type: "{{ me.type }}",

            };

            $('#user_edit_firstname').val(selectedUser.firstname);
            $('#user_edit_lastname').val(selectedUser.lastname);
            $('#user_edit_gender').val(selectedUser.gender);
            $('#user_edit_birthdate').val(selectedUser.birthdate);
            $('#user_edit_phone').val(selectedUser.phone);
            $('#user_edit_mobile').val(selectedUser.mobile);
            $('#user_edit_email').val(selectedUser.email);
            $('#user_edit_position').val(selectedUser.position);
            $('#user_edit_agency').val(selectedUser.agency);
            $('#user_edit_type').val(selectedUser.type);

            displayOn();
        });
    </script>

{% endblock %}