<?php if (!defined('ABSPATH')) exit; ?>

<h3>Annunci - ricerca</h3>
<div class="row mb-3">
    <div class="col-xs-12 col-sm-6 col-md-3">
        <input type="color" name="id_bg_annfu_annunci_filter" value="<?php echo esc_attr($afOptionsValues['id_bg_annfu_annunci_filter']); ?>"/>
        <span class="annfu_helper"><?php echo esc_html($afOptions['id_bg_annfu_annunci_filter']['description']); ?></span>
    </div>
    <div class="col-xs-12 col-sm-6 col-md-3">
        <input type="color" name="id_annfu_annunci_filter" value="<?php echo esc_attr($afOptionsValues['id_annfu_annunci_filter']); ?>"/>
        <span class="annfu_helper"><?php echo esc_html($afOptions['id_annfu_annunci_filter']['description']); ?></span>
    </div>
    <div class="col-xs-12 col-sm-6 col-md-3">
        <input type="color" name="class_bg_annfu_filter_submit" value="<?php echo esc_attr($afOptionsValues['class_bg_annfu_filter_submit']); ?>"/>
        <span class="annfu_helper"><?php echo esc_html($afOptions['class_bg_annfu_filter_submit']['description']); ?></span>
    </div>
    <div class="col-xs-12 col-sm-6 col-md-3">
        <input type="color" name="class_annfu_filter_submit" value="<?php echo esc_attr($afOptionsValues['class_annfu_filter_submit']); ?>"/>
        <span class="annfu_helper"><?php echo esc_html($afOptions['class_annfu_filter_submit']['description']); ?></span>
    </div>
</div>

<h3>Annunci - elenco</h3>
<div class="row mb-3">
    <div class="col-xs-12 col-sm-6 col-md-3">
        <input type="color" name="id_border_annfu_annunci" value="<?php echo esc_attr($afOptionsValues['id_border_annfu_annunci']); ?>"/>
        <span class="annfu_helper"><?php echo esc_html($afOptions['id_border_annfu_annunci']['description']); ?></span>
    </div>
    <div class="col-xs-12 col-sm-6 col-md-3">
        <input type="color" name="id_bg_annfu_annunci" value="<?php echo esc_attr($afOptionsValues['id_bg_annfu_annunci']); ?>"/>
        <span class="annfu_helper"><?php echo esc_html($afOptions['id_bg_annfu_annunci']['description']); ?></span>
    </div>
</div>
<div class="row mb-3">
    <div class="col-xs-12 col-sm-6 col-md-3">
        <input type="color" name="class_border_annfu_annunci_wrapper" value="<?php echo esc_attr($afOptionsValues['class_border_annfu_annunci_wrapper']); ?>"/>
        <span class="annfu_helper"><?php echo esc_html($afOptions['class_border_annfu_annunci_wrapper']['description']); ?></span>
    </div>
    <div class="col-xs-12 col-sm-6 col-md-3">
        <input type="color" name="class_bg_annfu_annunci_wrapper" value="<?php echo esc_attr($afOptionsValues['class_bg_annfu_annunci_wrapper']); ?>"/>
        <span class="annfu_helper"><?php echo esc_html($afOptions['class_bg_annfu_annunci_wrapper']['description']); ?></span>
    </div>
    <div class="col-xs-12 col-sm-6 col-md-3">
        <input type="color" name="class_annfu_annunci_wrapper" value="<?php echo esc_attr($afOptionsValues['class_annfu_annunci_wrapper']); ?>"/>
        <span class="annfu_helper"><?php echo esc_html($afOptions['class_annfu_annunci_wrapper']['description']); ?></span>
    </div>
    <div class="col-xs-12 col-sm-6 col-md-3">
        <input type="color" name="class_annfu_annunci_nominativo" value="<?php echo esc_attr($afOptionsValues['class_annfu_annunci_nominativo']); ?>"/>
        <span class="annfu_helper"><?php echo esc_html($afOptions['class_annfu_annunci_nominativo']['description']); ?></span>
    </div>
