<?php

use WpBookingHotel\Factory;
use WpBookingHotel\Mvc\Model\Model;
use WpBookingHotel\Utilities\Utility;
use WpBookingHotel\Html\WpBookingHotelHtmlWooPanel as WpBookingHotelHtmlWooPanelAlias;
use WpBookingHotel\Language\Text;
defined('_WPBOOKINGHOTEL_EXEC') or die;
extract($displayData);
WpBookingHotelHtmlWooPanelAlias::load_jquery_library('select2');
$id_by_name = "element_field_". $name;
$list_color = [
    '#e6194b',
    '#3cb44b',
    '#ffe119',
    '#4363d8',
    '#f58231',
    '#911eb4',
    '#46f0f0',
    '#f032e6',
    '#bcf60c',
    '#fabebe',
    '#008080',
    '#e6beff',
    '#9a6324',
    '#fffac8',
    '#800000',
    '#aaffc3',
    '#808000',
    '#ffd8b1',
    '#000075',
    '#808080',
    '#ffffff',
    '#000000'
];
?>
    <div id="<?php esc_html_e($id_by_name) ?>" class="<?php esc_html_e($class); ?> field-colorpicker">
        <ul class="list-color">
            <?php foreach ($list_color as $color) { ?>
                <li>
                    <div class="color-item <?php echo($value == $color ? ' active ' : '') ?>"
                         data-color="<?php esc_html_e($color) ?>" style="background: <?php esc_html_e($color) ?>"><i
                            class="fas fa-check checked"></i></div>
                </li>
            <?php } ?>
        </ul>
        <input type="hidden" name="<?php esc_html_e($name); ?>" value="<?php esc_html_e($value) ?>" />
    </div>
<?php
$doc = Factory::getDocument();
$doc->addLessStyleSheet('admin_woopanel/app/layouts/WooBooking/form/field/colorpicker/colorpicker.less');
$doc->addScriptApplySelector('.field-colorpicker','field_colorpicker',array(
        'input_name'=> $name
),'admin_woopanel/app/layouts/WooBooking/form/field/colorpicker/colorpicker.jquery.js');