{% extends 'App::V2/base.html.twig' %}

{% set firstName %}
{% if profile.user.device == 'ANDROID'  %}
{{ profile.lastname|default('')|trim|upper }}
{% else %}
{{ profile.firstname|default('')|trim|lower|capitalize}}
{% endif %}
{% endset %}

{% set lastName %}
{% if profile.user.device == 'ANDROID'  %}
{{ profile.firstname|default('')|trim|lower|capitalize}}
{% else %}
{{ profile.lastname|default('')|trim|upper }}
{% endif %}
{% endset %}


{% set teacherName = (firstName ~ ' ' ~ lastName)|trim %}

{% set city = profile.city|default('') %}
{% set postalCode = profile.department|default('') %}
{% set country = profile.country|default('FR')|upper %}

{% set cleanContent = profile.content|default('')|trim %}
{% set bio = cleanContent ? (cleanContent|length > 220 ? cleanContent|slice(0, 220) ~ '...' : cleanContent) : 'Annonces de cours particuliers sur RueduProf.' %}
{% set longBio = cleanContent ?: 'Annonces de cours particuliers sur RueduProf.' %}

{% set avatar = (profile.avatar is defined and profile.avatar and profile.avatar.path is defined and profile.avatar.path)
    ? 'https://www.rueduprof.com/uploads/avatar/' ~ profile.avatar.path
    : null
%}

{% set subjects = [] %}
{% set levels = [] %}
{% set modes = [] %}
{% set pricing = [] %}
{% set priceFrom = null %}

{% for item in profile.categories|default([]) %}
    {% if item.category is defined and item.category and item.category.name is defined and item.category.name and item.category.name not in subjects %}
        {% set subjects = subjects|merge([item.category.name]) %}
    {% endif %}

    {% if item.pricePerHour is defined and item.pricePerHour is not null %}
        {% if priceFrom is null or item.pricePerHour < priceFrom %}
            {% set priceFrom = item.pricePerHour %}
        {% endif %}
    {% endif %}

    {% if item.primaire is defined and item.primaire and 'Primaire' not in levels %}
        {% set levels = levels|merge(['Primaire']) %}
    {% endif %}
    {% if item.college is defined and item.college and 'Collège' not in levels %}
        {% set levels = levels|merge(['Collège']) %}
    {% endif %}
    {% if item.lycee is defined and item.lycee and 'Lycée' not in levels %}
        {% set levels = levels|merge(['Lycée']) %}
    {% endif %}
    {% if item.superieur is defined and item.superieur and 'Supérieur' not in levels %}
        {% set levels = levels|merge(['Supérieur']) %}
    {% endif %}

    {% if item.webcam is defined and item.webcam and 'En ligne' not in modes %}
        {% set modes = modes|merge(['En ligne']) %}
    {% endif %}
    {% if item.outPlace is defined and item.outPlace and 'À domicile' not in modes %}
        {% set modes = modes|merge(['À domicile']) %}
    {% endif %}
    {% if item.inPlace is defined and item.inPlace and 'Chez le professeur' not in modes %}
        {% set modes = modes|merge(['Chez le professeur']) %}
    {% endif %}

    {% set noteParts = [] %}
    {% if item.webcam is defined and item.webcam %}
        {% set noteParts = noteParts|merge(['En ligne']) %}
    {% endif %}
    {% if item.outPlace is defined and item.outPlace %}
        {% set noteParts = noteParts|merge(['À domicile']) %}
    {% endif %}
    {% if item.inPlace is defined and item.inPlace %}
        {% set noteParts = noteParts|merge(['Chez le professeur']) %}
    {% endif %}

    {% if item.category is defined and item.category and item.category.name is defined %}
        {% set pricing = pricing|merge([{
            'label': item.category.name,
            'price': (item.pricePerHour is defined and item.pricePerHour is not null) ? item.pricePerHour ~ '€ / h' : 'Sur demande',
            'description': item.content,
            'note': noteParts|join(' · ')
        }]) %}
    {% endif %}
{% endfor %}

{% set headline = subjects|length
    ? 'Professeur de ' ~ subjects|slice(0, 3)|join(' et ') ~ (levels|length ? ' · ' ~ levels|join(', ') : '')
    : 'Professeur particulier'
%}

