<?php
/**
 * Widget Elementor: Ricerca Annunci
 *
 * Form di ricerca per annunci funebri con filtri avanzati
 *
 * @package AnnunciFunebri
 * @since 4.8.0
 */

if (!defined('ABSPATH')) exit;

class ANNFU_Widget_Ricerca extends ANNFU_Widget_Base {

    public function get_name() {
        return 'annfu_ricerca';
    }

    public function get_title() {
        return __('Ricerca Annunci', 'annuncifunebri-onoranza');
    }

    public function get_icon() {
        return 'eicon-search';
    }

    public function get_script_depends() {
        // Registra Alpine se non già registrato
        if (!wp_script_is('af-alpinejs', 'registered')) {
            wp_register_script(
                'af-alpinejs',
                ANNFU_PLUGIN_URL . 'js/alpine.min.js',
                [],
                '3.14.1',
                true
            );
        }

        // Registra lo script ricerca se non già registrato
        if (!wp_script_is('annfu-ricerca', 'registered')) {
            wp_register_script(
                'annfu-ricerca',
                ANNFU_PLUGIN_URL . 'js/annuncifunebri-ricerca.js',
                ['af-alpinejs'],
                defined('ANNFU_VERSION') ? ANNFU_VERSION : '1.0.0',
                true
            );
        }
        return ['annfu-ricerca'];
    }

    protected function ha_dati_widget() {
        return true;
    }

