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

{% block title %}Modifier le signataire{% endblock %}


{% block body %}
    <div class="row">
        <div class="col-sm-6">
            <div class="card">
                <div class="card-header">
                    <h3 class="card-title">Informations</h3>
                </div>
                <div class="card-body">

                    {{ form_start(form) }}

                        {% if form_errors(form)|default %}
                            <div class="alert alert-danger">
                                {{ form_errors(form) }}
                            </div>
                        {% endif %}
                        {% for message in app.flashes('success-form') %}
                            <div class="alert alert-success">
                                <i class="icon fas fa-check"></i> {{ message }}
                            </div>
                        {% endfor %}

                        {{ form_widget(form) }}

                        <button class="btn btn-primary">{{ button_label|default('Enregistrer') }}</button>

                    {{ form_end(form) }}

                </div>
            </div>
        </div>
        <div class="col-sm-6">
            <div class="card">
                <div class="card-header">
                    <h3 class="card-title">Fichiers médias</h3>
                </div>
                <div class="card-body">

                    {{ form_start(form_medias) }}
                    {{ form_errors(form_medias) }}
                        {% if form_errors(form_medias)|default %}
                            <div class="alert alert-danger">
                                {{ form_errors(form_medias) }}
                            </div>
                        {% endif %}
                        {% for message in app.flashes('success-media') %}
                            <div class="alert alert-success">
                                <i class="icon fas fa-check"></i> {{ message }}
                            </div>
                        {% endfor %}

                        {% if employe.photo|default %}
                            <p class="text-bold d-block">Photo sélectionnée :</p>
                            <img src="/uploads/{{ employe.photo }}" alt="" class="mb-3 img-fluid img-employe-photo">
                        {% else %}
                            <label for="employePhoto">{{ field_label(form_medias.photo) }}</label>
                        {% endif %}

                        <div class="row">
                            <div class="col-xl-6">
                                <div class="form-error">
                                    {{ form_errors(form_medias.photo) }}
                                </div>
                                <div class="custom-file mb-3">
                                    <input type="file" name="{{ field_name(form_medias.photo) }}" class="custom-file-input" accept="image/png, image/gif, image/jpeg" id="employePhoto">
                                    <label class="custom-file-label" for="employePhoto">Parcourir</label>
                                </div>

                                {{ form_row(form_medias.avatar) }}

                                {{ form_row(form_medias.voice) }}

                            </div>
                        </div>

                        <button class="btn btn-primary">{{ button_label|default('Enregistrer') }}</button>

                    {{ form_end(form_medias) }}

                </div>
            </div>
        </div>


        <div class="col-sm-12">
            <div class="mt-3 card">
                <div class="card-header">
                    <h3 class="card-title">Compte Microsoft & Google</h3>
                </div>
                <div class="card-body">

                    {% for message in app.flashes('success-oauth') %}
                        <div class="alert alert-success">
                            <i class="icon fas fa-check"></i> {{ message }}
                        </div>
                    {% endfor %}

                    <div class="card mb-3 shadow-sm">
                        <div class="card-header">
                            <h5 class="card-title mb-0"><i class="fab fa-microsoft text-blue mr-1"></i> Microsoft</h5>
                        </div>
                        <div class="card-body">

                            {% set microsoftToken = employe.getOAuthTokens()|filter(t => t.type == 'microsoft')|first %}

                            {% if microsoftToken and microsoftToken.accessToken is not null and microsoftToken.refreshToken is not null %}
                                <div class="mb-2 text-success">
                                    ✅ Votre compte Microsoft est connecté.
                                </div>
                                <div class="d-flex justify-content-between align-items-center flex-wrap">
                                    <div class="text-muted small">
                                        Vous pouvez désormais synchroniser vos e-mails, calendriers et contacts.
                                    </div>
                                    <a href="{{ path('microsoft_unlink', { target: employe.id, type: 'employe' }) }}" class="btn btn-outline-danger btn-sm mt-2 mt-md-0">
                                        Déconnecter Microsoft
                                    </a>
                                </div>
                            {% else %}
                                <div class="mb-2 text-warning">
                                    ⚠️ Aucun compte Microsoft connecté.
                                </div>
                                <div class="d-flex justify-content-between align-items-center flex-wrap">
                                    <div class="text-muted small">
                                        Connectez un compte Microsoft pour activer les intégrations (emails, calendrier, etc.).
                                    </div>
                                    <a href="{{ path('oauth_microsoft_link', { target: employe.id, type: 'employe' }) }}" class="btn btn-primary btn-sm mt-2 mt-md-0">
                                        <i class="fab fa-microsoft mr-1"></i> Connecter le compte Microsoft
                                    </a>
                                </div>
                            {% endif %}


                        </div>
                    </div>

                    <div class="card mb-3 shadow-sm">
                        <div class="card-header">
                            <h5 class="card-title mb-0"><i class="fab fa-google mr-1" style="color: #4285F4;"></i> Google</h5>
                        </div>
                        <div class="card-body">

                            {% set googleToken = employe.getOAuthTokens()|filter(t => t.type == 'google')|first %}

                            {% if googleToken and googleToken.accessToken is not null and googleToken.refreshToken is not null %}
                                <div class="mb-2 text-success fw-semibold">
                                    ✅ Votre compte Google est connecté.
                                </div>
                                <div class="d-flex justify-content-between align-items-center flex-wrap">
                                    <div class="text-muted small">
                                        Votre compte est prêt à interagir avec Gmail (envoi, lecture, étiquetage…).
                                    </div>
                                    <a href="{{ path('google_unlink', { target: employe.id, type: 'employe' }) }}" class="btn btn-outline-danger btn-sm mt-2 mt-md-0">
                                        Déconnecter Google
                                    </a>
                                </div>
                            {% else %}
                                <div class="mb-2 text-warning fw-semibold">
                                    ⚠️ Aucun compte Google connecté.
                                </div>
                                <div class="d-flex justify-content-between align-items-center flex-wrap">
                                    <div class="text-muted small">
                                        Connectez un compte Google pour activer les intégrations Gmail.
                                    </div>
                                    <a href="{{ path('oauth_google_link', { target: employe.id, type: 'employe' }) }}" class="btn btn-primary btn-sm mt-2 mt-md-0">
                                        <i class="fab fa-google mr-1"></i> Connecter mon compte Google
                                    </a>
                                </div>
                            {% endif %}
                        </div>
                    </div>



                </div>
            </div>
        </div>

    </div>
    <a class="p-3 d-inline-block" href="{{ path('app_employe_index') }}"><i class="fas fa-arrow-left"></i> Retour à la liste</a>
{% endblock %}