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

{% block og_title %}Ma Page{% endblock %}

{% block og_description %}Page de gestion des données de l'utilisateur et de son entreprise{% endblock %}

{% block title %}{{ parent() }} | Ma page{% endblock %}

{% block css %}
    {{ parent() }} {# Appeler le bloc css du parent pour inclure le CSS de base #}
    <link href="../../public/vendorAdmin/bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <!-- Main styles -->
    <link href="../../public/cssAdmin/admin.css" rel="stylesheet">
    <!-- Icon fonts-->
    <link href="../../public/vendorAdmin/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <!-- Plugin styles -->
    <link href="../../public/vendorAdmin/datatables/dataTables.bootstrap4.css" rel="stylesheet">
    <link href="../../public/vendorAdmin/dropzone.css" rel="stylesheet">
    <link href="../../public/cssAdmin/date_picker.css" rel="stylesheet">
    <link rel="stylesheet" href="../../public/jsAdmin/editor/summernote-bs4.css">
{% endblock %}

{% block body %}
    <div class="content-wrapper">
        <div class="container-fluid">
            {{ form_start(EntrepriseForm) }}
            <div class="box_general padding_bottom">
                <div class="header_box version_2 d-flex justify-content-between align-items-center">
                    <h2><i class="fa fa-user"></i>Informations profil</h2>
                    <a href="{{ path('entreprise_modifier_mot_de_passe',{'utilisateurId': currentUserId}) }}" class="btn btn-primary"> <i class = "fa fa-lock"></i>Modifier le mot de passe</a>
                </div>
                <div class="row">
                    <div class="col-md-6">
                        <div class="form-group">
                            {{ form_row(EntrepriseForm.Utilisateur.nom) }}
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group">
                            {{ form_row(EntrepriseForm.Utilisateur.prenom) }}
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-6">
                        <div class="form-group">
                            {{ form_row(EntrepriseForm.nomEntreprise) }}
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group">
                            {{ form_row(EntrepriseForm.secteurActivite) }}
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-12">
                        <div class="form-group">
                            {{ form_row(EntrepriseForm.description) }}
                        </div>
                    </div>
                </div>
                <!-- /row-->
                <div class="row">
                    <div class="col-md-4">
                        <div class="form-group">
                            {{ form_row(EntrepriseForm.Utilisateur.telephone) }}
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="form-group">
                            {{ form_row(EntrepriseForm.lienSiteWeb) }}
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="form-group">
                            {{ form_row(EntrepriseForm.Utilisateur.email) }}
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-12">
                        <div class="form-group">
                            {{ form_row(EntrepriseForm.photoEntreprise) }}
                        </div>
                    </div>
                </div>
            </div>


            <div class="box_general padding_bottom">
                <div class="header_box version_2">
                    <h2><i class="fa fa-map-marker"></i>Location</h2>
                </div>
                <div class="row">
                    <div class="col-md-12">
                        <div class="form-group">
                            {{ form_row(EntrepriseForm.adresse) }}
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-10">
                        <div class="form-group">
                            {{ form_row(EntrepriseForm.ville) }}
                        </div>
                    </div>
                    <div class="col-md-2">
                        <div class="form-group">
                            {{ form_row(EntrepriseForm.cp) }}
                        </div>
                    </div>
                </div>
            </div>

            <div class="box_general padding_bottom">
                <div class="header_box version_2">
                    <h2><i class="fa fa-clock-o"></i>Horaires</h2>
                </div>
                <div class="row">
                    <div class="col-md-2"></div>
                    <div class="col-md-5">
                        <div class="form-group">
                            <h5>Matin ouverture</h5>
                        </div>
                    </div>
                    <div class="col-md-5">
                        <div class="form-group">
                            <h5>Matin fermeture</h5>
                        </div>
                    </div>
                    <div class="col-md-5">
                        <div class="form-group">
                            <h5>Après-midi ouverture</h5>
                        </div>
                    </div>

                    <div class="col-md-5">
                        <div class="form-group">
                            <h5>Après-midi fermeture</h5>
                        </div>
                    </div>
                </div>
                {% for horaire in EntrepriseForm.horaires %}
                    <div class="row">
                        <div class="col-md-2">
                            <label class="fix_spacing">{{ horaire.vars.data.jourSemaine }}</label>
                        </div>
                        <div class="col-md-5">
                            <div class="form-group">
                                {{ form_widget(horaire.matinOuverture) }}
                            </div>
                        </div>
                        <div class="col-md-5">
                            <div class="form-group">
                                {{ form_widget(horaire.matinFermeture) }}
                            </div>
                        </div>
                        <div class="col-md-5">
                            <div class="form-group">
                                {{ form_widget(horaire.apresmidiOuverture) }}
                            </div>
                        </div>
                        <div class="col-md-5">
                            <div class="form-group">
                                {{ form_widget(horaire.apresmidiFermeture) }}
                            </div>
                        </div>
                    </div>
                {% endfor %}
            </div>

            <button type="submit" class="btn btn-primary">Enregistrer</button>

        </div>
        {{ form_end(EntrepriseForm) }}
    </div>


    <!-- Bootstrap core JavaScript and other scripts -->
    <!-- <script src="{{ asset('vendorAdmin/jquery/jquery.min.js') }}"></script>-->
    <!--<script src="{{ asset('vendorAdmin/bootstrap/js/bootstrap.bundle.min.js') }}"></script>-->
    <script src="{{ asset('vendorAdmin/jquery-easing/jquery.easing.min.js') }}"></script>
    <script src="{{ asset('vendorAdmin/chart.js/Chart.min.js') }}"></script>
    <script src="{{ asset('vendorAdmin/datatables/jquery.dataTables.js') }}"></script>
    <script src="{{ asset('vendorAdmin/datatables/dataTables.bootstrap4.js') }}"></script>
    <script src="{{ asset('vendorAdmin/jquery.selectbox-0.2.js') }}"></script>
    <script src="{{ asset('vendorAdmin/jquery.magnific-popup.min.js') }}"></script>
    <!-- Custom scripts for all pages-->
    <script src="{{ asset('jsAdmin/admin.js') }}"></script>
    <!-- Custom scripts for this page-->
    <script src="{{ asset('vendorAdmin/dropzone.min.js') }}"></script>
    <script src="{{ asset('vendorAdmin/bootstrap-datepicker.js') }}"></script>
    <script>
        $('input.date-pick').datepicker();
    </script>
    <!-- WYSIWYG Editor -->
    <script src="{{ asset('jsAdmin/editor/summernote-bs4.min.js') }}"></script>
    <script>
        $('.editor').summernote({
            fontSizes: ['10', '14'],
            toolbar: [
                // [groupName, [list of button]]
                ['style', ['bold', 'italic', 'underline', 'clear']],
                ['font', ['strikethrough']],
                ['fontsize', ['fontsize']],
                ['para', ['ul', 'ol', 'paragraph']]
            ],
            placeholder: 'Write here ....',
            tabsize: 2,
            height: 200
        });
    </script>
{% endblock %}