<?php
use WpBookingEvent\Factory;
use WpBookingEvent\Html\WpBookingEventHtmlBackend as WpBookingEventHtmlBackendAlias;
defined('_WPBOOKINGEVENT_EXEC') or die;
extract($displayData);
WpBookingEventHtmlBackendAlias::load_jquery_library('ui');
$doc = Factory::getDocument();
$id_by_name = "element_field_". $name;
?>
    <div id="<?php esc_attr_e($id_by_name) ?>" class="<?php esc_attr_e($class); ?> field-uploadsystem hide-option">
		<?php if ($enable_upload) { ?>
            <input type="file" class="upload upload-file" name="file_upload" />
            <a href="https://cmsmart.net/community/tutorials/how-to-integrate-google-calendar-into-great-events" target="_blank">
                <?php esc_attr_e('Instructions to create json file','wpbookingevent')?>
            </a>
		<?php } else { ?>
            <div class="btn-browser-media"></div>
		<?php } ?>
        <input type="hidden" name="<?php esc_attr_e($name) ?>">
    </div>
<?php
$doc->addLessStyleSheet('admin/app/layouts/WooBooking/form/field/uploadsystem/uploadsystem.less');
$doc->addScriptApplySelector('.field-uploadsystem','field_uploadsystem',array(
    "input_name"=>  $name,
    "value"=> $value
),'admin/app/layouts/WooBooking/form/field/uploadsystem/uploadsystem.jquery.js');