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


{% block pageHead %}

<title>Schede Tecniche Smartwatch, Confronti e Caratteristiche</title>

<meta name="description" content="Scopri le caratteristiche di tutti i modelli smartwatch, smartband e fitness tracker sul mercato. Compatibilit&agrave; e schede tecniche dei modelli e prezzi aggiornati.">

{% endblock %}

{% block page %}

{% block data %}
<span data-container='{
        "type" : "{{type}}",
        "infinite" : "false",
        "title": "{{post.title|escape('js') }}",
        "container" : ".articles-container",
        "content"   : "article",
        "capacityrange": [{{productFilters.cc.ccMin}}, {{productFilters.cc.ccMax}}],
        "powerrange": [{{productFilters.cv.cvMin}}, {{productFilters.cv.cvMax}}],
        "activeFilters" : { {% for key , f in activeFilters %} "{{ key }}" : ["{{ f }}"] {% if not loop.last %},{% endif %}{% endfor %} },
        "appendToRequest" : "?is_ajax_request",
        "contents" : [
            {% for related in relateds %}
                {"title":"{{related.title|escape('js')}}", "url":"{{related.link}}"}{% if not loop.last %},{% endif %}
            {% endfor %}
        ],
        "taxonomies" : {
            {% for taxonomy, data in taxonomies %}
                "{{ taxonomy }}" : [
                    {% for term in data.terms %}
                        "{{ term.label|escape('js') }}"
                        {% if not loop.last %},{% endif %}
                    {% endfor %}
                ]
                {% if not loop.last %},{% endif %}
            {% endfor %}
        }
}'></span>
{% endblock %} 

<div class="relative" x-data="productCompare()">

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

    <h1 class="text-3xl/8 lg:text-4xl font-normal mb-4 mt-6">Schede tecniche <span class="font-light">Smartwatch</span></h1>
    <p class="text-slate-600 text-lg mb-4">
        <strong>Schede tecniche</strong> di tutti i modelli di <strong>smartwatch</strong>, informazioni su caratteristiche e funzioni, confronti sulle funzionalit&agrave;. <strong>Filtra i prodotti in base alle principali caratteristiche</strong> come: connettivit&agrave;, monitoraggio della frequenza cardiaca, autonomia della batteria o compatibilit&agrave; con sistemi operativi specifici.
    </p>



 {#    <div class="mb-6">
        <span class="block text-xs font-bold text-slate-500  uppercase mb-4">Ricerche frequenti:</span>
        {% include "templates/components/prodotti/finder/topsearch.twig" %}
    
    </div> #}

{#     <div class="mb-4 relative">
        <div class="absolute text-slate-300 w-4 h-4 left-4 top-[28px]">
            <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="size-4" viewBox="0 0 512 512"><path d="M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z"></path></svg>
        </div>
        <input 
            type="text" 
            x-model="searchTerm" 
            @input="updateSearch" 
            placeholder="Cerca un device" 
            class="product_search p-3 w-full h-14 appearance-none focus:outline-none border rounded-lg my-2 text-center text-sm"
        />
    </div>
 #}

    <div class="grid lg:grid-cols-[280px_auto] grid-cols-1 gap-4">

        <div>
        {% if mobile %}
            {% include 'templates/components/prodotti/finder/sidebar-mobile.twig' %}
        {% else %}
            {% include 'templates/components/prodotti/finder/sidebar.twig' %}
        {% endif %}
        </div>

        <div>
            {% include "templates/components/prodotti/finder/list-static.twig" %}
            {% include "templates/components/prodotti/finder/pagination.twig" %}
        </div>

    </div>

    {% include "templates/components/versus/partials/versus-drawer.twig" %}
    {% include "templates/components/versus/partials/modal-alert.twig" %}
    {% include "templates/components/versus/partials/versus-script.twig" %}

</div>




{% block pageFooter %}

<style>
    .pt-usW .pt-eVH {
        display: none;  
    }
</style>

{% endblock %}



{% endblock %}


