{% set full = full is defined and full %}

<div class="col-12">
    <div class="body prose-lg">
        {% if post.isQuick %}
            {{ include('page/post/_quick_post.html.twig') }}
        {% else %}
            {% if not full %}
                <div class="_rounded-2xl _shadow-md _p-5 _pb-0 _bg-box">
                    <h2 class="h3 no-margin">
                        <a href="{{ safe_path('blog_menu_post', {post: post.id, slug: post.slug, _domain: _domain}) }}">
                            {{- post.title -}}
                        </a>
                    </h2>

                    <ul class="pl-0">
                        <li class="mt-0 pl-0 inline-block">
                            <time datetime="{{ post.publishedAt|date("Y-m-d") }}" title="{{ post.publishedAt|date("r") }}">
                                {{- 'Le ' ~ post.publishedAt|format_datetime('full', 'short', locale='fr') -}}
                            </time>
                        </li>
                        {% for category in post.categories %}
                            <li class="mt-0 inline-block">
                                <a href="{{ safe_path('blog_menu_category', {category: category.id, slug: category.slug, _domain: _domain}) }}">
                                    {{- category.title -}}
                                </a>
                            </li>
                        {% endfor %}

                        {% for tag in post.tags %}
                            <li class="mt-0 inline-block">
                                <a href="{{ safe_path('blog_menu_search', {tag: tag.label, _domain: _domain}) }}">
                                    {{- '#' ~ tag.label -}}
                                </a>
                            </li>
                        {% endfor %}
                    </ul>
                </div>
            {% endif %}

            <div class="body-content">
                {%- if post.recommandedPost -%}
                    <div class="deprecated">
                        <svg stroke-width="2" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" color="#ffffff"><path d="M20.043 21H3.957c-1.538 0-2.5-1.664-1.734-2.997l8.043-13.988c.77-1.337 2.699-1.337 3.468 0l8.043 13.988C22.543 19.336 21.58 21 20.043 21zM12 9v4" stroke="#ffffff" stroke-width="2" stroke-linecap="round"></path><path d="M12 17.01l.01-.011" stroke="#ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg>
                        <strong>Cet article est déprécié</strong><br>
                        Article recommandé : <a href="{{ safe_path('blog_menu_post', {
                            post: post.recommandedPost.id,
                            slug: post.recommandedPost.slug,
                            _domain: _domain})
                        }}"><strong>{{ post.recommandedPost.title }}</strong></a>
                    </div>
                {%- endif -%}

                {% if post.contentFormat == 'html' %}
                    {{- post.content|murph_url|file_attributes|post -}}
                {% elseif post.contentFormat == 'markdown' %}
                    {{- post.content|murph_url|file_attributes|markdown('post')|lazy_load -}}
                {% elseif post.contentFormat == 'editorjs' %}
                    {{- post.content|murph_url|file_attributes|editorjs_to_html|raw -}}
                {% endif %}
            </div>
        {% endif %}
    </div>
</div>

