<?php

use WpBookingEvent\Factory;
use WpBookingEvent\Language\Text;
use WpBookingEvent\Utilities\Utility;
use WpBookingEvent\Html\WpBookingEventHtmlBackend as WpBookingEventHtmlBackendAlias;
defined('_WPBOOKINGEVENT_EXEC') or die;
extract($displayData);

WpBookingEventHtmlBackendAlias::load_jquery_library('auto_numeric');

$doc = Factory::getDocument();

$id_by_name = "element_field_". $name;
$data = $displayData['field']->getForm()->getData();
$input = Factory::getInput();
?>
    <div id="<?php esc_html_e($id_by_name) ?>" class="<?php esc_html_e($class); ?> field-reviewstar">
        <div class='rating-stars'>
            <ul class='stars stars_service'>
                <li class='star' title='Poor' data-value='1'>
                    <i class='fa fa-star fa-fw'></i>
                </li>
                <li class='star' title='Fair' data-value='2'>
                    <i class='fa fa-star fa-fw'></i>
                </li>
                <li class='star' title='Good' data-value='3'>
                    <i class='fa fa-star fa-fw'></i>
                </li>
                <li class='star' title='Excellent' data-value='4'>
                    <i class='fa fa-star fa-fw'></i>
                </li>
                <li class='star' title='WOW!!!' data-value='5'>
                    <i class='fa fa-star fa-fw'></i>
                </li>
            </ul>
        </div>
        <input type="hidden" name="<?php esc_html_e($name); ?>" />
    </div>
<?php
$doc->addLessStylesheet('frontend/app/layouts/WooBooking/form/field/reviewstar/reviewstar.less');
$doc->addScriptApplySelector('#'.$id_by_name,'field_reviewstar',array(
    "field_name"=>  $name
),'frontend/app/layouts/WooBooking/form/field/reviewstar/reviewstar.jquery.js');