</div>
<div class="row mb-3">
    <div class="col-xs-12 col-sm-6 col-md-3">
        <input type="color" name="class_border_hover_annfu_annunci_wrapper"
               value="<?php echo esc_attr($afOptionsValues['class_border_hover_annfu_annunci_wrapper']); ?>"/>
        <span class="annfu_helper"><?php echo esc_html($afOptions['class_border_hover_annfu_annunci_wrapper']['description']); ?></span>
    </div>
    <div class="col-xs-12 col-sm-6 col-md-3">
        <input type="color" name="class_bg_hover_annfu_annunci_wrapper"
               value="<?php echo esc_attr($afOptionsValues['class_bg_hover_annfu_annunci_wrapper']); ?>"/>
        <span class="annfu_helper"><?php echo esc_html($afOptions['class_bg_hover_annfu_annunci_wrapper']['description']); ?></span>
    </div>
    <div class="col-xs-12 col-sm-6 col-md-3">
        <input type="color" name="class_hover_annfu_annunci_wrapper" value="<?php echo esc_attr($afOptionsValues['class_hover_annfu_annunci_wrapper']); ?>"
        />
        <span class="annfu_helper"><?php echo esc_html($afOptions['class_hover_annfu_annunci_wrapper']['description']); ?></span>
    </div>
    <div class="col-xs-12 col-sm-6 col-md-3">
        <input type="color" name="class_hover_annfu_annunci_nominativo"
               value="<?php echo esc_attr($afOptionsValues['class_hover_annfu_annunci_nominativo']); ?>"/>
        <span class="annfu_helper"><?php echo esc_html($afOptions['class_hover_annfu_annunci_nominativo']['description']); ?></span>
    </div>
</div>
<br/>
<div class="row mb-3">
    <div class="col-xs-12 col-sm-6 col-md-3">
        <input type="color" name="class_bg_hover_annfu_add_cordoglio" value="<?php echo esc_attr($afOptionsValues['class_bg_hover_annfu_add_cordoglio']); ?>"/>
        <span class="annfu_helper"><?php echo esc_html($afOptions['class_bg_hover_annfu_add_cordoglio']['description']); ?></span>
    </div>
    <div class="col-xs-12 col-sm-6 col-md-3">
        <input type="color" name="class_hover_annfu_add_cordoglio" value="<?php echo esc_attr($afOptionsValues['class_hover_annfu_add_cordoglio']); ?>"/>
        <span class="annfu_helper"><?php echo esc_html($afOptions['class_hover_annfu_add_cordoglio']['description']); ?></span>
    </div>
</div>

<h3>Annuncio</h3>
<div class="row mb-3">
    <div class="col-xs-12 col-sm-6 col-md-3">
        <input type="color" name="class_border_annfu_annuncio_wrapper"
               value="<?php echo esc_attr($afOptionsValues['class_border_annfu_annuncio_wrapper']); ?>"/>
        <span class="annfu_helper"><?php echo esc_html($afOptions['class_border_annfu_annuncio_wrapper']['description']); ?></span>
    </div>
    <div class="col-xs-12 col-sm-6 col-md-3">
        <input type="color" name="class_annfu_annuncio_wrapper" value="<?php echo esc_attr($afOptionsValues['class_annfu_annuncio_wrapper']); ?>"/>
        <span class="annfu_helper"><?php echo esc_html($afOptions['class_annfu_annuncio_wrapper']['description']); ?></span>
    </div>
    <div class="col-xs-12 col-sm-6 col-md-3">
        <input type="color" name="class_h2_annfu_annuncio_wrapper" value="<?php echo esc_attr($afOptionsValues['class_h2_annfu_annuncio_wrapper']); ?>"/>
        <span class="annfu_helper"><?php echo esc_html($afOptions['class_h2_annfu_annuncio_wrapper']['description']); ?></span>
    </div>
</div>