{% if full %}
    {% set description = setting('post_author_description') %}

    {%- if description and not post.isQuick -%}
        <div class="body post-author-wrapper">
            <div class="rounded-2xl shadow-md p-2 md:p-8 bg-box">
                {%- set avatar = setting('avatar_image') -%}

                {%- if avatar -%}
                    <div class="post-author-avatar">
                        <img src="{{ asset(avatar)|imagine_filter('site_avatar') }}" alt="Simon Vieille" title="Simon Vieille" class="rounded-full">
                    </div>
                {%- endif -%}

                <div class="post-author">
                    {{- description|markdown('post') -}}
                </div>
            </div>
        </div>
    {%- endif -%}

    {%- if similarPosts is defined and similarPosts|length > 0 -%}
        <div class="body">
            <div class="grid grid-flow-row-dens grid-cols-3 gap-5">
                {% for item in similarPosts %}
                    <div class="card shadow-md col-span-3 md:col-span-1 bg-box">
                        {{ include('page/post/_post_card.html.twig', {post: item, summarySize: 100}) }}
                    </div>
                {% endfor %}
            </div>
        </div>
    {%- endif -%}

    <div class="col-12">
        <div class="reviews">
            <hr>

            {% set comments = post.comments({
                isActive: true,
                isFirstLevel: true
            }) %}

            {% if comments|length %}
                {% for comment in comments %}
                    {{ include('page/post/_comment.html.twig', {comment: comment, level: 1}) }}
                {% endfor %}
            {% endif %}

            {% form_theme form with "form_div_layout.html.twig" %}

            <div class="rounded-2xl shadow-md p-8 mb-8 bg-box form" id="grid">
                <form class="form" method="POST" data-form-bot action="{{ safe_url('blog_tech_form_without_javascript', {page: app.request.uri, _domain: _domain}) }}">
                    <div class="h4">Ajouter un commentaire</div>

                    <div class="grid grid-flow-row-dens grid-cols-2 gap-5">
                        <div class="col-span-2 md:col-span-1">
                            {{ form_label(form.author, null, {label_attr: {class: 'label'}}) }}
                            {{ form_widget(form.author, {attr: {class: 'input input-bordered w-full'}}) }}
                            {{ form_errors(form.author) }}
                        </div>
                        <div class="col-span-2 md:col-span-1">
                            {{ form_label(form.website, null, {label_attr: {class: 'label'}}) }}
                            {{ form_widget(form.website, {attr: {class: 'input input-bordered w-full'}}) }}
                            {{ form_errors(form.website) }}
                        </div>
                        <div class="col-span-2">
                            {{ form_label(form.email, null, {label_attr: {class: 'label'}}) }}
                            {{ form_widget(form.email, {attr: {class: 'input input-bordered w-full'}}) }}
                            {{ form_errors(form.email) }}
                        </div>
                        <div class="col-span-2">
                            <div class="label justify-start gap-3">
                                {{ form_widget(form.follow, {attr: {class: 'checkbox'}}) }}
                                <label class="label" for="user_comment_follow">{{ form.follow.vars.label }}</label>
                            </div>
                        </div>
                        <div class="col-span-2">
                            <p class="label">
                                {{- 'Votre commentaire - Vous pouvez utiliser du markdown ' }}
                            </p>

                            {{ form_errors(form.content) }}
                            {{ form_widget(form.content, {attr: {cols: 30, rows: 10, class: 'textarea textarea-bordered w-full'}}) }}

                            <div class="hidden alert alert-info mt-5" id="answer-alert">
                                <div class="w-full flex justify-between">
                                    <div>
                                        {{- 'Vous répondez à un commentaire' -}}
                                    </div>
                                    <div>
                                        <a href="#" class="btn btn-sm" id="cancel-answer">
                                            {{- 'Annuler' -}}
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-span-2">
                            <div class="md:flex justify-start gap-3">
                                {{ form_label(form.captcha, null, {label_attr: {class: 'label'}}) }}
                                {{ form_widget(form.captcha, {attr: {class: 'input input-bordered'}}) }}
                            </div>
                        </div>
                        <div class="col-span-2">
                            <label class="label justify-start gap-3" for="rgpd">
                                <input type="checkbox" id="rgpd" class="checkbox" required>
                                <span class="label">En validant ce formulaire, vous acceptez que j'utilise votre e-mail pour vous fournir une réponse.</span>
                            </label>
                        </div>

                        <div class="col-span-2">
                            <input type="submit" class="btn btn-primary mr-2" value="Publier" />
                            <input type="button" class="btn preview-button" value="Prévisualiser" />
                        </div>

                        {{ form_rest(form) }}
                    </div>
                </form>

                <div id="preview" class="review-body mt-5 mb-5"></div>
            </div>
        </div>
    </div>

    {% if not post.isQuick %}
        {%
            set ld = {
                '@context': 'http://schema.org/',
                '@type': 'BlogPosting',
                'headline': post.title,
                'author': {
                    '@type': 'Person',
                    'name': 'Simon Vieille'
                },
                'publisher': {
                    '@type': 'Organization',
                    'name': 'Deblan blog',
                    'logo': {
                        '@type': 'imageObject',
                        'url': asset('build/images/logo.png')
                    }
                },
                'datePublished': post.publishedAt|date("c"),
                'dateModified': post.updatedAt|date("c"),
                'image': post.image ? asset(post.image) : null
            }
        %}

        <script type="application/ld+json">{{- ld|json_encode(128)|replace({'\\/': '/'})|raw -}}</script>
    {% endif %}
{% endif %}