    protected function register_controls() {
        // === TAB CONTENT ===
        $this->start_controls_section(
            'sezione_contenuto',
            [
                'label' => __('Contenuto', 'annuncifunebri-onoranza'),
                'tab' => \Elementor\Controls_Manager::TAB_CONTENT,
            ]
        );

        $this->add_control(
            'titolo',
            [
                'label' => __('Titolo', 'annuncifunebri-onoranza'),
                'type' => \Elementor\Controls_Manager::TEXT,
                'default' => 'Cerca un annuncio',
                'placeholder' => 'Cerca un annuncio',
            ]
        );

        $this->add_control(
            'tipo_ricerca',
            [
                'label' => __('Tipo Ricerca', 'annuncifunebri-onoranza'),
                'type' => \Elementor\Controls_Manager::SELECT,
                'default' => 'entrambe',
                'options' => [
                    'semplice' => __('Solo Ricerca Semplice', 'annuncifunebri-onoranza'),
                    'avanzata' => __('Solo Ricerca Avanzata', 'annuncifunebri-onoranza'),
                    'entrambe' => __('Entrambe (con toggle)', 'annuncifunebri-onoranza'),
                ],
            ]
        );

        $this->add_control(
            'testo_descrizione_semplice',
            [
                'label' => __('Descrizione Ricerca Semplice', 'annuncifunebri-onoranza'),
                'type' => \Elementor\Controls_Manager::TEXTAREA,
                'default' => 'Inserisci il nome, cognome o il paese di residenza per ricercare il tuo caro',
                'condition' => [
                    'tipo_ricerca' => ['semplice', 'entrambe'],
                ],
            ]
        );

        $this->add_control(
            'testo_descrizione_avanzata',
            [
                'label' => __('Descrizione Ricerca Avanzata', 'annuncifunebri-onoranza'),
                'type' => \Elementor\Controls_Manager::TEXTAREA,
                'default' => '',
                'condition' => [
                    'tipo_ricerca' => ['avanzata', 'entrambe'],
                ],
            ]
        );

        $this->add_control(
            'placeholder_semplice',
            [
                'label' => __('Placeholder Ricerca Semplice', 'annuncifunebri-onoranza'),
                'type' => \Elementor\Controls_Manager::TEXT,
                'default' => 'Cerca ...',
                'condition' => [
                    'tipo_ricerca' => ['semplice', 'entrambe'],
                ],
            ]
        );

        $this->add_control(
            'risultati_per_pagina',
            [
                'label' => __('Risultati per Pagina', 'annuncifunebri-onoranza'),
                'type' => \Elementor\Controls_Manager::NUMBER,
                'default' => get_option('annfu_max_per_page', 10),
                'min' => 1,
                'max' => 50,
            ]
        );

        $this->add_control(
            'immagine_placeholder',
            [
                'label' => __('Immagine Placeholder', 'annuncifunebri-onoranza'),
                'type' => \Elementor\Controls_Manager::MEDIA,
                'default' => [
                    'url' => ANNFU_PLUGIN_URL . 'img/anonimo.jpg',
                ],
                'description' => __('Immagine da mostrare quando la foto del defunto non è disponibile', 'annuncifunebri-onoranza'),
            ]
        );

        $this->add_control(
            'numero_pagine_paginazione',
            [
                'label' => __('Numero Pagine Paginazione', 'annuncifunebri-onoranza'),
                'type' => \Elementor\Controls_Manager::NUMBER,
                'default' => get_option('annfu_pages', 3),
                'min' => 1,
                'max' => 10,
                'description' => __('Numero di pagine da mostrare prima e dopo la pagina corrente', 'annuncifunebri-onoranza'),
            ]
        );

        $this->add_control(
            'visualizza_crediti',
            [
                'label' => __('Visualizza Crediti', 'annuncifunebri-onoranza'),
                'type' => \Elementor\Controls_Manager::SWITCHER,
                'label_on' => __('Sì', 'annuncifunebri-onoranza'),
                'label_off' => __('No', 'annuncifunebri-onoranza'),
                'return_value' => 'si',
                'default' => get_option('annfu_poweredby') == 1 ? 'si' : '',
                'description' => __('Mostra i crediti "generato da annuncifunebri"', 'annuncifunebri-onoranza'),
            ]
        );

        $this->end_controls_section();

        // === ANIMAZIONI FOTO ===
        $this->start_controls_section(
            'sezione_animazioni',
            [
                'label' => __('Animazioni Foto', 'annuncifunebri-onoranza'),
                'tab' => \Elementor\Controls_Manager::TAB_CONTENT,
            ]
        );

        $this->add_control(
            'tipo_animazione',
            [
                'label' => __('Tipo Animazione', 'annuncifunebri-onoranza'),
                'type' => \Elementor\Controls_Manager::SELECT,
                'options' => [
                    'none' => __('Nessuna', 'annuncifunebri-onoranza'),
                    'breathing' => __('Respirazione Delicata', 'annuncifunebri-onoranza'),
                    'soft-glow' => __('Bagliore Soffuso', 'annuncifunebri-onoranza'),
                    'gentle-fade' => __('Dissolvenza Leggera', 'annuncifunebri-onoranza'),
                    'slow-zoom' => __('Zoom Lento', 'annuncifunebri-onoranza'),
                    'vignette' => __('Vignetta Delicata', 'annuncifunebri-onoranza'),
                ],
                'default' => 'none',
                'description' => __('Animazioni sobrie e rispettose adatte a foto commemorative', 'annuncifunebri-onoranza'),
            ]
        );

        $this->add_control(
            'attivazione_animazione',
            [
                'label' => __('Attivazione', 'annuncifunebri-onoranza'),
                'type' => \Elementor\Controls_Manager::SELECT,
                'options' => [
                    'continua' => __('Continua', 'annuncifunebri-onoranza'),
                    'hover' => __('Al passaggio del mouse', 'annuncifunebri-onoranza'),
                ],
                'default' => 'continua',
                'condition' => [
                    'tipo_animazione!' => 'none',
                ],
            ]
        );

        $this->add_control(
            'velocita_animazione',
            [
                'label' => __('Velocità Animazione', 'annuncifunebri-onoranza'),
                'type' => \Elementor\Controls_Manager::SLIDER,
                'range' => [
                    'px' => ['min' => 1, 'max' => 10, 'step' => 1],
                ],
                'default' => ['size' => 5],
                'description' => __('1 = molto lenta, 10 = più veloce (sempre pacata)', 'annuncifunebri-onoranza'),
                'condition' => [
                    'tipo_animazione!' => 'none',
                ],
            ]
        );

        $this->end_controls_section();

        // === VISUALIZZAZIONE ===
        $this->start_controls_section(
            'sezione_visualizzazione',
            [
                'label' => __('Visualizzazione', 'annuncifunebri-onoranza'),
                'tab' => \Elementor\Controls_Manager::TAB_CONTENT,
            ]
        );

        $this->add_control(
            'tipo_visualizzazione',
            [
                'label' => __('Tipo Visualizzazione', 'annuncifunebri-onoranza'),
                'type' => \Elementor\Controls_Manager::SELECT,
                'options' => [
                    'griglia' => __('Griglia (Card Verticali)', 'annuncifunebri-onoranza'),
                    'card_orizzontale_sx' => __('Card Orizzontale - Foto Sinistra', 'annuncifunebri-onoranza'),
                    'card_orizzontale_dx' => __('Card Orizzontale - Foto Destra', 'annuncifunebri-onoranza'),
                    'lista' => __('Lista Compatta', 'annuncifunebri-onoranza'),
                ],
                'default' => 'griglia',
            ]
        );

        $this->add_control(
            'nome_dentro_foto',
            [
                'label' => __('Nome dentro Foto', 'annuncifunebri-onoranza'),
                'type' => \Elementor\Controls_Manager::SWITCHER,
                'label_on' => __('Sì', 'annuncifunebri-onoranza'),
                'label_off' => __('No', 'annuncifunebri-onoranza'),
                'return_value' => 'si',
                'default' => '',
                'description' => __('Mostra il nome del defunto in sovrimpressione sulla foto con sfondo sfumato', 'annuncifunebri-onoranza'),
            ]
        );

        $this->add_control(
            'link_cordoglio_hover',
            [
                'label' => __('Link Cordoglio solo Hover', 'annuncifunebri-onoranza'),
                'type' => \Elementor\Controls_Manager::SWITCHER,
                'label_on' => __('Sì', 'annuncifunebri-onoranza'),
                'label_off' => __('No', 'annuncifunebri-onoranza'),
                'return_value' => 'si',
                'default' => 'si',
                'description' => __('Mostra il link per lasciare un cordoglio solo al passaggio del mouse', 'annuncifunebri-onoranza'),
            ]
        );

        $this->end_controls_section();

        // === STILE CARD ===
        $this->start_controls_section(
            'sezione_stile_card',
            [
                'label' => __('Card', 'annuncifunebri-onoranza'),
                'tab' => \Elementor\Controls_Manager::TAB_STYLE,
            ]
        );

        // Sfondo Card
        $this->add_group_control(
            \Elementor\Group_Control_Background::get_type(),
            [
                'name' => 'sfondo_card',
                'label' => __('Sfondo Card', 'annuncifunebri-onoranza'),
                'types' => ['classic', 'gradient'],
                'selector' => '{{WRAPPER}} .annfu-risultato-item, {{WRAPPER}} .annfu-hcard, {{WRAPPER}} .annfu-list-item',
            ]
        );

        $this->add_control(
            'heading_card_hover',
            [
                'label' => __('Hover Card', 'annuncifunebri-onoranza'),
                'type' => \Elementor\Controls_Manager::HEADING,
                'separator' => 'before',
            ]
        );

        $this->add_group_control(
            \Elementor\Group_Control_Background::get_type(),
            [
                'name' => 'sfondo_card_hover',
                'label' => __('Sfondo Card Hover', 'annuncifunebri-onoranza'),
                'types' => ['classic', 'gradient'],
                'selector' => '{{WRAPPER}} .annfu-risultato-item:hover, {{WRAPPER}} .annfu-hcard:hover, {{WRAPPER}} .annfu-list-item:hover',
            ]
        );

        $this->add_control(
            'card_scala_hover',
            [
                'label' => __('Scala al Hover', 'annuncifunebri-onoranza'),
                'type' => \Elementor\Controls_Manager::SLIDER,
                'range' => [
                    'px' => ['min' => 1, 'max' => 1.2, 'step' => 0.01],
                ],
                'default' => ['size' => 1],
                'selectors' => [
                    '{{WRAPPER}} .annfu-risultato-item:hover, {{WRAPPER}} .annfu-hcard:hover, {{WRAPPER}} .annfu-list-item:hover' => 'transform: scale({{SIZE}});',
                ],
            ]
        );

        $this->add_control(
            'card_transizione',
            [
                'label' => __('Durata Transizione (ms)', 'annuncifunebri-onoranza'),
                'type' => \Elementor\Controls_Manager::SLIDER,
                'range' => [
                    'px' => ['min' => 0, 'max' => 1000, 'step' => 50],
                ],
                'default' => ['size' => 300],
                'selectors' => [
                    '{{WRAPPER}} .annfu-risultato-item, {{WRAPPER}} .annfu-hcard, {{WRAPPER}} .annfu-list-item' => 'transition: all {{SIZE}}ms ease;',
                ],
            ]
        );

        $this->add_control(
            'heading_card_bordi',
            [
                'label' => __('Bordi e Angoli', 'annuncifunebri-onoranza'),
                'type' => \Elementor\Controls_Manager::HEADING,
                'separator' => 'before',
            ]
        );

        $this->add_group_control(
            \Elementor\Group_Control_Border::get_type(),
            [
                'name' => 'bordo_card',
                'label' => __('Bordo Card', 'annuncifunebri-onoranza'),
                'selector' => '{{WRAPPER}} .annfu-risultato-item, {{WRAPPER}} .annfu-hcard, {{WRAPPER}} .annfu-list-item',
            ]
        );

        $this->add_responsive_control(
            'card_border_radius',
            [
                'label' => __('Bordi Arrotondati', 'annuncifunebri-onoranza'),
                'type' => \Elementor\Controls_Manager::DIMENSIONS,
                'size_units' => ['px', '%'],
                'selectors' => [
                    '{{WRAPPER}} .annfu-risultato-item, {{WRAPPER}} .annfu-hcard, {{WRAPPER}} .annfu-list-item' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
                ],
            ]
        );

        $this->add_control(
            'heading_card_ombre',
            [
                'label' => __('Ombre', 'annuncifunebri-onoranza'),
                'type' => \Elementor\Controls_Manager::HEADING,
                'separator' => 'before',
            ]
        );

        $this->add_group_control(
            \Elementor\Group_Control_Box_Shadow::get_type(),
            [
                'name' => 'ombra_card',
                'label' => __('Ombra Card', 'annuncifunebri-onoranza'),
                'selector' => '{{WRAPPER}} .annfu-risultato-item, {{WRAPPER}} .annfu-hcard, {{WRAPPER}} .annfu-list-item',
            ]
        );

        $this->add_group_control(
            \Elementor\Group_Control_Box_Shadow::get_type(),
            [
                'name' => 'ombra_card_hover',
                'label' => __('Ombra Card Hover', 'annuncifunebri-onoranza'),
                'selector' => '{{WRAPPER}} .annfu-risultato-item:hover, {{WRAPPER}} .annfu-hcard:hover, {{WRAPPER}} .annfu-list-item:hover',
            ]
        );

        $this->add_control(
            'heading_card_spaziature',
            [
                'label' => __('Spaziature', 'annuncifunebri-onoranza'),
                'type' => \Elementor\Controls_Manager::HEADING,
                'separator' => 'before',
            ]
        );

        $this->add_responsive_control(
            'card_padding',
            [
                'label' => __('Padding Interno', 'annuncifunebri-onoranza'),
                'type' => \Elementor\Controls_Manager::DIMENSIONS,
                'size_units' => ['px', 'em', '%'],
                'selectors' => [
                    '{{WRAPPER}} .annfu-risultato-item, {{WRAPPER}} .annfu-hcard, {{WRAPPER}} .annfu-list-item' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
                ],
            ]
        );

        $this->add_responsive_control(
            'card_margin',
            [
                'label' => __('Margine Esterno', 'annuncifunebri-onoranza'),
                'type' => \Elementor\Controls_Manager::DIMENSIONS,
                'size_units' => ['px', 'em', '%'],
                'selectors' => [
                    '{{WRAPPER}} .annfu_annunci_container' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
                ],
            ]
        );

        $this->add_responsive_control(
            'card_gap',
            [
                'label' => __('Spazio tra Card', 'annuncifunebri-onoranza'),
                'type' => \Elementor\Controls_Manager::SLIDER,
                'size_units' => ['px', 'em'],
                'range' => [
                    'px' => ['min' => 0, 'max' => 50],
                    'em' => ['min' => 0, 'max' => 3],
                ],
                'selectors' => [
                    '{{WRAPPER}} .annfu-annunci-grid' => 'gap: {{SIZE}}{{UNIT}};',
                ],
            ]
        );

        $this->end_controls_section();

        // === STILE FOTO ===
        $this->start_controls_section(
            'sezione_stile_foto',
            [
                'label' => __('Foto', 'annuncifunebri-onoranza'),
                'tab' => \Elementor\Controls_Manager::TAB_STYLE,
            ]
        );

        $this->add_control(
            'foto_aspect_ratio',
            [
                'label' => __('Proporzioni Foto', 'annuncifunebri-onoranza'),
                'type' => \Elementor\Controls_Manager::SELECT,
                'options' => [
                    'auto' => __('Automatico', 'annuncifunebri-onoranza'),
                    '1/1' => __('Quadrata (1:1)', 'annuncifunebri-onoranza'),
                    '3/4' => __('Verticale (3:4)', 'annuncifunebri-onoranza'),
                    '4/3' => __('Orizzontale (4:3)', 'annuncifunebri-onoranza'),
                    '16/9' => __('Panoramica (16:9)', 'annuncifunebri-onoranza'),
                    '2/3' => __('Ritratto (2:3)', 'annuncifunebri-onoranza'),
                ],
                'default' => 'auto',
                'selectors' => [
                    '{{WRAPPER}} .annfu-risultato-foto-wrapper, {{WRAPPER}} .annfu-hcard-photo, {{WRAPPER}} .annfu-list-photo' => 'aspect-ratio: {{VALUE}};',
                ],
            ]
        );

        $this->add_control(
            'foto_object_fit',
            [
                'label' => __('Adattamento Immagine', 'annuncifunebri-onoranza'),
                'type' => \Elementor\Controls_Manager::SELECT,
                'options' => [
                    'cover' => __('Riempi (Cover)', 'annuncifunebri-onoranza'),
                    'contain' => __('Contieni (Contain)', 'annuncifunebri-onoranza'),
                    'fill' => __('Allunga (Fill)', 'annuncifunebri-onoranza'),
                ],
                'default' => 'cover',
                'selectors' => [
                    '{{WRAPPER}} .annfu-risultato-foto-wrapper img, {{WRAPPER}} .annfu-hcard-photo img, {{WRAPPER}} .annfu-list-photo img, {{WRAPPER}} .annfu_annunci_foto img' => 'object-fit: {{VALUE}};',
                ],
            ]
        );

        $this->add_control(
            'foto_object_position',
            [
                'label' => __('Posizione Immagine', 'annuncifunebri-onoranza'),
                'type' => \Elementor\Controls_Manager::SELECT,
                'options' => [
                    'center center' => __('Centro', 'annuncifunebri-onoranza'),
                    'top center' => __('Alto', 'annuncifunebri-onoranza'),
                    'bottom center' => __('Basso', 'annuncifunebri-onoranza'),
                    'center left' => __('Sinistra', 'annuncifunebri-onoranza'),
                    'center right' => __('Destra', 'annuncifunebri-onoranza'),
                ],
                'default' => 'center center',
                'selectors' => [
                    '{{WRAPPER}} .annfu-risultato-foto-wrapper img, {{WRAPPER}} .annfu-hcard-photo img, {{WRAPPER}} .annfu-list-photo img, {{WRAPPER}} .annfu_annunci_foto img' => 'object-position: {{VALUE}};',
                ],
            ]
        );

        $this->add_responsive_control(
            'foto_altezza',
            [
                'label' => __('Altezza Foto', 'annuncifunebri-onoranza'),
                'type' => \Elementor\Controls_Manager::SLIDER,
                'size_units' => ['px', 'vh', '%'],
                'range' => [
                    'px' => ['min' => 100, 'max' => 500],
                    'vh' => ['min' => 10, 'max' => 50],
                    '%' => ['min' => 50, 'max' => 150],
                ],
                'selectors' => [
                    '{{WRAPPER}} .annfu-risultato-foto-wrapper, {{WRAPPER}} .annfu-hcard-photo, {{WRAPPER}} .annfu_annunci_foto' => 'height: {{SIZE}}{{UNIT}};',
                ],
                'condition' => [
                    'foto_aspect_ratio' => 'auto',
                ],
            ]
        );

        $this->add_responsive_control(
            'foto_larghezza',
            [
                'label' => __('Larghezza Foto', 'annuncifunebri-onoranza'),
                'type' => \Elementor\Controls_Manager::SLIDER,
                'size_units' => ['px', '%'],
                'range' => [
                    'px' => ['min' => 50, 'max' => 400],
                    '%' => ['min' => 20, 'max' => 100],
                ],
                'selectors' => [
                    '{{WRAPPER}} .annfu-risultato-foto-wrapper, {{WRAPPER}} .annfu-hcard-photo, {{WRAPPER}} .annfu_annunci_foto' => 'width: {{SIZE}}{{UNIT}};',
                ],
            ]
        );

        $this->add_control(
            'heading_foto_forma',
            [
                'label' => __('Forma e Bordi', 'annuncifunebri-onoranza'),
                'type' => \Elementor\Controls_Manager::HEADING,
                'separator' => 'before',
            ]
        );

        $this->add_control(
            'foto_forma',
            [
                'label' => __('Forma Foto', 'annuncifunebri-onoranza'),
                'type' => \Elementor\Controls_Manager::SELECT,
                'options' => [
                    'rettangolare' => __('Rettangolare', 'annuncifunebri-onoranza'),
                    'arrotondata' => __('Angoli Arrotondati', 'annuncifunebri-onoranza'),
                    'circolare' => __('Circolare', 'annuncifunebri-onoranza'),
                    'ovale' => __('Ovale', 'annuncifunebri-onoranza'),
                    'personalizzata' => __('Personalizzata', 'annuncifunebri-onoranza'),
                ],
                'default' => 'rettangolare',
            ]
        );

        $this->add_responsive_control(
            'foto_border_radius',
            [
                'label' => __('Bordi Arrotondati Foto', 'annuncifunebri-onoranza'),
                'type' => \Elementor\Controls_Manager::DIMENSIONS,
                'size_units' => ['px', '%'],
                'selectors' => [
                    '{{WRAPPER}} .annfu-risultato-foto-wrapper, {{WRAPPER}} .annfu-risultato-foto-wrapper img, {{WRAPPER}} .annfu-hcard-photo, {{WRAPPER}} .annfu-hcard-photo img, {{WRAPPER}} .annfu-list-photo, {{WRAPPER}} .annfu-list-photo img, {{WRAPPER}} .annfu_annunci_foto, {{WRAPPER}} .annfu_annunci_foto img' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
                ],
                'condition' => [
                    'foto_forma' => 'personalizzata',
                ],
            ]
        );

        $this->add_group_control(
            \Elementor\Group_Control_Border::get_type(),
            [
                'name' => 'bordo_foto',
                'label' => __('Bordo Foto', 'annuncifunebri-onoranza'),
                'selector' => '{{WRAPPER}} .annfu-risultato-foto-wrapper img, {{WRAPPER}} .annfu-hcard-photo img, {{WRAPPER}} .annfu-list-photo img, {{WRAPPER}} .annfu_annunci_foto img',
            ]
        );

        $this->add_group_control(
            \Elementor\Group_Control_Box_Shadow::get_type(),
            [
                'name' => 'ombra_foto',
                'label' => __('Ombra Foto', 'annuncifunebri-onoranza'),
                'selector' => '{{WRAPPER}} .annfu-risultato-foto-wrapper, {{WRAPPER}} .annfu-hcard-photo, {{WRAPPER}} .annfu-list-photo, {{WRAPPER}} .annfu_annunci_foto',
            ]
        );

        $this->add_control(
            'heading_foto_colore',
            [
                'label' => __('Colore Foto', 'annuncifunebri-onoranza'),
                'type' => \Elementor\Controls_Manager::HEADING,
                'separator' => 'before',
            ]
        );

        $this->add_control(
            'foto_bianco_nero',
            [
                'label' => __('Foto in Bianco e Nero', 'annuncifunebri-onoranza'),
                'type' => \Elementor\Controls_Manager::SWITCHER,
                'label_on' => __('Sì', 'annuncifunebri-onoranza'),
                'label_off' => __('No', 'annuncifunebri-onoranza'),
                'return_value' => 'si',
                'default' => 'si',
                'description' => __('Le foto saranno in bianco e nero e diventeranno a colori all\'hover', 'annuncifunebri-onoranza'),
            ]
        );

        $this->add_control(
            'heading_foto_overlay',
            [
                'label' => __('Overlay e Effetti', 'annuncifunebri-onoranza'),
                'type' => \Elementor\Controls_Manager::HEADING,
                'separator' => 'before',
            ]
        );

        $this->add_control(
            'foto_overlay_colore',
            [
                'label' => __('Colore Overlay', 'annuncifunebri-onoranza'),
                'type' => \Elementor\Controls_Manager::COLOR,
                'selectors' => [
                    '{{WRAPPER}} .annfu-risultato-foto-wrapper::after, {{WRAPPER}} .annfu-hcard-photo::after, {{WRAPPER}} .annfu-list-photo::after, {{WRAPPER}} .annfu_annunci_foto::after' => 'content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: {{VALUE}}; pointer-events: none;',
                ],
            ]
        );

        $this->add_control(
            'foto_overlay_hover',
            [
                'label' => __('Colore Overlay Hover', 'annuncifunebri-onoranza'),
                'type' => \Elementor\Controls_Manager::COLOR,
                'selectors' => [
                    '{{WRAPPER}} .annfu-risultato-foto-wrapper:hover::after, {{WRAPPER}} .annfu-hcard-photo:hover::after, {{WRAPPER}} .annfu-list-photo:hover::after, {{WRAPPER}} .annfu_annunci_foto:hover::after' => 'background-color: {{VALUE}};',
                ],
            ]
        );

        $this->add_group_control(
            \Elementor\Group_Control_Css_Filter::get_type(),
            [
                'name' => 'foto_filtri',
                'label' => __('Filtri CSS', 'annuncifunebri-onoranza'),
                'selector' => '{{WRAPPER}} .annfu-risultato-foto-wrapper img, {{WRAPPER}} .annfu-hcard-photo img, {{WRAPPER}} .annfu-list-photo img, {{WRAPPER}} .annfu_annunci_foto img',
            ]
        );

        $this->add_group_control(
            \Elementor\Group_Control_Css_Filter::get_type(),
            [
                'name' => 'foto_filtri_hover',
                'label' => __('Filtri CSS Hover', 'annuncifunebri-onoranza'),
                'selector' => '{{WRAPPER}} .annfu-risultato-foto-wrapper:hover img, {{WRAPPER}} .annfu-hcard-photo:hover img, {{WRAPPER}} .annfu-list-photo:hover img, {{WRAPPER}} .annfu_annunci_foto:hover img',
            ]
        );

        $this->add_control(
            'foto_scala_hover',
            [
                'label' => __('Scala Foto al Hover', 'annuncifunebri-onoranza'),
                'type' => \Elementor\Controls_Manager::SLIDER,
                'range' => [
                    'px' => ['min' => 1, 'max' => 1.5, 'step' => 0.01],
                ],
                'default' => ['size' => 1],
                'selectors' => [
                    '{{WRAPPER}} .annfu-risultato-foto-wrapper:hover img, {{WRAPPER}} .annfu-hcard-photo:hover img, {{WRAPPER}} .annfu-list-photo:hover img, {{WRAPPER}} .annfu_annunci_foto:hover img' => 'transform: scale({{SIZE}});',
                ],
            ]
        );

        $this->add_control(
            'foto_transizione',
            [
                'label' => __('Durata Transizione Foto (ms)', 'annuncifunebri-onoranza'),
                'type' => \Elementor\Controls_Manager::SLIDER,
                'range' => [
                    'px' => ['min' => 0, 'max' => 1000, 'step' => 50],
                ],
                'default' => ['size' => 300],
                'selectors' => [
                    '{{WRAPPER}} .annfu-risultato-foto-wrapper img, {{WRAPPER}} .annfu-hcard-photo img, {{WRAPPER}} .annfu-list-photo img, {{WRAPPER}} .annfu_annunci_foto img' => 'transition: all {{SIZE}}ms ease;',
                ],
            ]
        );

        $this->end_controls_section();

        // === TAB STYLE ===
        $this->start_controls_section(
            'sezione_stile',
            [
                'label' => __('Stile', 'annuncifunebri-onoranza'),
                'tab' => \Elementor\Controls_Manager::TAB_STYLE,
            ]
        );

        $this->add_group_control(
            \Elementor\Group_Control_Typography::get_type(),
            [
                'name' => 'tipografia_titolo',
                'label' => __('Tipografia Titolo', 'annuncifunebri-onoranza'),
                'selector' => '{{WRAPPER}} .annfu-ricerca-titolo',
            ]
        );

        $this->add_control(
            'colore_titolo',
            [
                'label' => __('Colore Titolo', 'annuncifunebri-onoranza'),
                'type' => \Elementor\Controls_Manager::COLOR,
                'selectors' => [
                    '{{WRAPPER}} .annfu-ricerca-titolo' => 'color: {{VALUE}};',
                ],
            ]
        );

        // === DESCRIZIONE ===
        $this->add_control(
            'heading_descrizione',
            [
                'label' => __('Descrizione', 'annuncifunebri-onoranza'),
                'type' => \Elementor\Controls_Manager::HEADING,
                'separator' => 'before',
            ]
        );

        $this->add_group_control(
            \Elementor\Group_Control_Typography::get_type(),
            [
                'name' => 'tipografia_descrizione',
                'label' => __('Tipografia Descrizione', 'annuncifunebri-onoranza'),
                'selector' => '{{WRAPPER}} .annfu-ricerca-descrizione',
            ]
        );

        $this->add_control(
            'colore_descrizione',
            [
                'label' => __('Colore Descrizione', 'annuncifunebri-onoranza'),
                'type' => \Elementor\Controls_Manager::COLOR,
                'selectors' => [
                    '{{WRAPPER}} .annfu-ricerca-descrizione' => 'color: {{VALUE}};',
                ],
            ]
        );

        $this->add_responsive_control(
            'margine_descrizione',
            [
                'label' => __('Margine Descrizione', 'annuncifunebri-onoranza'),
                'type' => \Elementor\Controls_Manager::DIMENSIONS,
                'size_units' => ['px', 'em', '%'],
                'selectors' => [
                    '{{WRAPPER}} .annfu-ricerca-descrizione' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
                ],
            ]
        );

        $this->add_responsive_control(
            'allineamento_descrizione',
            [
                'label' => __('Allineamento Descrizione', 'annuncifunebri-onoranza'),
                'type' => \Elementor\Controls_Manager::CHOOSE,
                'options' => [
                    'left' => [
                        'title' => __('Sinistra', 'annuncifunebri-onoranza'),
                        'icon' => 'eicon-text-align-left',
                    ],
                    'center' => [
                        'title' => __('Centro', 'annuncifunebri-onoranza'),
                        'icon' => 'eicon-text-align-center',
                    ],
                    'right' => [
                        'title' => __('Destra', 'annuncifunebri-onoranza'),
                        'icon' => 'eicon-text-align-right',
                    ],
                ],
                'default' => 'left',
                'selectors' => [
                    '{{WRAPPER}} .annfu-ricerca-descrizione' => 'text-align: {{VALUE}};',
                ],
            ]
        );

        // === PULSANTE CERCA ===
        $this->add_control(
            'heading_pulsante',
            [
                'label' => __('Pulsante Cerca', 'annuncifunebri-onoranza'),
                'type' => \Elementor\Controls_Manager::HEADING,
                'separator' => 'before',
            ]
        );

        $this->add_control(
            'colore_pulsante',
            [
                'label' => __('Colore Pulsante Cerca', 'annuncifunebri-onoranza'),
                'type' => \Elementor\Controls_Manager::COLOR,
                'default' => '#ffffff',
                'selectors' => [
                    '{{WRAPPER}} .annfu_filter_submit, {{WRAPPER}} .annfu-search-button' => 'color: {{VALUE}};',
                ],
            ]
        );

        $this->add_control(
            'colore_sfondo_pulsante',
            [
                'label' => __('Sfondo Pulsante Cerca', 'annuncifunebri-onoranza'),
                'type' => \Elementor\Controls_Manager::COLOR,
                'default' => '#333333',
                'selectors' => [
                    '{{WRAPPER}} .annfu_filter_submit, {{WRAPPER}} .annfu-search-button' => 'background-color: {{VALUE}};',
                ],
            ]
        );


        // Separator
        $this->add_control(
            'separator_contenuto',
            [
                'type' => \Elementor\Controls_Manager::DIVIDER,
            ]
        );

        // === NOMINATIVO ===
        $this->add_control(
            'heading_nominativo',
            [
                'label' => __('Nominativo', 'annuncifunebri-onoranza'),
                'type' => \Elementor\Controls_Manager::HEADING,
            ]
        );

        $this->add_group_control(
            \Elementor\Group_Control_Typography::get_type(),
            [
                'name' => 'tipografia_nominativo',
                'label' => __('Tipografia', 'annuncifunebri-onoranza'),
                'selector' => '{{WRAPPER}} .annfu_annunci_nominativo, {{WRAPPER}} .annfu-hcard-title',
            ]
        );

        $this->add_control(
            'colore_nominativo',
            [
                'label' => __('Colore', 'annuncifunebri-onoranza'),
                'type' => \Elementor\Controls_Manager::COLOR,
                'selectors' => [
                    '{{WRAPPER}} .annfu_annunci_nominativo' => 'color: {{VALUE}};',
                    '{{WRAPPER}} .annfu_annunci_nominativo a' => 'color: {{VALUE}};',
                    '{{WRAPPER}} .annfu-hcard-title' => 'color: {{VALUE}};',
                    '{{WRAPPER}} .annfu-hcard-title a' => 'color: {{VALUE}};',
                ],
            ]
        );

        $this->add_control(
            'colore_nominativo_hover',
            [
                'label' => __('Colore Hover', 'annuncifunebri-onoranza'),
                'type' => \Elementor\Controls_Manager::COLOR,
                'selectors' => [
                    '{{WRAPPER}} .annfu_annunci_nominativo a:hover' => 'color: {{VALUE}};',
                    '{{WRAPPER}} .annfu-hcard-title a:hover' => 'color: {{VALUE}};',
                ],
            ]
        );

        // === ETÀ ===
        $this->add_control(
            'heading_eta',
            [
                'label' => __('Età', 'annuncifunebri-onoranza'),
                'type' => \Elementor\Controls_Manager::HEADING,
                'separator' => 'before',
            ]
        );

        $this->add_group_control(
            \Elementor\Group_Control_Typography::get_type(),
            [
                'name' => 'tipografia_eta',
                'label' => __('Tipografia', 'annuncifunebri-onoranza'),
                'selector' => '{{WRAPPER}} .annfu_annunci_anni, {{WRAPPER}} .annfu-hcard-age',
            ]
        );

        $this->add_control(
            'colore_eta',
            [
                'label' => __('Colore', 'annuncifunebri-onoranza'),
                'type' => \Elementor\Controls_Manager::COLOR,
                'selectors' => [
                    '{{WRAPPER}} .annfu_annunci_anni' => 'color: {{VALUE}};',
                    '{{WRAPPER}} .annfu-hcard-age' => 'color: {{VALUE}};',
                ],
            ]
        );

        // === PAESE ===
        $this->add_control(
            'heading_paese',
            [
                'label' => __('Paese', 'annuncifunebri-onoranza'),
                'type' => \Elementor\Controls_Manager::HEADING,
                'separator' => 'before',
            ]
        );

        $this->add_group_control(
            \Elementor\Group_Control_Typography::get_type(),
            [
                'name' => 'tipografia_paese',
                'label' => __('Tipografia', 'annuncifunebri-onoranza'),
                'selector' => '{{WRAPPER}} .annfu_annunci_paese, {{WRAPPER}} .annfu-hcard-location',
            ]
        );

        $this->add_control(
            'colore_paese',
            [
                'label' => __('Colore', 'annuncifunebri-onoranza'),
                'type' => \Elementor\Controls_Manager::COLOR,
                'selectors' => [
                    '{{WRAPPER}} .annfu_annunci_paese' => 'color: {{VALUE}};',
                    '{{WRAPPER}} .annfu-hcard-location' => 'color: {{VALUE}};',
                ],
            ]
        );

        // === LINK CORDOGLIO ===
        $this->add_control(
            'heading_link_cordoglio',
            [
                'label' => __('Link Cordoglio', 'annuncifunebri-onoranza'),
                'type' => \Elementor\Controls_Manager::HEADING,
                'separator' => 'before',
            ]
        );

        $this->add_group_control(
            \Elementor\Group_Control_Typography::get_type(),
            [
                'name' => 'tipografia_link_cordoglio',
                'label' => __('Tipografia', 'annuncifunebri-onoranza'),
                'selector' => '{{WRAPPER}} .annfu_add_cordoglio a, {{WRAPPER}} .annfu-hcard-btn, {{WRAPPER}} .annfu-list-btn',
            ]
        );

        $this->add_control(
            'colore_link_cordoglio',
            [
                'label' => __('Colore Testo', 'annuncifunebri-onoranza'),
                'type' => \Elementor\Controls_Manager::COLOR,
                'selectors' => [
                    '{{WRAPPER}} .annfu_add_cordoglio a' => 'color: {{VALUE}};',
                    '{{WRAPPER}} .annfu-hcard-btn' => 'color: {{VALUE}};',
                    '{{WRAPPER}} .annfu-list-btn' => 'color: {{VALUE}};',
                ],
            ]
        );

        $this->add_control(
            'colore_sfondo_link_cordoglio',
            [
                'label' => __('Colore Sfondo', 'annuncifunebri-onoranza'),
                'type' => \Elementor\Controls_Manager::COLOR,
                'selectors' => [
                    '{{WRAPPER}} .annfu_add_cordoglio a' => 'background-color: {{VALUE}};',
                    '{{WRAPPER}} .annfu-hcard-btn' => 'background-color: {{VALUE}};',
                    '{{WRAPPER}} .annfu-list-btn' => 'background-color: {{VALUE}};',
                    '{{WRAPPER}}.annfu-cordoglio-hover .annfu_add_cordoglio' => 'background-color: {{VALUE}};',
                ],
            ]
        );

        $this->add_control(
            'colore_link_cordoglio_hover',
            [
                'label' => __('Colore Testo Hover', 'annuncifunebri-onoranza'),
                'type' => \Elementor\Controls_Manager::COLOR,
                'selectors' => [
                    '{{WRAPPER}} .annfu_add_cordoglio a:hover' => 'color: {{VALUE}};',
                    '{{WRAPPER}} .annfu-hcard-btn:hover' => 'color: {{VALUE}};',
                    '{{WRAPPER}} .annfu-list-btn:hover' => 'color: {{VALUE}};',
                ],
            ]
        );

        $this->add_control(
            'colore_sfondo_link_cordoglio_hover',
            [
                'label' => __('Colore Sfondo Hover', 'annuncifunebri-onoranza'),
                'type' => \Elementor\Controls_Manager::COLOR,
                'selectors' => [
                    '{{WRAPPER}} .annfu_add_cordoglio a:hover' => 'background-color: {{VALUE}};',
                    '{{WRAPPER}} .annfu-hcard-btn:hover' => 'background-color: {{VALUE}};',
                    '{{WRAPPER}} .annfu-list-btn:hover' => 'background-color: {{VALUE}};',
                ],
            ]
        );

        // === SECONDA RIGA ===
        $this->add_control(
            'heading_seconda_riga',
            [
                'label' => __('Seconda Riga', 'annuncifunebri-onoranza'),
                'type' => \Elementor\Controls_Manager::HEADING,
                'separator' => 'before',
            ]
        );

        $this->add_group_control(
            \Elementor\Group_Control_Typography::get_type(),
            [
                'name' => 'tipografia_seconda_riga',
                'label' => __('Tipografia', 'annuncifunebri-onoranza'),
                'selector' => '{{WRAPPER}} .annfu-seconda-riga, {{WRAPPER}} .annfu-seconda-riga span',
            ]
        );

        $this->add_control(
            'colore_seconda_riga',
            [
                'label' => __('Colore', 'annuncifunebri-onoranza'),
                'type' => \Elementor\Controls_Manager::COLOR,
                'selectors' => [
                    '{{WRAPPER}} .annfu-seconda-riga' => 'color: {{VALUE}};',
                    '{{WRAPPER}} .annfu-seconda-riga span' => 'color: {{VALUE}};',
                ],
            ]
        );

        // === TERZA RIGA ===
        $this->add_control(
            'heading_terza_riga',
            [
                'label' => __('Terza Riga', 'annuncifunebri-onoranza'),
                'type' => \Elementor\Controls_Manager::HEADING,
                'separator' => 'before',
            ]
        );

        $this->add_group_control(
            \Elementor\Group_Control_Typography::get_type(),
            [
                'name' => 'tipografia_terza_riga',
                'label' => __('Tipografia', 'annuncifunebri-onoranza'),
                'selector' => '{{WRAPPER}} .annfu-terza-riga, {{WRAPPER}} .annfu-terza-riga span',
            ]
        );

        $this->add_control(
            'colore_terza_riga',
            [
                'label' => __('Colore', 'annuncifunebri-onoranza'),
                'type' => \Elementor\Controls_Manager::COLOR,
                'selectors' => [
                    '{{WRAPPER}} .annfu-terza-riga' => 'color: {{VALUE}};',
                    '{{WRAPPER}} .annfu-terza-riga span' => 'color: {{VALUE}};',
                ],
            ]
        );

        $this->end_controls_section();

        // === STILE PAGINAZIONE ===
        $this->start_controls_section(
            'sezione_stile_paginazione',
            [
                'label' => __('Paginazione', 'annuncifunebri-onoranza'),
                'tab' => \Elementor\Controls_Manager::TAB_STYLE,
            ]
        );

        $this->add_group_control(
            \Elementor\Group_Control_Typography::get_type(),
            [
                'name' => 'tipografia_paginazione',
                'label' => __('Tipografia Pulsanti', 'annuncifunebri-onoranza'),
                'selector' => '{{WRAPPER}} .annfu-pag-btn',
            ]
        );

        $this->add_control(
            'colore_paginazione',
            [
                'label' => __('Colore Testo', 'annuncifunebri-onoranza'),
                'type' => \Elementor\Controls_Manager::COLOR,
                'selectors' => [
                    '{{WRAPPER}} .annfu-pag-btn' => 'color: {{VALUE}};',
                ],
            ]
        );

        $this->add_control(
            'colore_sfondo_paginazione',
            [
                'label' => __('Colore Sfondo', 'annuncifunebri-onoranza'),
                'type' => \Elementor\Controls_Manager::COLOR,
                'selectors' => [
                    '{{WRAPPER}} .annfu-pag-btn' => 'background-color: {{VALUE}};',
                ],
            ]
        );

        $this->add_control(
            'colore_paginazione_hover',
            [
                'label' => __('Colore Testo Hover', 'annuncifunebri-onoranza'),
                'type' => \Elementor\Controls_Manager::COLOR,
                'selectors' => [
                    '{{WRAPPER}} .annfu-pag-btn:hover' => 'color: {{VALUE}};',
                ],
            ]
        );

        $this->add_control(
            'colore_sfondo_paginazione_hover',
            [
                'label' => __('Colore Sfondo Hover', 'annuncifunebri-onoranza'),
                'type' => \Elementor\Controls_Manager::COLOR,
                'selectors' => [
                    '{{WRAPPER}} .annfu-pag-btn:hover' => 'background-color: {{VALUE}};',
                ],
            ]
        );

        $this->add_control(
            'heading_pagina_corrente',
            [
                'label' => __('Pagina Corrente', 'annuncifunebri-onoranza'),
                'type' => \Elementor\Controls_Manager::HEADING,
                'separator' => 'before',
            ]
        );

        $this->add_control(
            'colore_pagina_corrente',
            [
                'label' => __('Colore Testo', 'annuncifunebri-onoranza'),
                'type' => \Elementor\Controls_Manager::COLOR,
                'selectors' => [
                    '{{WRAPPER}} .annfu-pag-btn.annfu-pag-current' => 'color: {{VALUE}};',
                ],
            ]
        );

        $this->add_control(
            'colore_sfondo_pagina_corrente',
            [
                'label' => __('Colore Sfondo', 'annuncifunebri-onoranza'),
                'type' => \Elementor\Controls_Manager::COLOR,
                'selectors' => [
                    '{{WRAPPER}} .annfu-pag-btn.annfu-pag-current' => 'background-color: {{VALUE}};',
                ],
            ]
        );

        $this->add_group_control(
            \Elementor\Group_Control_Border::get_type(),
            [
                'name' => 'bordo_paginazione',
                'label' => __('Bordo Pulsanti', 'annuncifunebri-onoranza'),
                'selector' => '{{WRAPPER}} .annfu-pag-btn',
            ]
        );

        $this->add_control(
            'border_radius_paginazione',
            [
                'label' => __('Border Radius', 'annuncifunebri-onoranza'),
                'type' => \Elementor\Controls_Manager::DIMENSIONS,
                'size_units' => ['px', '%'],
                'selectors' => [
                    '{{WRAPPER}} .annfu-pag-btn' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
                ],
            ]
        );

        $this->add_responsive_control(
            'padding_paginazione',
            [
                'label' => __('Padding Pulsanti', 'annuncifunebri-onoranza'),
                'type' => \Elementor\Controls_Manager::DIMENSIONS,
                'size_units' => ['px', 'em'],
                'selectors' => [
                    '{{WRAPPER}} .annfu-pag-btn' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
                ],
            ]
        );

        $this->add_control(
            'heading_info_risultati',
            [
                'label' => __('Info Risultati', 'annuncifunebri-onoranza'),
                'type' => \Elementor\Controls_Manager::HEADING,
                'separator' => 'before',
            ]
        );

        $this->add_group_control(
            \Elementor\Group_Control_Typography::get_type(),
            [
                'name' => 'tipografia_info_risultati',
                'label' => __('Tipografia', 'annuncifunebri-onoranza'),
                'selector' => '{{WRAPPER}} .annfu-risultati-info',
            ]
        );

        $this->add_control(
            'colore_info_risultati',
            [
                'label' => __('Colore', 'annuncifunebri-onoranza'),
                'type' => \Elementor\Controls_Manager::COLOR,
                'selectors' => [
                    '{{WRAPPER}} .annfu-risultati-info' => 'color: {{VALUE}};',
                ],
            ]
        );

        $this->end_controls_section();

        // === STILE CREDITI ===
        $this->start_controls_section(
            'sezione_stile_crediti',
            [
                'label' => __('Crediti', 'annuncifunebri-onoranza'),
                'tab' => \Elementor\Controls_Manager::TAB_STYLE,
            ]
        );

        $this->add_group_control(
            \Elementor\Group_Control_Typography::get_type(),
            [
                'name' => 'tipografia_crediti',
                'label' => __('Tipografia', 'annuncifunebri-onoranza'),
                'selector' => '{{WRAPPER}} .annfu_poweredby, {{WRAPPER}} .annfu_poweredby a',
            ]
        );

        $this->add_control(
            'colore_crediti',
            [
                'label' => __('Colore Testo', 'annuncifunebri-onoranza'),
                'type' => \Elementor\Controls_Manager::COLOR,
                'selectors' => [
                    '{{WRAPPER}} .annfu_poweredby' => 'color: {{VALUE}};',
                ],
            ]
        );

        $this->add_control(
            'colore_link_crediti',
            [
                'label' => __('Colore Link', 'annuncifunebri-onoranza'),
                'type' => \Elementor\Controls_Manager::COLOR,
                'selectors' => [
                    '{{WRAPPER}} .annfu_poweredby a' => 'color: {{VALUE}};',
                ],
            ]
        );

        $this->add_control(
            'colore_link_crediti_hover',
            [
                'label' => __('Colore Link Hover', 'annuncifunebri-onoranza'),
                'type' => \Elementor\Controls_Manager::COLOR,
                'selectors' => [
                    '{{WRAPPER}} .annfu_poweredby a:hover' => 'color: {{VALUE}};',
                ],
            ]
        );

        $this->add_responsive_control(
            'allineamento_crediti',
            [
                'label' => __('Allineamento', 'annuncifunebri-onoranza'),
                'type' => \Elementor\Controls_Manager::CHOOSE,
                'options' => [
                    'left' => [
                        'title' => __('Sinistra', 'annuncifunebri-onoranza'),
                        'icon' => 'eicon-text-align-left',
                    ],
                    'center' => [
                        'title' => __('Centro', 'annuncifunebri-onoranza'),
                        'icon' => 'eicon-text-align-center',
                    ],
                    'right' => [
                        'title' => __('Destra', 'annuncifunebri-onoranza'),
                        'icon' => 'eicon-text-align-right',
                    ],
                ],
                'default' => 'right',
                'selectors' => [
                    '{{WRAPPER}} .annfu_poweredby' => 'text-align: {{VALUE}};',
                ],
            ]
        );

        $this->add_responsive_control(
            'margine_crediti',
            [
                'label' => __('Margine', 'annuncifunebri-onoranza'),
                'type' => \Elementor\Controls_Manager::DIMENSIONS,
                'size_units' => ['px', 'em', '%'],
                'selectors' => [
                    '{{WRAPPER}} .annfu_poweredby' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
                ],
            ]
        );

        $this->end_controls_section();
    }