{% set zones = [] %}
{% if city %}
    {% set zones = zones|merge([postalCode ? city ~ ' (' ~ postalCode ~ ')' : city]) %}
{% endif %}

{% set teacher = teacher|default({
    'first_name': firstName ?: 'Professeur',
    'last_name': lastName ?: '',
    'headline': headline,
    'city': city ?: postalCode,
    'price_from': priceFrom ?? 0,
    'rating': null,
    'reviews_count': 0,
    'students_count': 0,
    'response_time': null,
    'experience_years': null,
    'verified': false,
    'bio': bio,
    'long_bio': longBio,
    'avatar': avatar,
    'teaches': subjects,
    'levels': levels,
    'modes': modes,
    'zones': zones,
    'languages': country == 'FR' ? ['Français'] : [],
    'badges': [],
    'highlights': [],
    'pricing': pricing,
    'availability': [],
    'reviews': [],
    'faq': []
}) %}

{% set teacher_full_name = (teacher.first_name|trim ~ ' ' ~ teacher.last_name)|trim %}
{% set teacher_headline = teacher.headline|lower %}
{% set teacher_price = teacher.price_from %}

{% set seoTitle %}Cours particuliers avec {{ teacher_full_name|trim }} à {{ city }} ({{ postalCode }}){% endset %}
{% set seoUrl %}https://www.rueduprof.com/{{ profile.id ~ '/professeur-' ~ profile.department ~ '-' ~ (profile.firstname|myslugify) ~ '-' ~ (profile.lastname|first|myslugify) ~ '/' }}{% endset %}
{#
{% set seoDescription %}Découvrez le profil de {{ teacher_full_name|trim }}, {{ teacher_headline|trim }}, {% if teacher_price %}à partir de {{ teacher_price }}€.{% else %}sur RueduProf.{% endif %}{% endset %}
#}
{% block meta_title %}{{seoTitle}}{% endblock %}

{% set seoDescription %}
    {%- if profile.content -%}
    {%- if profile.content|length > 155 -%}
        {{- profile.content|slice(0, 155)|raw -}}...
        {%- else -%}
            {{- profile.content|raw -}}
        {%- endif -%}
    {%- else -%}
        Découvrez le profil de {{ teacher_full_name|trim }}, {{ teacher_headline|trim }}, {% if teacher_price %}à partir de {{ teacher_price }}€.{% else %}sur RueduProf.{% endif %}
    {%- endif -%}
{% endset %}

{% block meta_description %}
    {{- seoDescription -}}
{% endblock %}

{% block canonical %}{{seoUrl}}{% endblock %}

{% block open_graph %}
    <meta property="og:title" content="{{seoTitle|trim}} - RueduProf" />
    <meta
        property="og:description"
        content="{{seoDescription|trim|raw }}"
    />
    <meta property="og:url" content="{{ seoUrl|trim }}" />
    <meta property="og:image" content="{{ teacher.avatar }}" />
{% endblock %}
{% block twitter_card %}
    <meta name="twitter:title" content="{{seoTitle|trim}} - RueduProf" />
    <meta
        name="twitter:description"
        content="{{seoDescription|trim|raw }}"
    />
    <meta name="twitter:image" content="{{ teacher.avatar }}" />
{% endblock %}

{% block snippet_json %}
    {% include 'App::schema/profile_show_user.html.twig' with {
        profile: profile
    } only %}
{% endblock %}

{% block body %}
<section class="prof-hero-section overflow-hidden">
    <div class="container-xxl py-4 py-lg-4">
        <nav aria-label="breadcrumb" class="mb-4">
            <ol class="breadcrumb small mb-0">
                <li class="breadcrumb-item"><a href="{{ app.request.getSchemeAndHttpHost() ~ path('homepage') }}" class="text-decoration-none">Accueil</a></li>
                <li class="breadcrumb-item"><a href="{{ app.request.getSchemeAndHttpHost() ~ path('app_home_page') }}" class="text-decoration-none">Cours particuliers</a></li>
                <li class="breadcrumb-item active" aria-current="page">{{ teacher.first_name }} {{ teacher.last_name|first }}.</li>
            </ol>
        </nav>

        {% set flashes = app.session.flashbag.all() %}

        {% for type, messages in flashes %}
            {% for message in messages %}

                {% if type == 'success' %}
                    <section class="py-4 py-lg-5">
                        <div class="container">
                            <div class="success-message-card mx-auto text-center">
                                <div class="success-message-icon">
                                    <i class="bi bi-check2-circle"></i>
                                </div>

                                <span class="success-message-badge">Message envoyé</span>

                                <h2 class="h3 fw-bold mt-3 mb-2">
                                    Votre demande a bien été transmise
                                </h2>

                                <p class="text-secondary mb-4 mx-auto success-message-text">
                                    {{ message }}
                                </p>

                                <div class="success-message-points">
                                    <div class="success-message-point">
                                        <i class="bi bi-check-circle-fill"></i>
                                        <span>Votre demande a été prise en compte</span>
                                    </div>
                                    <div class="success-message-point">
                                        <i class="bi bi-chat-dots-fill"></i>
                                        <span>Le professeur peut vous répondre rapidement</span>
                                    </div>
                                    <div class="success-message-point">
                                        <i class="bi bi-shield-check"></i>
                                        <span>Vos informations ont bien été transmises</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </section>
                {% else %}
                    <div class="alert alert-{{ type }} alert-dismissible fade in" role="alert">
                        <button type="button" class="close" data-dismiss="alert" aria-label="Fermer">
                            <span aria-hidden="true">&times;</span>
                        </button>
                        {{ message }}
                    </div>
                {% endif %}

            {% endfor %}
        {% endfor %}
    


        <div class="row g-4 g-xl-5 align-items-start">
            <div class="col-lg-8">
                <div class="hero-shell p-3 p-md-4 p-xl-4">
                    <div class="d-flex flex-column flex-md-row gap-4 align-items-start">
                        <div class="teacher-avatar-wrap">
                            {% if teacher.avatar %}
                                <img src="{{ teacher.avatar }}" class="teacher-avatar" alt="{{ teacher.first_name }} {{ teacher.last_name|first }}.">
                            {% else %}
                                <div class="teacher-avatar teacher-avatar-fallback">
                                    <span>{{ teacher.first_name|slice(0,1) }}{{ teacher.last_name|slice(0,1) }}</span>
                                </div>
                            {% endif %}
                        </div>

                        <div class="flex-grow-1">
                            <div class="d-flex flex-wrap gap-2 mb-3">
                                {% for badge in teacher.badges %}
                                    <span class="badge text-bg-light border rounded-pill px-3 py-2 fw-semibold badge-soft">{{ badge }}</span>
                                {% endfor %}
                                {% if teacher.verified %}
                                    <span class="badge rounded-pill badge-verified px-3 py-2"><i class="bi bi-patch-check-fill me-1"></i>Profil vérifié</span>
                                {% endif %}
                            </div>

                            <h1 class="display-5 fw-bold mb-2">{{ teacher.first_name }} {{ teacher.last_name|first }}.</h1>
                            <p class="hero-headline fs-4 mb-3">{{ teacher.headline }}</p>

                            <div class="d-flex flex-wrap gap-3 meta-inline mb-4">
                                <span><i class="bi bi-geo-alt"></i>{{ teacher.city }}</span>
                            </div>

                            <p class="lead text-secondary-emphasis mb-4">{{ teacher.bio }}</p>

                            <div class="d-flex flex-wrap gap-2 mb-4">
                                {% for subject in teacher.teaches %}
                                    <span class="subject-pill">{{ subject }}</span>
                                {% endfor %}
                            </div>


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

            <div class="col-lg-4">
                <aside class="booking-card sticky-lg-top">
                    <div class="d-flex align-items-center justify-content-between mb-3">
                    {% if item.pricePerHour is defined and item.pricePerHour is not null %}
                        <div>
                            <div class="small text-secondary">Tarif indicatif</div>
                            <div class="price-hero">{{ item.pricePerHour ~ '€ / h' }}</div>
                        </div>
                    {% else %}
                        <div>
                            <div class="small text-secondary">Tarif</div>
                            <div class="price-hero">Sur demande</div>

                        </div>
                    {% endif %}

                    </div>
                            <div class="row g-3 stats-row">
                                {% if item.pricePerHour is defined and item.pricePerHour is not null %}
                                    <div class="col-6 col-md-4">
                                        <div class="stat-card h-100">
                                            <div class="stat-value">{{ teacher.price_from }}€</div>
                                            <div class="stat-label">à partir de</div>
                                        </div>
                                    </div>
                                {% endif %}

                                <div class="col-6 col-md-4">
                                    <div class="stat-card h-100">
                                        <div class="stat-value">{{ teacher.levels|length }}</div>
                                        <div class="stat-label">niveaux couverts</div>
                                    </div>
                                </div>
                                <div class="col-6 col-md-4">
                                    <div class="stat-card h-100">
                                        <div class="stat-value">{{ teacher.modes|length }}</div>
                                        <div class="stat-label">modes de cours</div>
                                    </div>
                                </div>
                            </div>

                    <div class="booking-trust mt-4 pt-4 border-top">
                        <div class="trust-item"><i class="bi bi-check2-circle"></i>Réponse rapide et calendrier clair</div>
                        <div class="trust-item"><i class="bi bi-check2-circle"></i>Discussion directe avec le professeur</div>
                    </div>
                </aside>
            </div>
        </div>
    </div>
</section>

<section class="py-4 py-lg-5" id="cours">
    <div class="container-xxl">
        <div class="row g-4 g-xl-5">
            <div class="col-lg-8">
                <div class="content-panel mb-4">
                    <div class="section-eyebrow">À propos</div>
                    <h2 class="section-title">{{ teacher.headline }}</h2>
         
                    <p class="mb-0 text-secondary">{{ teacher.long_bio|raw|nl2br }}</p>
                </div>

                <div class="content-panel mb-4">
                    <div class="section-eyebrow">Informations clés</div>
                    <h2 class="section-title">Matières, niveaux et modalités</h2>
                    <div class="row g-3 mt-1">
                        <div class="col-md-6">
                            <div class="info-box h-100">
                                <div class="info-label">Matières</div>
                                <div class="d-flex flex-wrap gap-2">
                                    {% for subject in teacher.teaches %}
                                        <span class="subject-pill subject-pill-muted">{{ subject }}</span>
                                    {% endfor %}
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="info-box h-100">
                                <div class="info-label">Niveaux</div>
                                <p class="mb-0">{{ teacher.levels|join(' · ') }}</p>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="info-box h-100">
                                <div class="info-label">Lieu du cours</div>
                                <p class="mb-0">{{ teacher.modes|join(' · ') }}</p>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="info-box h-100">
                                <div class="info-label">Zones desservies</div>
                                <p class="mb-0">{{ teacher.zones|join(' · ') }}</p>
                            </div>
                        </div>
                        <div class="col-12">
                            <div class="info-box">
                                <div class="info-label">Langues</div>
                                <p class="mb-0">{{ teacher.languages|join(' · ') }}</p>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="content-panel mb-4" id="tarifs">
                    <div class="section-eyebrow">Tarifs</div>
                    <h2 class="section-title">Tarifs par matière</h2>

                    <div class="row g-3 mt-1">
                        {% for item in teacher.pricing %}
                            <div class="col-12 col-md-6 col-xl-4">
                                <div class="pricing-card h-100 {% if loop.first %}pricing-card-featured{% endif %} d-flex flex-column">
                                    <div class="pricing-name">{{ item.label }}</div>
                                    <div class="pricing-price">{{ item.price }}</div>

                                    {% if item.note %}
                                        <p class="text-secondary mb-2">{{ item.note }}</p>
                                    {% endif %}

                                    {% if item.description %}

                                        <p class="small mb-3 line-clamp-7"><i class="bi bi-info-circle-fill"></i> {{ item.description }}</p>

                                        <div class="mt-auto">
                                            <button
                                                type="button"
                                                class="btn btn-sm btn-outline-primary btn-pill"
                                                data-bs-toggle="modal"
                                                data-bs-target="#pricingModal{{ loop.index }}"
                                            >
                                                Voir plus
                                            </button>
                                        </div>
                                    {% endif %}
                                </div>
                            </div>
                        {% endfor %}
                    </div>
                </div>

                {# Les modales sont en dehors de la grille #}
                {% for item in teacher.pricing %}
                    {% if item.description %}
                        <div class="modal fade" id="pricingModal{{ loop.index }}" tabindex="-1" aria-labelledby="pricingModalLabel{{ loop.index }}" aria-hidden="true">
                            <div class="modal-dialog modal-dialog-centered modal-lg">
                                <div class="modal-content rounded-4 shadow-sm">
                                    <div class="modal-header">
                                        <div>
                                            <div class="small text-secondary">Détail de la matière</div>
                                            <h3 class="modal-title h4 mb-0" id="pricingModalLabel{{ loop.index }}">{{ item.label }}</h3>
                                        </div>
                                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Fermer"></button>
                                    </div>

                                    <div class="modal-body">
                                        <div class="mb-3">
                                            <div class="fw-semibold mb-1">Tarif</div>
                                            <div class="fs-4">{{ item.price }}</div>
                                        </div>

                                        {% if item.note %}
                                            <div class="mb-3">
                                                <div class="fw-semibold mb-1">Informations</div>
                                                <p class="text-secondary mb-0">{{ item.note }}</p>
                                            </div>
                                        {% endif %}

                                        <div>
                                            <div class="fw-semibold mb-1">Description</div>
                                            <p class="mb-0">{{ item.description|nl2br|raw }}</p>
                                        </div>
                                    </div>

                                    <div class="modal-footer">
                                        <button type="button" class="btn btn-outline-secondary btn-pill" data-bs-dismiss="modal">
                                            Fermer
                                        </button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    {% endif %}
                {% endfor %}



{#
                <div class="content-panel mb-4">
                    <div class="section-eyebrow">Disponibilités</div>
                    <h2 class="section-title">Créneaux visibles rapidement</h2>
                    <div class="availability-grid">
                        {% for slot in teacher.availability %}
                            <div class="availability-card">
                                <div class="availability-day">{{ slot.day }}</div>
                                <div class="d-flex flex-wrap gap-2">
                                    {% for hour in slot.slots %}
                                        <span class="time-pill">{{ hour }}</span>
                                    {% endfor %}
                                </div>
                            </div>
                        {% endfor %}
                    </div>
                </div>
                 #}
{#
                <div class="content-panel mb-4" id="avis">
                    <div class="section-eyebrow">Avis</div>
                    <h2 class="section-title">Ce que disent les élèves et les parents</h2>
                    <div class="row g-3 mt-1">
                        {% for review in teacher.reviews %}
                            <div class="col-md-6 col-xl-4">
                                <article class="review-card h-100">
                                    <div class="d-flex justify-content-between align-items-center mb-3">
                                        <strong>{{ review.author }}</strong>
                                        <span class="review-stars">
                                            {% for i in 1..review.rating %}
                                                <i class="bi bi-star-fill"></i>
                                            {% endfor %}
                                        </span>
                                    </div>
                                    <p class="mb-0 text-secondary">“{{ review.text }}”</p>
                                </article>
                            </div>
                        {% endfor %}
                    </div>
                </div>

                <div class="content-panel" id="faq">
                    <div class="section-eyebrow">FAQ</div>
                    <h2 class="section-title">Questions fréquentes</h2>
                    <div class="accordion accordion-flush faq-accordion mt-3" id="faqAccordion">
                        {% for item in teacher.faq %}
                            <div class="accordion-item">
                                <h3 class="accordion-header">
                                    <button class="accordion-button {% if not loop.first %}collapsed{% endif %}" type="button" data-bs-toggle="collapse" data-bs-target="#faq{{ loop.index }}" aria-expanded="{{ loop.first ? 'true' : 'false' }}" aria-controls="faq{{ loop.index }}">
                                        {{ item.q }}
                                    </button>
                                </h3>
                                <div id="faq{{ loop.index }}" class="accordion-collapse collapse {% if loop.first %}show{% endif %}" data-bs-parent="#faqAccordion">
                                    <div class="accordion-body text-secondary">{{ item.a }}</div>
                                </div>
                            </div>
                        {% endfor %}
                    </div>
                </div>
                #}
            </div>
            
         
            <div class="col-lg-4">
                <div class="side-stack" id="reserver">
                <div class="content-panel mb-4" id="avis">
                    <div class="section-eyebrow">Envoyer une demande</div>
                    {{ form_start(form_message, {'attr': {'class': 'vstack gap-3', 'id': 'contact-form'}}) }}
                        {{ form_errors(form_message) }}
                        <div>
                            {{ form_label(form_message.email, 'Email', {'label_attr': {'class': 'form-label'}}) }}
                            {{ form_widget(form_message.email, {
                                'attr': {
                                    'class': 'form-control form-control-lg rounded-4',
                                    'placeholder': 'Votre email'
                                }
                            }) }}
                            {{ form_errors(form_message.email) }}
                        </div>
                        <div>
                            <label for="{{ form_message.mobile.vars.id }}" class="form-label">
                                Mobile (falcutatif)
                            </label>
                            {{ form_widget(form_message.mobile, {
                                'attr': {
                                    'id': 'inputError1',
                                    'class': 'form-control form-control-lg rounded-4',
                                    'placeholder': 'Votre numéro de mobile'
                                }
                            }) }}
                            {{ form_errors(form_message.mobile) }}
                        </div>

                        <div class="row">
                            <div class="col-6">
                            <label for="{{ form_message.category.vars.id }}" class="form-label">
                                Matière (falcutatif)
                            </label>
                                {{ form_widget(form_message.category, {
                                    'attr': {
                                        'class': 'form-select form-select-lg rounded-4 ui-select'
                                    }
                                }) }}
                                {{ form_errors(form_message.category) }}
                            </div>
                            <div class="col-6">
                                <label for="{{ form_message.level.vars.id }}" class="form-label">
                                    Niveau (falcutatif)
                                </label>
                                {{ form_widget(form_message.level, {
                                    'attr': {
                                        'class': 'form-select form-select-lg rounded-4 ui-select'
                                    }
                                }) }}
                                {{ form_errors(form_message.level) }}
                            </div>
                        </div>
                        
                        <div>
                            {{ form_label(form_message.message, 'Votre besoin', {'label_attr': {'class': 'form-label'}}) }}
                            {{ form_widget(form_message.message, {
                                'attr': {
                                    'rows': 4,
                                    'class': 'form-control rounded-4',
                                    'placeholder': 'Exemple : remise à niveau en maths pour une élève de seconde, 2 séances par semaine...'
                                }
                            }) }}
                            {{ form_errors(form_message.message) }}
                        </div>
                        <div>
                            {{ form_widget(form_message.recaptcha, {
                                'attr': {
                                    'options': {
                                        'theme': 'light',
                                        'type': 'image',
                                        'size': 'normal'
                                    }
                                }
                            }) }}
                            {{ form_errors(form_message.recaptcha) }}
                        </div>

                        <button id="contact-submit" class="btn btn-primary btn-lg btn-pill w-100" type="submit">
                            Envoyer une demande
                        </button>
{#
                        <button type="button" class="btn btn-outline-dark btn-lg btn-pill w-100">
                            Réserver un appel découverte
                        </button>
#}
                    {{ form_end(form_message) }}
                </div>


                </div>
            </div>


        <div class="row">
            <div class="col-6">
                <div class="content-panel mb-4">
                    <div class="section-eyebrow">Cours particuliers à domicile 
                        ({% if location  and location.city != NULL %}{{ location.zipcode }}{% else %}75{% endif %})</div>
                    <p class="mb-0 text-secondary">
                      {% for itemCategory in profile.categories  %}

                      {% set preposition = itemCategory.category.name|first|lower in ['a', 'e', 'i', 'o', 'u'] ? "d'" : ' de ' %}

                        {% if location %}
                          {% if itemCategory.category.type and itemCategory.category.type == 'formations' %}
                            <div class="text-muted m-b-10" ><a href="{{ app.request.getSchemeAndHttpHost() ~ path('app_formations_show', {'slug': itemCategory.category.slug, 'location': location.slug }) }}">Formation {{ preposition ~ itemCategory.category.name }} à  {{ location.city ?? location.name }}</a></div>
                          {% else %}
                            <div class="text-muted m-b-10" ><a href="{{ app.request.getSchemeAndHttpHost() ~ path('app_category_show', {'slug': itemCategory.category.slug, 'location': location.slug }) }}">Cours {{ preposition ~ itemCategory.category.name }} à  {{ location.city ?? location.name }}</a></div>                       
                          {% endif %}
                        {% else %}
                          {% if itemCategory.category.type and itemCategory.category.type == 'formations' %}
                            <div class="text-muted m-b-10" ><a href="{{ app.request.getSchemeAndHttpHost() ~ path('app_formations_show', {'slug': itemCategory.category.slug, 'location': 'paris'}) }}">Formation {{ preposition ~ itemCategory.category.name }} à Paris</a></div>
                          {% else %}
                            <div class="text-muted m-b-10" ><a href="{{ app.request.getSchemeAndHttpHost() ~ path('app_category_show', {'slug': itemCategory.category.slug, 'location': 'paris' }) }}">>Cours {{ preposition ~ itemCategory.category.name }} à Paris</a></div>                       
                          {% endif %}

                        {% endif %}

                      {% endfor %}
                    </p>
                </div>
            </div>
            <div class="col-6">
                <div class="content-panel mb-4">
                    <div class="section-eyebrow">Cours particuliers en ligne</div>
                    <p class="mb-0 text-secondary">
                        {% for itemCategory in profile.categories  %}

                        {% set preposition = itemCategory.category.name|first|lower in ['a', 'e', 'i', 'o', 'u'] ? "d'" : ' de ' %}

                          {% if itemCategory.category.type and itemCategory.category.type == 'formations' %}
                            <div class="text-muted m-b-10" ><a href="{{ app.request.getSchemeAndHttpHost() ~ path('app_formations_show', {'slug': itemCategory.category.slug, 'location': 'en-ligne' }) }}">Formation {{ preposition ~ itemCategory.category.name }} en ligne</a></div>
                          {% else %}
                            <div class="text-muted m-b-10" ><a href="{{ app.request.getSchemeAndHttpHost() ~ path('app_category_show', {'slug': itemCategory.category.slug, 'location': 'en-ligne' }) }}">Cours {{ preposition ~ itemCategory.category.name }} en ligne</a></div>                       
                          {% endif %}
                      {% endfor %}
                    </p>
                </div>
            </div> 
        </div>

{% if profile.categories.count > 0 %}
        {% set category = profile.categories.first.category %}
        {% set subjectPrefix = category.slug == 'coach-sportif' ? '' : (category.name|first|lower in ['a','e','i','o','u','h'] ? "d'" : 'de ') %}
        {% set subjectName = category.name %}

        {% if premia is defined and premia|length > 0 %}
        <div class="row">
            <div class="col-12">
                <div class="content-panel">
                    <div class="section-eyebrow">D’autres professeurs pourraient vous intéresser</div>
                    <p class="mb-0 text-secondary">

                        {% for key, item in premia %}
                            {% if item.profile.user.id != 1 or (app.user and app.user.roles[0] == 'ROLE_SUPER_ADMIN') %}
                                {% set profile = item.profile %}
                                {% set user = profile.user %}
                                {% set avatar = profile.avatar %}
                                {% set isAndroid = user.device == 'ANDROID' %}
                                {% set displayName = (profile.firstname and profile.lastname and not isAndroid)
                                    ? profile.firstname ~ ' ' ~ profile.lastname|first ~ '.'
                                    : profile.lastname ~ ' ' ~ profile.firstname|first ~ '.'
                                %}
                                {% set profileUrl = path('app_profile_user_show', {
                                    id: profile.id,
                                    slug: 'professeur-' ~ profile.department ~ '-' ~ profile.firstname|myslugify ~ '-' ~ profile.lastname|first|myslugify
                                }) %}
                                {% set adUrl = path('app_profileCategory_show', {
                                    profile: profile.id,
                                    slug: 'professeur-' ~ profile.department ~ '-' ~ profile.firstname|myslugify ~ '-' ~ profile.lastname|first|myslugify,
                                    skill: category.slug,
                                    id: item.id
                                }) %}

                                {% include 'App::Category/_teacher_card.html.twig' with {
                                    is_premium: true,
                                    item: item,
                                    category: category,
                                    subjectPrefix: subjectPrefix,
                                    subjectName: subjectName,
                                    location: location,
                                    card_variant: 'show'
                                } only %}
                            {% endif %}
                        {% endfor %}
                     </p>
                </div>
            </div> 
        </div>
        {% endif %}
{% endif %}

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

<div class="mobile-cta-bar d-lg-none">
    <div>
        <div class="mobile-cta-price">{{ teacher.price_from }}€<span>/h</span></div>
        <div class="mobile-cta-meta">{{ teacher.response_time }}</div>
    </div>
    <a href="#reserver" class="btn btn-primary btn-pill">Contacter</a>
</div>
{% endblock %}