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

{% block title %}{{ cyberNew.title }} | Actualités Cybersécurité | Perfitcom{% endblock %}

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

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

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

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

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

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

{% block twitter_image %}
    {% if cyberNew.imagePath %}
        {{ vich_uploader_asset(cyberNew, '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": "NewsArticle",
        "headline": "{{ cyberNew.title|e('html_attr') }}",
        "image": [
            "{{ cyberNew.imagePath ? vich_uploader_asset(cyberNew, 'imageFile') : asset('assets/img/og-image.webp') }}"
        ],
        "datePublished": "{{ cyberNew.publishedAt|date('Y-m-d') }}",
        "dateModified": "{{ cyberNew.updatedAt ? cyberNew.updatedAt|date('Y-m-d') : cyberNew.publishedAt|date('Y-m-d') }}",
        "author": {
            "@type": "Organization",
            "name": "Perfitcom"
        },
        "publisher": {
            "@type": "Organization",
            "name": "Perfitcom",
            "logo": {
            "@type": "ImageObject",
            "url": "{{ asset('assets/img/logo.png') }}"
            }
        },
        "description": "{{ cyberNew.shortDescription|striptags|slice(0, 160)|e('html_attr') }}",
        "mainEntityOfPage": {
            "@type": "WebPage",
            "@id": "{{ app.request.uri }}"
        }
        }
    </script>

    {% include 'home/cyberNew/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 %}