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

{% block pageHead %}
    <title>{{data.brand|raw}} {{data.model|raw}} - Scheda Tecnica e Caratteristiche</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 %}

    {% if type == 'single_robot_lavapavimenti' %}
    <meta name="description" content="Scopri la scheda tecnica completa del robot lavapavimenti {{data.brand|raw}} {{data.model|raw}}: caratteristiche, aspirazione, navigazione e prezzo aggiornato.">
    {% 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" %}
                {% include "templates/components/prodotti/product-content-mobile.twig" %}
            </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-6 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">
                                {{description|raw}}
                            </section>
                            {% include "templates/components/prodotti/ebay_custom_button.twig" %}
                        </section>
                        <div class="grid lg:gap-4 lg:grid-cols-1">
                            {% include "templates/components/prodotti/product-content.twig" %}
              {#               {% include 'templates/components/prodotti/sidebar.twig' %} #}
                        </div>
    
                    </div>
                </div>


                {% include "templates/components/prodotti/offers.twig" with {section_title: true} %}


                <div class="h-2"></div>
                {% include "templates/components/single/related-bottom.twig" %}

                {% include 'templates/components/prodotti/bestprice-offers-modal.twig' %}



            </div>
            {% endif %} 
            
        </article>
        {% if affiliation_offers.offers is not empty or affiliation_offers.best_amazon_offer is not empty or affiliation_offers.best_ebay_offer is not empty  %}
        {% include "templates/components/prodotti/price-alert-modal.twig" %}    
        {% endif %}
    </div>


{% endblock %}