<h3>Annuncio - form</h3>
<div class="row mb-3">
    <div class="col-xs-12 col-sm-6 col-md-3">
        <input type="color" name="class_annfu_form_cordoglio_wrapper" value="<?php echo esc_attr($afOptionsValues['class_annfu_form_cordoglio_wrapper']); ?>"/>
        <span class="annfu_helper"><?php echo esc_html($afOptions['class_annfu_form_cordoglio_wrapper']['description']); ?></span>
    </div>
    <div class="col-xs-12 col-sm-6 col-md-3">
        <input type="color" name="class_h2_annfu_form_cordoglio_wrapper"
               value="<?php echo esc_attr($afOptionsValues['class_h2_annfu_form_cordoglio_wrapper']); ?>"/>
        <span class="annfu_helper"><?php echo esc_html($afOptions['class_h2_annfu_form_cordoglio_wrapper']['description']); ?></span>
    </div>
</div>
<div class="row mb-3">
    <div class="col-xs-12 col-sm-6 col-md-3">
        <input type="color" name="class_bg_annfu_invio" value="<?php echo esc_attr($afOptionsValues['class_bg_annfu_invio']); ?>"/>
        <span class="annfu_helper"><?php echo esc_html($afOptions['class_bg_annfu_invio']['description']); ?></span>
    </div>
    <div class="col-xs-12 col-sm-6 col-md-3">
        <input type="color" name="class_annfu_invio" value="<?php echo esc_attr($afOptionsValues['class_annfu_invio']); ?>"/>
        <span class="annfu_helper"><?php echo esc_html($afOptions['class_annfu_invio']['description']); ?></span>
    </div>
    <div class="col-xs-12 col-sm-6 col-md-3">
        <input type="color" name="class_bg_hover_annfu_invio" value="<?php echo esc_attr($afOptionsValues['class_bg_hover_annfu_invio']); ?>"/>
        <span class="annfu_helper"><?php echo esc_html($afOptions['class_bg_hover_annfu_invio']['description']); ?></span>
    </div>
    <div class="col-xs-12 col-sm-6 col-md-3">
        <input type="color" name="class_hover_annfu_invio" value="<?php echo esc_attr($afOptionsValues['class_hover_annfu_invio']); ?>"/>
        <span class="annfu_helper"><?php echo esc_html($afOptions['class_hover_annfu_invio']['description']); ?></span>
    </div>
</div>

<h3>Annuncio - cordogli</h3>
<div class="row mb-3">
    <div class="col-xs-12 col-sm-6 col-md-3">
        <input type="color" name="class_annfu_cordoglio_intestazione" value="<?php echo esc_attr($afOptionsValues['class_annfu_cordoglio_intestazione']); ?>"/>
        <span class="annfu_helper"><?php echo esc_html($afOptions['class_annfu_cordoglio_intestazione']['description']); ?></span>
    </div>
    <div class="col-xs-12 col-sm-6 col-md-3">
        <input type="color" name="class_annfu_data_cordoglio" value="<?php echo esc_attr($afOptionsValues['class_annfu_data_cordoglio']); ?>"/>
        <span class="annfu_helper"><?php echo esc_html($afOptions['class_annfu_data_cordoglio']['description']); ?></span>
    </div>
    <div class="col-xs-12 col-sm-6 col-md-3">
        <input type="color" name="class_border_annfu_cordoglio_intestazione"
               value="<?php echo esc_attr($afOptionsValues['class_border_annfu_cordoglio_intestazione']); ?>"/>
        <span class="annfu_helper"><?php echo esc_html($afOptions['class_border_annfu_cordoglio_intestazione']['description']); ?></span>
    </div>
    <div class="col-xs-12 col-sm-6 col-md-3">
        <input type="color" name="class_annfu_cordoglio_testo" value="<?php echo esc_attr($afOptionsValues['class_annfu_cordoglio_testo']); ?>"/>
        <span class="annfu_helper"><?php echo esc_html($afOptions['class_annfu_cordoglio_testo']['description']); ?></span>
    </div>
</div>

<br/>
<input type="submit" value="<?php echo esc_attr__('Salva colori', 'annuncifunebri-onoranza'); ?>" class="button button-primary" id="submit" name="submit">
<a id="annfu_options_reset" href="<?php echo esc_url(wp_nonce_url(admin_url('admin.php?action=annfu_reset_options&_reset=1'), 'annfu_reset_options_action', '_wpnonce')); ?>">reset ai valori di default</a>