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

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

{% block breadcrumb %}
    <div class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6">
                    <h1 class="m-0 text-dark">Paramètres du compte</h1>
                </div><!-- /.col -->
                <div class="col-sm-6">
                    <ol class="breadcrumb float-sm-right">
                        <li class="breadcrumb-item"><a href="{{ path('admin.home') }}">Accueil</a></li>
                        <li class="breadcrumb-item active">Paramètres du compte</li>
                    </ol>
                </div><!-- /.col -->
            </div><!-- /.row -->
        </div><!-- /.container-fluid -->
    </div>
{% endblock %}

{% block content %}

    <section class="content">
        {#{% if is_granted("ROLE_ADMIN") %}
           Profil - Espace Abonné
        {% elseif is_granted("ROLE_USER") %}
           Profil - Espace Collaborateur
        {% endif %}#}

        {#{ dump(user) }#}

        <div class="container-fluid">
            <div class="row">
                <div class="col-md-3">

                    <!-- Profile Image -->
                    <div class="card card-primary card-outline">
                        <div class="card-body box-profile">
                            <div class="text-center">
                                <img class="profile-user-img img-fluid img-circle"
                                     src="{{ asset('back-assets/images/user-default.jpg') }}"
                                     alt="User profile picture">
                            </div>

                            <h3 class="profile-username text-center">{{ user.name }}</h3>

                            <p class="text-muted text-center">{{ user.company.name }}</p>

                            <ul class="list-group list-group-unbordered mb-3">
                                <li class="list-group-item">
                                    <b>N° GSM</b> <a class="float-right">{{ user.gsm }}</a>
                                </li>
                                <li class="list-group-item d-none">
                                    <b>Adresse</b> <a class="float-right">{{ user.address }}</a>
                                </li>
                                {% if is_granted("ROLE_USER") %}
                                    <li class="list-group-item">
                                        <b>Envoi DCP</b> <a class="float-right">
                                            {% if user.isAllowedSendDcp == true %}
                                                AUTORISE
                                            {% else %}
                                                NON AUTORISE
                                            {% endif %}
                                        </a>
                                    </li>
                                {% endif %}
                            </ul>

                        </div>
                        <!-- /.card-body -->
                    </div>
                    <!-- /.card -->

                </div>
                <!-- /.col -->
                <div class="col-md-9">
                    <div class="card">

                        {% for message in app.flashes('success') %}
                            <p class="alert alert-success">
                                {{ message }}
                            </p>

                            <hr>
                        {% endfor %}

                        <div class="card-body">

                            {{ form_start(form, {'attr': {'class': 'form-horizontal'}}) }}

                            {{ form_row(form.username, {'attr': {'class': 'form-control', 'readonly': 'readonly'}}) }}
                            {#{ form_label(form.name, {'attr': {'class': 'col-sm-2 col-form-label'}}) }#}
                            {{ form_row(form.name, {'attr': {'class': 'form-control', 'readonly': 'readonly'}}) }}

                            {{ form_row(form.gsm, {'attr': {'class': 'form-control', 'readonly': 'readonly'}}) }}
                            <div class="d-none">
                                {{ form_row(form.address, {'attr': {'class': 'form-control', 'readonly': 'readonly'}}) }}
                            </div>

                            {#{% if is_granted("ROLE_USER") %}
                                #}{#{ form_row(form.is_allowed_send_dcp, {'attr': {'class': 'form-control', 'readonly': 'readonly'}}) }#}{#
                                <div class="form-group">
                                    {{ form_label(form.is_allowed_send_dcp) }}{{ form_widget(form.is_allowed_send_dcp) }}
                                </div>
                            {% endif %}#}

                            {{ form_rest(form) }}
                            {#<div>
                                <button class="btn btn-primary w-25">Enregistrer</button>
                            </div>#}
                            {{ form_end(form) }}


                        </div><!-- /.card-body -->
                    </div>
                    <!-- /.nav-tabs-custom -->
                </div>
                <!-- /.col -->
            </div>
            <!-- /.row -->
        </div><!-- /.container-fluid -->
    </section>
{% endblock %}