{% 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">
                {{ message }}
            </div>
        {% endfor %}
        {% for message in app.flashes('warning') %}
            <div class="alert alert-warning position-absolute">
                {{ 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 -->
                    {{ form_start(formEdit) }}
                    <div class="row">
                        <div class="col-12">
                            <div class="Text mt-5 mb-2">
                                <div class="Size-2 Bold">Page de profil
                                </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">Informations générales</p>
                                    <div class="d-flex mt-1 mb-1">
                                        <div>Nom</div>
                                        <div class="ml-auto mr-0" id="establishment-card-0">
                                            {{ form_widget(formEdit.lastname) }}
                                        </div>
                                    </div>
                                    <div class="d-flex mt-1 mb-1">
                                        <div>Prénom</div>
                                        <div class="ml-auto mr-0" id="establishment-card-1">
                                            {{ form_widget(formEdit.firstname) }}
                                        </div>
                                    </div>
                                    <div class="d-flex mt-1 mb-1">
                                        <div>Civilité</div>
                                        <div class="ml-auto mr-0" id="establishment-card-2">
                                            {{ form_widget(formEdit.gender) }}
                                        </div>
                                    </div>
                                    <div class="d-flex mt-1 mb-1">
                                        <div>Date de naissance</div>
                                        <div class="ml-auto mr-0" id="establishment-card-3">
                                            {{ form_widget(formEdit.birthdate) }}
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="Text row">
                                <div class="col-lg-6 col-md-6 col-sm-12">
                                    <p class="Size-3 Black">Informations de contact</p>
                                    <div class="d-flex mt-1 mb-1">
                                        <div>Téléphone fixe</div>
                                        <div class="ml-auto mr-0" id="establishment-card-0">
                                            {{ form_widget(formEdit.phone) }}
                                        </div>
                                    </div>
                                    <div class="d-flex mt-1 mb-1">
                                        <div>Téléphone portable</div>
                                        <div class="ml-auto mr-0" id="establishment-card-1">
                                            {{ form_widget(formEdit.mobile) }}
                                        </div>
                                    </div>
                                    <div class="d-flex mt-1 mb-1">
                                        <div>Email</div>
                                        <div class="ml-auto mr-0" id="establishment-card-2">
                                            {{ form_widget(formEdit.email) }}
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-6 col-md-6 col-sm-12">
                                    <p class="Size-3 Black">Informations professionelles</p>
                                    <div class="d-flex mt-1 mb-1">
                                        <div>Poste occupé</div>
                                        <div class="ml-auto mr-0" id="establishment-card-0">
                                            {{ form_widget(formEdit.position) }}
                                        </div>
                                    </div>
                                    <div class="d-flex mt-1 mb-1">
                                        <div>Etablissement</div>
                                        <div class="ml-auto mr-0" id="establishment-card-1">
                                            {{ form_widget(formEdit.agency) }}
                                        </div>
                                    </div>
                                    <div class="d-flex mt-1 mb-1">
                                        <div>Entreprise</div>
                                        <div class="ml-auto mr-0" id="establishment-card-1">
                                            <input type="text" value="{{ me.company.name }}" class="form-control" disabled>
                                        </div>
                                    </div>
                                    <div class="d-flex mt-1 mb-1">
                                        <div>Role</div>
                                        <div class="ml-auto mr-0" id="establishment-card-3">
                                            {{ form_widget(formEdit.type) }}
                                        </div>
                                    </div>
                                </div>
                            </div>
                            {{ form_row(formEdit.save) }}
                        </div>
                    </div>
                    {{ form_end(formEdit) }}
                </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 and me.agencyParticipants[0].agency != null ? me.agencyParticipants[0].agency.id : "" }}",
                type: "{{ me.type }}",

            };
            $('#user_edit_id').val(selectedUser.id);
            $('#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 %}