{% extends 'partial/home/base.html.twig' %}

{% block title %}{{ blogArticle.title }} | Blog Cybersécurité | Perfitcom{% endblock %}

{% block meta_description %}
    {{ blogArticle.shortDescription|striptags|slice(0, 160) }}
{% endblock %}

{% block og_title %}
    {{ blogArticle.title }}
{% endblock %}

{% block og_description %}
    {{ blogArticle.shortDescription|striptags|slice(0, 160) }}
{% endblock %}

{% block og_image %}
    {% if blogArticle.imagePath %}
        {{ vich_uploader_asset(blogArticle, 'imageFile') }}
    {% else %}
        {{ asset('assets/img/og-image.webp') }}
    {% endif %}
{% endblock %}

{% block twitter_title %}
    {{ blogArticle.title }}
{% endblock %}

{% block twitter_description %}
    {{ blogArticle.shortDescription|striptags|slice(0, 160) }}
{% endblock %}

{% block twitter_image %}
    {% if blogArticle.imagePath %}
        {{ vich_uploader_asset(blogArticle, 'imageFile') }}
    {% else %}
        {{ asset('assets/img/og-image.webp') }}
    {% endif %}
{% endblock %}




{% block stylesheets %}
    <style>
        .article-content img {
            max-width: 100%;
            height: auto;
        }

        .article-content {
            overflow-x: auto;
            word-wrap: break-word;
        }
    </style>
{% endblock %}

{% block navbar %}
    {% include 'partial/home/navbar.html.twig' %}
{% endblock %}

{% block body %}
    <script type="application/ld+json">
        {
        "@context": "https://schema.org",
        "@type": "BlogPosting",
        "headline": "{{ blogArticle.title|e('html_attr') }}",
        "description": "{{ blogArticle.shortDescription|striptags|slice(0, 160)|e('html_attr') }}",
        "image": "{{ vich_uploader_asset(blogArticle, 'imageFile') }}",
        "author": {
            "@type": "Organization",
            "name": "Perfitcom"
        },
        "publisher": {
            "@type": "Organization",
            "name": "Perfitcom",
            "logo": {
            "@type": "ImageObject",
            "url": "{{ asset('assets/img/logo.png') }}"
            }
        },
        "datePublished": "{{ blogArticle.publishedAt|date('Y-m-d') }}",
        "mainEntityOfPage": {
            "@type": "WebPage",
            "@id": "{{ app.request.uri }}"
        }
        }
    </script>
    {% include 'home/category/blogArticle/show/show.html.twig' %}
{% endblock %}

{% block footer %}
    {% include 'partial/home/footer.html.twig' %}
{% endblock %}

{% block javascripts %}
    <!-- JavaScript Libraries -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.bundle.min.js"></script>
    <script src={{asset("assets/lib/wow/wow.min.js")}}></script>
    <script src={{asset("assets/lib/easing/easing.min.js")}}></script>
    <script src={{asset("assets/lib/waypoints/waypoints.min.js")}}></script>
    <script src={{asset("assets/lib/counterup/counterup.min.js")}}></script>
    <script src={{asset("assets/lib/owlcarousel/owl.carousel.min.js")}}></script>

    <!-- Template Javascript -->
    <script src={{asset("assets/js/main.js")}}></script>
{% endblock %}