    protected function render() {
        $settings = $this->get_settings_for_display();

        $titolo = $settings['titolo'];
        $tipo_ricerca = $settings['tipo_ricerca'];
        $testo_descrizione_semplice = $settings['testo_descrizione_semplice'];
        $testo_descrizione_avanzata = isset($settings['testo_descrizione_avanzata']) ? $settings['testo_descrizione_avanzata'] : '';
        $placeholder_semplice = $settings['placeholder_semplice'];
        $risultati_per_pagina = intval($settings['risultati_per_pagina']);
        $immagine_placeholder = !empty($settings['immagine_placeholder']['url']) ? $settings['immagine_placeholder']['url'] : ANNFU_PLUGIN_URL . 'img/anonimo.jpg';
        $numero_pagine_paginazione = isset($settings['numero_pagine_paginazione']) ? intval($settings['numero_pagine_paginazione']) : get_option('annfu_pages', 3);
        $visualizza_crediti = isset($settings['visualizza_crediti']) && $settings['visualizza_crediti'] === 'si';

        // Animazioni foto
        $tipo_animazione = isset($settings['tipo_animazione']) ? $settings['tipo_animazione'] : 'none';
        $attivazione = isset($settings['attivazione_animazione']) ? $settings['attivazione_animazione'] : 'continua';
        $velocita = isset($settings['velocita_animazione']['size']) ? $settings['velocita_animazione']['size'] : 5;

        // Visualizzazione
        $tipo_visualizzazione = isset($settings['tipo_visualizzazione']) ? $settings['tipo_visualizzazione'] : 'griglia';
        $nome_dentro_foto = isset($settings['nome_dentro_foto']) && $settings['nome_dentro_foto'] === 'si';
        $link_cordoglio_hover = !isset($settings['link_cordoglio_hover']) || $settings['link_cordoglio_hover'] === 'si';

        // Classi Bootstrap per le colonne in base al tipo di visualizzazione
        $col_classes = 'col-12';
        if (strpos($tipo_visualizzazione, 'card_orizzontale') !== false) {
            $col_classes = 'col-12 col-md-6 col-lg-4';
        } elseif ($tipo_visualizzazione === 'griglia') {
            $col_classes = 'col-12 col-sm-6 col-md-4 col-lg-3';
        }

        $onoranza_id = get_option('annfu_onoranza_funebre_id');
        $api_url = defined('ANNFU_SITE_API') ? ANNFU_SITE_API : '';

        if (empty($api_url) || empty($onoranza_id)) {
            if (\Elementor\Plugin::$instance->editor->is_edit_mode()) {
                echo '<p>' . esc_html__('API non configurata correttamente', 'annuncifunebri-onoranza') . '</p>';
            }
            return;
        }

        // Carica regioni e province per ricerca avanzata
        $regioni = [];
        $province = [];
        if ($tipo_ricerca === 'avanzata' || $tipo_ricerca === 'entrambe') {
            $response = wp_remote_get($api_url . '/v2/regioni', ['sslverify' => false, 'timeout' => 30]);
            if (!is_wp_error($response)) {
                $regioni = json_decode(wp_remote_retrieve_body($response), true);
            }

            $response = wp_remote_get($api_url . '/v2/province', ['sslverify' => false, 'timeout' => 30]);
            if (!is_wp_error($response)) {
                $province = json_decode(wp_remote_retrieve_body($response), true);
            }
        }

        $page_annuncio = defined('ANNFU_PAGE_ANNUNCIO') ? ANNFU_PAGE_ANNUNCIO : 'annuncio';

        // Costruisce le classi CSS per le animazioni
        $animation_classes = '';
        $animation_style = '';
        if ($tipo_animazione !== 'none') {
            $animation_classes = 'annfu-foto-animated annfu-anim-' . esc_attr($tipo_animazione);
            if ($attivazione === 'hover') {
                $animation_classes .= ' annfu-anim-on-hover';
            }
            // Calcola la durata dell'animazione basata sulla velocità (inversa)
            $duration = 20 - ($velocita * 1.5); // range da 18.5s (veloce) a 5s (lenta)
            $animation_style = '--annfu-anim-duration: ' . esc_attr($duration) . 's;';
        }

        // Forma foto
        $foto_forma = isset($settings['foto_forma']) ? $settings['foto_forma'] : 'rettangolare';
        $foto_forma_class = 'annfu-foto-' . esc_attr($foto_forma);

        // Bianco e nero
        $foto_bianco_nero = isset($settings['foto_bianco_nero']) && $settings['foto_bianco_nero'] === 'si';

        // Prepara i parametri per Alpine.js in modo sicuro
        $alpine_params = wp_json_encode([
            'apiUrl' => $api_url,
            'onoranzaId' => $onoranza_id,
            'perPagina' => $risultati_per_pagina,
            'tipoRicerca' => $tipo_ricerca,
            'placeholderUrl' => $immagine_placeholder,
            'animClasses' => $animation_classes,
            'animStyle' => $animation_style,
            'numeroPagine' => $numero_pagine_paginazione,
            'tipoVisualizzazione' => $tipo_visualizzazione,
            'nomeDentroFoto' => $nome_dentro_foto,
        ]);
        ?>
        <div class="annfu annfu-ricerca-wrapper annfu-view-<?php echo esc_attr($tipo_visualizzazione); ?> <?php echo $link_cordoglio_hover ? 'annfu-cordoglio-hover' : ''; ?> <?php echo $nome_dentro_foto ? 'annfu-nome-in-foto' : ''; ?> <?php echo esc_attr($foto_forma_class); ?> <?php echo $foto_bianco_nero ? 'annfu-foto-bn' : ''; ?>"
             x-data="annfuRicerca(<?php echo esc_attr($alpine_params); ?>)">

            <?php if (!empty($titolo)): ?>
                <h3 class="annfu-ricerca-titolo"><?php echo esc_html($titolo); ?></h3>
            <?php endif; ?>

            <div id="annfu_annunci_filter">
                <div class="row">
                    <div class="col-12">
                        <div class="annfu_annunci_filter annfu-elementor-ricerca">

                            <?php if ($tipo_ricerca === 'semplice' || $tipo_ricerca === 'entrambe'): ?>
                            <!-- RICERCA SEMPLICE -->
                            <template x-if="modalitaRicerca === 'semplice'">
                            <div class="front">
                                <form @submit.prevent="cercaAnnunciSemplice">
                                    <?php if (!empty($testo_descrizione_semplice)): ?>
                                        <p class="annfu-ricerca-descrizione"><?php echo nl2br(esc_html($testo_descrizione_semplice)); ?></p>
                                    <?php endif; ?>
                                    <div class="annfu-form-search-row">
                                        <input type="text"
                                               x-model="filtriSemplici.text"
                                               placeholder="<?php echo esc_attr($placeholder_semplice); ?>"
                                               class="form-control annfu-search-input">
                                        <input type="submit"
                                               value="<?php echo esc_attr__('Cerca', 'annuncifunebri-onoranza'); ?>"
                                               class="annfu_filter_submit btn btn-default annfu-search-button">
                                    </div>
                                    <?php if ($tipo_ricerca === 'entrambe'): ?>
                                        <div class="annfu-toggle-ricerca">
                                            <a @click="modalitaRicerca = 'avanzata'" class="annfu_filter_button annfu_pointer">
                                                <?php echo esc_html__('ricerca avanzata', 'annuncifunebri-onoranza'); ?>
                                            </a>
                                        </div>
                                    <?php endif; ?>
                                </form>
                            </div>
                            </template>
                            <?php endif; ?>

                            <?php if ($tipo_ricerca === 'avanzata' || $tipo_ricerca === 'entrambe'): ?>
                            <!-- RICERCA AVANZATA -->
                            <template x-if="modalitaRicerca === 'avanzata'">
                            <div class="back">
                                <form @submit.prevent="cercaAnnunciAvanzata">
                                    <?php if (!empty($testo_descrizione_avanzata)): ?>
                                        <p class="annfu-ricerca-descrizione"><?php echo nl2br(esc_html($testo_descrizione_avanzata)); ?></p>
                                    <?php endif; ?>
                                    <div class="row">
                                        <div class="col-xs-12 col-sm-6 col-xl-4 mb-4">
                                            <input type="text"
                                                   x-model="filtriAvanzati.nome"
                                                   placeholder="<?php echo esc_attr__('Nome', 'annuncifunebri-onoranza'); ?>"
                                                   class="form-control">
                                        </div>
                                        <div class="col-xs-12 col-sm-6 col-xl-4 mb-4">
                                            <input type="text"
                                                   x-model="filtriAvanzati.cognome"
                                                   placeholder="<?php echo esc_attr__('Cognome', 'annuncifunebri-onoranza'); ?>"
                                                   class="form-control">
                                        </div>
                                        <div class="col-xs-12 col-sm-6 col-xl-2 mb-4">
                                            <input type="text"
                                                   x-model="filtriAvanzati.dal"
                                                   placeholder="<?php echo esc_attr__('Dal (gg/mm/aaaa)', 'annuncifunebri-onoranza'); ?>"
                                                   class="form-control datepicker">
                                        </div>
                                        <div class="col-xs-12 col-sm-6 col-xl-2 mb-4">
                                            <input type="text"
                                                   x-model="filtriAvanzati.al"
                                                   placeholder="<?php echo esc_attr__('Al (gg/mm/aaaa)', 'annuncifunebri-onoranza'); ?>"
                                                   class="form-control datepicker">
                                        </div>
                                    </div>

                                    <div class="row">
                                        <div class="col-xs-12 col-sm-6 col-xl-4 mb-4">
                                            <select x-model="filtriAvanzati.regione"
                                                    @change="filtriAvanzati.provincia = ''"
                                                    class="form-control annfu_regione">
                                                <option value=""><?php echo esc_html__('Seleziona regione', 'annuncifunebri-onoranza'); ?></option>
                                                <?php foreach ($regioni as $regione): ?>
                                                    <option value="<?php echo esc_attr($regione['slug']); ?>">
                                                        <?php echo esc_html($regione['regione']); ?>
                                                    </option>
                                                <?php endforeach; ?>
                                            </select>
                                        </div>
                                        <div class="col-xs-12 col-sm-6 col-xl-4 mb-4">
                                            <select x-model="filtriAvanzati.provincia" class="form-control annfu_provincia">
                                                <option value=""><?php echo esc_html__('Seleziona provincia', 'annuncifunebri-onoranza'); ?></option>
                                                <?php foreach ($province as $provincia): ?>
                                                    <option value="<?php echo esc_attr($provincia['slug']); ?>"
                                                            class="r_<?php echo esc_attr($provincia['regione']['slug']); ?>"
                                                            x-show="!filtriAvanzati.regione || filtriAvanzati.regione === '<?php echo esc_attr($provincia['regione']['slug']); ?>'">
                                                        <?php echo esc_html($provincia['provincia']); ?>
                                                    </option>
                                                <?php endforeach; ?>
                                            </select>
                                        </div>
                                        <div class="col-xs-12 col-sm-6 col-xl-4 mb-4">
                                            <input type="text"
                                                   x-model="filtriAvanzati.paese"
                                                   placeholder="<?php echo esc_attr__('Paese', 'annuncifunebri-onoranza'); ?>"
                                                   class="form-control">
                                        </div>
                                    </div>

                                    <div class="row">
                                        <div class="col-xs-12 col-sm-12 col-md-12 mb-4">
                                            <input type="submit"
                                                   value="<?php echo esc_attr__('Cerca', 'annuncifunebri-onoranza'); ?>"
                                                   class="annfu_filter_submit btn btn-default">
                                            <?php if ($tipo_ricerca === 'entrambe'): ?>
                                                <a @click="modalitaRicerca = 'semplice'" class="annfu_filter_button annfu_pointer">
                                                    <?php echo esc_html__('ricerca semplificata', 'annuncifunebri-onoranza'); ?>
                                                </a>
                                            <?php endif; ?>
                                        </div>
                                    </div>
                                </form>
                            </div>
                            </template>
                            <?php endif; ?>

                        </div>
                    </div>
                </div>
            </div>

            <!-- RISULTATI -->
            <div class="annfu-ricerca-risultati">
                <div x-show="loading" class="annfu-ricerca-loading">
                    <i class="fa fa-hourglass-half fa-spin"></i> <?php echo esc_html__('Ricerca in corso...', 'annuncifunebri-onoranza'); ?>
                </div>

                <div x-show="!loading && ricercaEffettuata && risultati.length === 0" class="annfu-ricerca-vuota">
                    <?php echo esc_html__('Nessun risultato trovato', 'annuncifunebri-onoranza'); ?>
                </div>

                <div x-show="!loading && risultati.length > 0" class="annfu-risultati-griglia">
                    <div class="row annfu-annunci-grid">
                        <template x-for="annuncio in risultati" :key="annuncio.slug">
                            <div class="annfu_annunci_container <?php echo esc_attr($col_classes); ?>">
                                <!-- Card Orizzontale con classi dedicate -->
                                <template x-if="tipoVisualizzazione.includes('card_orizzontale')">
                                    <div class="annfu-hcard">
                                        <!-- Badge tipo annuncio -->
                                        <template x-if="annuncio.tipoAnnuncio === 'anniversario' || annuncio.tipoAnnuncio === 'trigesimo'">
                                            <div class="annfu-hcard-ribbon annfu-hcard-ribbon-anniversary">
                                                <span x-text="annuncio.tipoAnnuncio"></span>
                                            </div>
                                        </template>
                                        <template x-if="annuncio.tipoAnnuncio === 'ringraziamento'">
                                            <div class="annfu-hcard-ribbon annfu-hcard-ribbon-thanks">
                                                <span>ringraziamento</span>
                                            </div>
                                        </template>

                                        <div class="annfu-hcard-photo" :class="animationClasses" :style="animationStyle">
                                            <a :href="`<?php echo esc_url(get_site_url() . '/' . $page_annuncio); ?>/${annuncio.comune?.slug || 'comune'}/${annuncio.slug}`">
                                                <img :src="annuncio.foto && !annuncio.foto.includes('anonimo.jpg') ? annuncio.foto : placeholderUrl"
                                                     :alt="annuncio.nominativo">
                                                <?php if ($nome_dentro_foto): ?>
                                                <div class="annfu-hcard-name-overlay">
                                                    <span x-show="annuncio.titolo" x-html="annuncio.titolo + ' '"></span>
                                                    <span x-html="annuncio.nomeVisualizzato || annuncio.nominativoCompleto || annuncio.nominativo"></span>
                                                    <span x-show="annuncio.secondaRiga" class="annfu-seconda-riga"><br><span x-html="annuncio.secondaRiga"></span></span>
                                                    <span x-show="annuncio.terzaRiga" class="annfu-terza-riga"><br><span x-html="annuncio.terzaRiga"></span></span>
                                                </div>
                                                <?php endif; ?>
                                            </a>
                                        </div>

                                        <div class="annfu-hcard-body">
                                            <?php if (!$nome_dentro_foto): ?>
                                            <h2 class="annfu-hcard-title">
                                                <a :href="`<?php echo esc_url(get_site_url() . '/' . $page_annuncio); ?>/${annuncio.comune?.slug || 'comune'}/${annuncio.slug}`">
                                                    <span x-show="annuncio.titolo" x-html="annuncio.titolo + ' '"></span>
                                                    <span x-html="annuncio.nomeVisualizzato || annuncio.nominativoCompleto || annuncio.nominativo"></span>
                                                    <span x-show="annuncio.secondaRiga" class="annfu-seconda-riga"><br><span x-html="annuncio.secondaRiga"></span></span>
                                                    <span x-show="annuncio.terzaRiga" class="annfu-terza-riga"><br><span x-html="annuncio.terzaRiga"></span></span>
                                                </a>
                                            </h2>
                                            <?php endif; ?>

                                            <div class="annfu-hcard-age" x-show="annuncio.eta > 0">
                                                di <span x-text="annuncio.eta"></span> anni
                                            </div>

                                            <div class="annfu-hcard-location" x-html="annuncio.paese"></div>

                                            <div class="annfu-hcard-funeral" x-show="annuncio.casaFuneraria" x-html="annuncio.casaFuneraria"></div>

                                            <div class="annfu-hcard-action">
                                                <a :href="`<?php echo esc_url(get_site_url() . '/' . $page_annuncio); ?>/${annuncio.comune?.slug || 'comune'}/${annuncio.slug}`" class="annfu-hcard-btn">
                                                    Lascia un messaggio di cordoglio
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                </template>

                                <!-- Lista Compatta -->
                                <template x-if="tipoVisualizzazione === 'lista'">
                                    <div class="annfu-list-item">
                                        <div class="annfu-list-photo" :class="animationClasses" :style="animationStyle">
                                            <a :href="`<?php echo esc_url(get_site_url() . '/' . $page_annuncio); ?>/${annuncio.comune?.slug || 'comune'}/${annuncio.slug}`">
                                                <img :src="annuncio.foto && !annuncio.foto.includes('anonimo.jpg') ? annuncio.foto : placeholderUrl"
                                                     :alt="annuncio.nominativo">
                                            </a>
                                            <!-- Badge tipo annuncio -->
                                            <template x-if="annuncio.tipoAnnuncio === 'anniversario' || annuncio.tipoAnnuncio === 'trigesimo'">
                                                <span class="annfu-list-badge annfu-list-badge-anniversary" x-text="annuncio.tipoAnnuncio"></span>
                                            </template>
                                            <template x-if="annuncio.tipoAnnuncio === 'ringraziamento'">
                                                <span class="annfu-list-badge annfu-list-badge-thanks">ringraziamento</span>
                                            </template>
                                        </div>

                                        <div class="annfu-list-content">
                                            <div class="annfu-list-main">
                                                <!-- Nome -->
                                                <h2 class="annfu-list-name">
                                                    <a :href="`<?php echo esc_url(get_site_url() . '/' . $page_annuncio); ?>/${annuncio.comune?.slug || 'comune'}/${annuncio.slug}`">
                                                        <span x-show="annuncio.titolo" x-html="annuncio.titolo + ' '"></span>
                                                        <span x-html="annuncio.nomeVisualizzato || annuncio.nominativoCompleto || annuncio.nominativo"></span>
                                                    </a>
                                                </h2>

                                                <!-- Seconda e terza riga (subito sotto il nome) -->
                                                <div class="annfu-list-righe" x-show="annuncio.secondaRiga || annuncio.terzaRiga">
                                                    <div x-show="annuncio.secondaRiga" class="annfu-seconda-riga" x-html="annuncio.secondaRiga"></div>
                                                    <div x-show="annuncio.terzaRiga" class="annfu-terza-riga" x-html="annuncio.terzaRiga"></div>
                                                </div>

                                                <!-- Età e paese -->
                                                <div class="annfu-list-meta">
                                                    <span class="annfu-list-age" x-show="annuncio.eta > 0">
                                                        <i class="fa fa-user"></i> <span x-text="annuncio.eta"></span> anni
                                                    </span>
                                                    <span class="annfu-list-location" x-show="annuncio.paese">
                                                        <i class="fa fa-map-marker"></i> <span x-html="annuncio.paese"></span>
                                                    </span>
                                                </div>

                                                <!-- Casa funeraria -->
                                                <div class="annfu-list-funeral" x-show="annuncio.casaFuneraria" x-html="annuncio.casaFuneraria"></div>
                                            </div>

                                            <div class="annfu-list-side">
                                                <a :href="`<?php echo esc_url(get_site_url() . '/' . $page_annuncio); ?>/${annuncio.comune?.slug || 'comune'}/${annuncio.slug}`"
                                                   class="annfu-list-btn annfu-link-cordoglio">
                                                    <?php echo esc_html__('Lascia un messaggio di cordoglio', 'annuncifunebri-onoranza'); ?>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                </template>

                                <!-- Card Verticale/Griglia con classi originali -->
                                <template x-if="tipoVisualizzazione === 'griglia'">
                                    <div class="annfu-risultato-item annfu_annunci_wrapper">
                                        <!-- Badge tipo annuncio (sopra la foto) -->
                                        <template x-if="annuncio.tipoAnnuncio === 'anniversario' || annuncio.tipoAnnuncio === 'trigesimo'">
                                            <div class="annfu_ribbon_anniversario_wrapper">
                                                <div class="annfu_ribbon_anniversario" x-text="annuncio.tipoAnnuncio"></div>
                                            </div>
                                        </template>
                                        <template x-if="annuncio.tipoAnnuncio === 'ringraziamento'">
                                            <div class="annfu_ribbon_ringraziamento_wrapper">
                                                <div class="annfu_ribbon_ringraziamento">ringraziamento</div>
                                            </div>
                                        </template>

                                        <div class="annfu-risultato-foto-wrapper" :class="animationClasses" :style="animationStyle">
                                            <a :href="`<?php echo esc_url(get_site_url() . '/' . $page_annuncio); ?>/${annuncio.comune?.slug || 'comune'}/${annuncio.slug}`"
                                               class="annfu_annunci_foto">
                                                <img :src="annuncio.foto && !annuncio.foto.includes('anonimo.jpg') ? annuncio.foto : placeholderUrl"
                                                     :alt="annuncio.nominativo">
                                                <?php if ($nome_dentro_foto): ?>
                                                <div class="annfu-nome-overlay">
                                                    <span x-show="annuncio.titolo" x-html="annuncio.titolo + ' '"></span>
                                                    <span x-html="annuncio.nomeVisualizzato || annuncio.nominativoCompleto || annuncio.nominativo"></span>
                                                    <span x-show="annuncio.secondaRiga" class="annfu-seconda-riga"><br><span x-html="annuncio.secondaRiga"></span></span>
                                                    <span x-show="annuncio.terzaRiga" class="annfu-terza-riga"><br><span x-html="annuncio.terzaRiga"></span></span>
                                                </div>
                                                <?php endif; ?>
                                            </a>
                                        </div>

                                        <div class="annfu-risultato-contenuto">
                                            <?php if (!$nome_dentro_foto): ?>
                                            <h2 class="annfu_annunci_nominativo">
                                                <a :href="`<?php echo esc_url(get_site_url() . '/' . $page_annuncio); ?>/${annuncio.comune?.slug || 'comune'}/${annuncio.slug}`">
                                                    <span x-show="annuncio.titolo" x-html="annuncio.titolo + ' '"></span>
                                                    <span x-html="annuncio.nomeVisualizzato || annuncio.nominativoCompleto || annuncio.nominativo"></span>
                                                    <span x-show="annuncio.secondaRiga" class="annfu-seconda-riga"><br><span x-html="annuncio.secondaRiga"></span></span>
                                                    <span x-show="annuncio.terzaRiga" class="annfu-terza-riga"><br><span x-html="annuncio.terzaRiga"></span></span>
                                                </a>
                                            </h2>
                                            <?php endif; ?>

                                            <div class="annfu_annunci_anni" x-show="annuncio.eta > 0">
                                                di <span x-text="annuncio.eta"></span> anni
                                            </div>
                                            <div class="annfu_annunci_anni" x-show="!annuncio.eta || annuncio.eta <= 0">&nbsp;</div>

                                            <div class="annfu_annunci_paese" x-html="annuncio.paese"></div>

                                            <div class="annfu_annunci_casa_funeraria"
                                                 :class="annuncio.casaFuneraria ? '' : 'annfu_annunci_casa_funeraria_no'"
                                                 x-html="annuncio.casaFuneraria || '&nbsp;'"></div>
                                        </div>

                                        <div class="annfu_add_cordoglio">
                                            <a :href="`<?php echo esc_url(get_site_url() . '/' . $page_annuncio); ?>/${annuncio.comune?.slug || 'comune'}/${annuncio.slug}`">
                                                <?php echo wp_kses( __('lascia un messaggio<br/>di cordoglio', 'annuncifunebri-onoranza'), array( 'br' => array() ) ); ?>
                                            </a>
                                        </div>
                                    </div>
                                </template>
                            </div>
                        </template>
                    </div>

                    <div class="annfu-footer-info">
                        <div class="annfu-risultati-info">
                            <span x-text="`${totale} risultat${totale === 1 ? 'o' : 'i'} trovat${totale === 1 ? 'o' : 'i'}`"></span>
                        </div>

                        <div x-show="totalePagine > 1" class="annfu-paginazione">
                            <!-- Prima -->
                            <button @click="vaiAPagina(1)" :disabled="paginaCorrente === 1" class="annfu-pag-btn annfu-pag-first">
                                <?php echo esc_html__('Prima', 'annuncifunebri-onoranza'); ?>
                            </button>

                            <!-- Precedente -->
                            <button @click="paginaPrecedente" :disabled="paginaCorrente === 1" class="annfu-pag-btn annfu-pag-prev">
                                <i class="fa fa-chevron-left"></i>
                            </button>

                            <!-- Numeri pagine -->
                            <template x-for="p in pagineDaMostrare" :key="p">
                                <button @click="vaiAPagina(p)"
                                        :class="{'annfu-pag-current': p === paginaCorrente, 'annfu-pag-number': true}"
                                        class="annfu-pag-btn"
                                        x-text="p"></button>
                            </template>

                            <!-- Successiva -->
                            <button @click="paginaSuccessiva" :disabled="paginaCorrente === totalePagine" class="annfu-pag-btn annfu-pag-next">
                                <i class="fa fa-chevron-right"></i>
                            </button>

                            <!-- Ultima -->
                            <button @click="vaiAPagina(totalePagine)" :disabled="paginaCorrente === totalePagine" class="annfu-pag-btn annfu-pag-last">
                                <?php echo esc_html__('Ultima', 'annuncifunebri-onoranza'); ?>
                            </button>
                        </div>
                    </div>

                    <?php if ($visualizza_crediti): ?>
                    <div class="annfu_poweredby">
                        <?php
                        // Verifica se c'è almeno un annuncio con OFC
                        ?>
                        <span x-show="risultati.some(a => a.ofc)">
                            generato da <a href="https://onoranzefunebricloud.com?rel=p-af" target="_blank">eterno</a> e
                            <a href="<?php echo esc_url(defined('ANNFU_SITE') ? ANNFU_SITE : 'https://annuncifunebri.it'); ?>?rel=p-af" target="_blank">annuncifunebri</a>
                        </span>
                        <span x-show="!risultati.some(a => a.ofc)">
                            <a href="<?php echo esc_url(defined('ANNFU_SITE') ? ANNFU_SITE : 'https://annuncifunebri.it'); ?>?rel=p-af" target="_blank">generato da annuncifunebri</a>
                        </span>
                    </div>
                    <?php endif; ?>
                </div>
            </div>
        </div>
        <?php
    }
}
