{% extends "templates/layout.twig" %}

{% block pageHead %}
    <title>{{data.brand|raw}} {{data.model|raw}} - Prezzi</title>
    <link rel="preload" as="image" href="{{data.image}}" fetchpriority="high" type="image/webp">

    {% if type == 'single_smartwatch' %}
    <meta name="description" content="Scheda tecnica completa dello smartwatch {{data.brand|raw}} {{data.model|raw}}: specifiche tecniche, compatibilit&agrave;, funzioni e prezzo attuale.">
    {% endif %}

    {% if type == 'single_tablet' %}
    <meta name="description" content="Scopri la scheda tecnica completa del tablet {{data.brand|raw}} {{data.model|raw}}: caratteristiche, schermo, prestazioni e prezzo aggiornato.">
    {% endif %}

    {% if type == 'single_laptop' %}
    <meta name="description" content="Scopri la scheda tecnica completa del laptop {{data.brand|raw}} {{data.model|raw}}: caratteristiche, schermo e prestazioni.">
    {% endif %}
    

    <meta name="author" content="HDblog.it{% if author.first_name is not empty %} - {{author.first_name}} {{author.last_name}} {% endif %}">
    
{% endblock %}

{% block page %}


    {% block data %}
    {% endblock %}

    <div class="articles-container" x-data="{ showBestpriceOffersModal: false }">
        <article id="{{type}}-{{data.id}}" class="lg:px-0">

            {% if mobile %}

            <div class="post-content-single relative flex-wrap">
                {% include "templates/components/common/breadcrumbs.twig" %}
                {% include "templates/components/prodotti/product-hero-mobile.twig" %}
                <section class="article_content">

                    {% include "templates/components/prodotti/mobile-topmenu.twig" %}
                
                    {# rimosso su richiesta Roli#}
                    {# <div class="post_content my-6">
                        {{description|raw}}
                    </div> #}

                    <div class="partners_disclaimer">Gli acquisti da link affiliati generano commissioni per HDB. I prezzi possono variare post pubblicazione.</div>
                    {% include "templates/components/prodotti/offers-table-mobile.twig" %}


                </section>
            </div>

            {% else %}

            {% include "templates/components/common/widget.twig" %}

            <div class="post-content-single relative flex-wrap">
                {% include "templates/components/common/breadcrumbs.twig" %}
                <div class="grid grid-cols-1 lg:gap-4 lg:grid-cols-[180px_auto]">
                    {% include "templates/components/prodotti/sidebar-left.twig" %}
                    <div>
                        <section class="article_head">
                            <h1 class="text-2xl/8 lg:text-5xl m-0 max-w-xl">
                                <span>{{data.brand|raw}} </span>
                                <span class="font-light">{{data.model|raw}}</span>
                            </h1>

                            <div class="text-sm text-slate-500 mt-2 mb-6">Specifiche e Caratteristiche Tecniche</div>
                            <div class="grid lg:grid-cols-[auto_300px] gap-4">
                                {% include "templates/components/prodotti/highlights.twig" %}
                                {% include "templates/components/prodotti/price-badge-hero.twig" %}
                            </div>
                            <section class="post_content my-6">
                                {# rimosso su richiesta Roli#}
                                {# {{description|raw}} #}
                                {% include "templates/components/prodotti/offers-tab.twig" %}
                            </section>
                        </section>
 
    
                    </div>
                </div>



                <div class="h-2"></div>

                {% include "templates/components/single/related-bottom.twig" %}
                {% include 'templates/components/prodotti/bestprice-offers-modal.twig' %}



            </div>
            {% endif %} 
            
        </article>

    </div>


{% endblock %}