function timetable_vc_init()
{
    include_once ABSPATH . 'wp-admin/includes/plugin.php';
    if (!is_plugin_active("js_composer/js_composer.php") || !function_exists('vc_map')) {
        return;
    }
    //add support for multiple select field
    vc_add_shortcode_param('dropdownmulti', 'timetable_vc_dropdownmultiple_settings_field');
    global $wpdb;
    $timetable_events_settings = timetable_events_settings();
    //get saved shortcodes
    $timetable_shortcodes_list = get_option("timetable_shortcodes_list");
    $timetable_shortcodes_array = array(__("choose...", "timetable") => "-1");
    if (!empty($timetable_shortcodes_list)) {
        foreach ($timetable_shortcodes_list as $key => $val) {
            $timetable_shortcodes_array[$key] = $key;
        }
    }
    //get events list
    $events_list = get_posts(array('posts_per_page' => -1, 'nopaging' => true, 'orderby' => 'menu_order', 'order' => 'ASC', 'post_type' => $timetable_events_settings['slug']));
    $events_array = array();
    $events_array["All"] = "";
    foreach ($events_list as $event) {
        $events_array[$event->post_title . " (id:" . $event->ID . ")"] = urldecode($event->post_name);
    }
    //get events categories list
    $events_categories = get_terms("events_category");
    $events_categories_array = array();
    $events_categories_array["All"] = "";
    foreach ($events_categories as $events_category) {
        $events_categories_array[$events_category->name] = urldecode($events_category->slug);
    }
    //get hour categories
    $query = "SELECT distinct(category) AS category FROM " . $wpdb->prefix . "event_hours AS t1\r\n\t\t\tLEFT JOIN {$wpdb->posts} AS t2 ON t1.event_id=t2.ID \r\n\t\t\tWHERE \r\n\t\t\tt2.post_type='" . $timetable_events_settings['slug'] . "'\r\n\t\t\tAND t2.post_status='publish'\r\n\t\t\tAND category<>''";
    $hour_categories = $wpdb->get_results($query);
    $hour_categories_array = array();
    $hour_categories_array["All"] = "";
    foreach ($hour_categories as $hour_category) {
        $hour_categories_array[$hour_category->category] = $hour_category->category;
    }
    //get columns
    $weekdays_list = get_posts(array('posts_per_page' => -1, 'nopaging' => true, 'orderby' => 'menu_order', 'order' => 'ASC', 'post_type' => 'timetable_weekdays'));
    $weekdays_array = array();
    $weekdays_array["All"] = "";
    foreach ($weekdays_list as $weekday) {
        $weekdays_array[$weekday->post_title . " (id:" . $weekday->ID . ")"] = urldecode($weekday->post_name);
    }
    //get google fonts
    $fontsArray = timetable_get_google_fonts();
    $google_fonts_array = array();
    $google_fonts_array["Default"] = "";
    if (isset($fontsArray)) {
        $fontsCount = count($fontsArray->items);
        for ($i = 0; $i < $fontsCount; $i++) {
            $variantsCount = count($fontsArray->items[$i]->variants);
            if ($variantsCount > 1) {
                for ($j = 0; $j < $variantsCount; $j++) {
                    $google_fonts_array[$fontsArray->items[$i]->family . ":" . $fontsArray->items[$i]->variants[$j]] = $fontsArray->items[$i]->family . ":" . $fontsArray->items[$i]->variants[$j];
                }
            } else {
                $google_fonts_array[$fontsArray->items[$i]->family] = $fontsArray->items[$i]->family;
            }
        }
    }
    vc_map(array("name" => __("Timetable", 'timetable'), "base" => "tt_timetable", "class" => "", "controls" => "full", "show_settings_on_create" => true, "icon" => "icon-wpb-layer-timetable", "admin_enqueue_js" => array(plugin_dir_url(__FILE__) . '/admin/js/timetable_vc.js'), "front_enqueue_js" => array(plugin_dir_url(__FILE__) . '/admin/js/timetable_vc.js'), "params" => array(array("type" => "dropdown", "class" => "", "heading" => __("Choose shortcode id:", "timetable"), "param_name" => "shortcode_id", "value" => $timetable_shortcodes_array), array("type" => "dropdownmulti", "class" => "", "heading" => __("Events", "timetable"), "param_name" => "event", "value" => $events_array), array("type" => "dropdownmulti", "class" => "", "heading" => __("Event categories", "timetable"), "param_name" => "event_category", "value" => $events_categories_array), array("type" => "dropdownmulti", "class" => "", "heading" => __("Hour categories", "timetable"), "param_name" => "hour_category", "value" => $hour_categories_array), array("type" => "dropdownmulti", "class" => "", "heading" => __("Columns", "timetable"), "param_name" => "columns", "value" => $weekdays_array), array("type" => "dropdown", "class" => "", "heading" => __("Hour measure", "timetable"), "param_name" => "measure", "value" => array(__("Hour (1h)", "timetable") => "1", __("Half hour (30min)", "timetable") => "0.5", __("Quarter hour (15min)", "timetable") => "0.25")), array("type" => "dropdown", "class" => "", "heading" => __("Filter style", "timetable"), "param_name" => "filter_style", "value" => array(__("Dropdown list", "timetable") => "dropdown_list", __("Tabs", "timetable") => "tabs")), array("type" => "dropdown", "class" => "", "heading" => __("Filter kind", "timetable"), "param_name" => "filter_kind", "value" => array(__("By event", "timetable") => "event", __("By event category", "timetable") => "event_category", __("By event and event category", "timetable") => "event_and_event_category")), array("type" => "textfield", "class" => "", "heading" => __("Filter label", "timetable"), "param_name" => "filter_label", "value" => __("All Events", "timetable")), array("type" => "textfield", "class" => "", "heading" => __("Filter label 2", "timetable"), "param_name" => "filter_label_2", "value" => __("All Events Categories", "timetable"), "dependency" => array("element" => "filter_kind", "value" => array("event_and_event_category"))), array("type" => "dropdown", "class" => "", "heading" => __("Select time format", "timetable"), "param_name" => "select_time", "value" => array(__("09.03 (H.i)", "timetable") => "H.i", __("09:03 (H:i)", "timetable") => "H:i", __("9:03 am (g:i a)", "timetable") => "g:i a", __("9:03 AM (g:i A)", "timetable") => "g:i A")), array("type" => "textfield", "class" => "", "heading" => __("Time format", "timetable"), "param_name" => "time_format", "value" => "H.i"), array("type" => "dropdown", "class" => "", "heading" => __("Hide 'All Events' view", "timetable"), "param_name" => "hide_all_events_view", "value" => array(__("No", "timetable") => "0", __("Yes", "timetable") => "1")), array("type" => "dropdown", "class" => "", "heading" => __("Hide first (hours) column", "timetable"), "param_name" => "hide_hours_column", "value" => array(__("No", "timetable") => "0", __("Yes", "timetable") => "1")), array("type" => "dropdown", "class" => "", "heading" => __("Show end hour in first (hours) column", "timetable"), "param_name" => "show_end_hour", "value" => array(__("No", "timetable") => "0", __("Yes", "timetable") => "1")), array("type" => "dropdown", "class" => "", "heading" => __("Event block layout", "timetable"), "param_name" => "event_layout", "value" => array(__("Type 1", "timetable") => "1", __("Type 2", "timetable") => "2", __("Type 3", "timetable") => "3", __("Type 4", "timetable") => "4", __("Type 5", "timetable") => "5")), array("type" => "dropdown", "class" => "", "heading" => __("Hide empty rows", "timetable"), "param_name" => "hide_empty", "value" => array(__("No", "timetable") => "0", __("Yes", "timetable") => "1")), array("type" => "dropdown", "class" => "", "heading" => __("Disable event url", "timetable"), "param_name" => "disable_event_url", "value" => array(__("No", "timetable") => "0", __("Yes", "timetable") => "1")), array("type" => "dropdown", "class" => "", "heading" => __("Text align", "timetable"), "param_name" => "text_align", "value" => array(__("center", "timetable") => "center", __("left", "timetable") => "left", __("right", "timetable") => "right")), array("type" => "textfield", "class" => "", "heading" => __("Id", "timetable"), "param_name" => "id", "value" => ""), array("type" => "textfield", "class" => "", "heading" => __("Row height (in px)", "timetable"), "param_name" => "row_height", "value" => "31"), array("type" => "dropdown", "class" => "", "heading" => __("Responsive", "timetable"), "param_name" => "responsive", "value" => array(__("Yes", "timetable") => "1", __("No", "timetable") => "0")), array("type" => "dropdown", "class" => "", "heading" => __("Event Description in responsive mode", "timetable"), "param_name" => "event_description_responsive", "value" => array(__("None", "timetable") => "none", __("Only Description 1", "timetable") => "description-1", __("Only Description 2", "timetable") => "description-2", __("Description 1 and Description 2", "timetable") => "description-1-and-description-2")), array("type" => "dropdown", "class" => "", "heading" => __("Collapse event hours in responsive mode", "timetable"), "param_name" => "collapse_event_hours_responsive", "value" => array(__("No", "timetable") => "0", __("Yes", "timetable") => "1")), array("type" => "colorpicker", "class" => "", "heading" => __("Timetable box background color", "timetable"), "param_name" => "box_bg_color", "value" => "00A27C"), array("type" => "colorpicker", "class" => "", "heading" => __("Timetable box hover background color", "timetable"), "param_name" => "box_hover_bg_color", "value" => "1F736A"), array("type" => "colorpicker", "class" => "", "heading" => __("Timetable box text color", "timetable"), "param_name" => "box_txt_color", "value" => "FFFFFF"), array("type" => "colorpicker", "class" => "", "heading" => __("Timetable box hover text color", "timetable"), "param_name" => "box_hover_txt_color", "value" => "FFFFFF"), array("type" => "colorpicker", "class" => "", "heading" => __("Timetable box hours text color", "timetable"), "param_name" => "box_hours_txt_color", "value" => "FFFFFF"), array("type" => "colorpicker", "class" => "", "heading" => __("Timetable box hours hover text color", "timetable"), "param_name" => "box_hours_hover_txt_color", "value" => "FFFFFF"), array("type" => "colorpicker", "class" => "", "heading" => __("Filter control background color", "timetable"), "param_name" => "filter_color", "value" => "00A27C"), array("type" => "colorpicker", "class" => "", "heading" => __("Row 1 style background color", "timetable"), "param_name" => "row1_color", "value" => "F0F0F0"), array("type" => "colorpicker", "class" => "", "heading" => __("Row 2 style background color", "timetable"), "param_name" => "row2_color", "value" => ""), array("type" => "textfield", "class" => "", "heading" => __("Table header font", "timetable"), "param_name" => "font_custom", "value" => ""), array("type" => "dropdown", "class" => "", "heading" => __("or choose Google font", "timetable"), "param_name" => "font", "value" => $google_fonts_array), array("type" => "dropdownmulti", "class" => "", "heading" => __("Google font subset", "timetable"), "param_name" => "font_subset", "value" => array("", "arabic", "hebrew", "telugu", "cyrillic-ext", "cyrillic", "devanagari", "greek-ext", "greek", "vietnamese", "latin-ext", "latin", "khmer"), "dependency" => array("element" => "font", "not_empty" => true, "callback" => "timetable_font_subset_init")), array("type" => "textfield", "class" => "", "heading" => __("Font size (in px)", "timetable"), "param_name" => "font_size", "value" => ""), array("type" => "textarea", "class" => "", "heading" => __("Custom CSS", "timetable"), "param_name" => "custom_css", "value" => ""))));
}
    function timetable_admin_page()
    {
        //get events list
        $events_list = get_posts(array('posts_per_page' => -1, 'nopaging' => true, 'orderby' => 'menu_order', 'order' => 'ASC', 'post_type' => 'events'));
        //get weekdays list
        $weekdays_list = get_posts(array('posts_per_page' => -1, 'nopaging' => true, 'orderby' => 'menu_order', 'order' => 'ASC', 'post_type' => 'timetable_weekdays'));
        //get all hour categories
        global $wpdb;
        $query = "SELECT distinct(category) AS category FROM " . $wpdb->prefix . "event_hours AS t1\n\t\t\t\tLEFT JOIN {$wpdb->posts} AS t2 ON t1.event_id=t2.ID \n\t\t\t\tWHERE \n\t\t\t\tt2.post_type='events'\n\t\t\t\tAND t2.post_status='publish'\n\t\t\t\tAND category<>''";
        $hour_categories = $wpdb->get_results($query);
        //events string
        $events_string = "";
        $events_select_list = "";
        foreach ($events_list as $event) {
            $events_select_list .= '<option value="' . urldecode($event->post_name) . '">' . $event->post_title . ' (id: ' . $event->ID . ')' . '</option>';
            $events_string .= $event->post_name . (end($events_list) != $event ? "," : "");
        }
        //events categories string
        $events_categories_list = "";
        $events_categories = get_terms("events_category");
        foreach ($events_categories as $events_category) {
            $events_categories_list .= '<option value="' . urldecode(esc_attr($events_category->slug)) . '">' . $events_category->name . '</option>';
        }
        //weekdays string
        $weekdays_string = "";
        $weekdays_select_list = "";
        foreach ($weekdays_list as $weekday) {
            $weekdays_select_list .= '<option value="' . urldecode($weekday->post_name) . '">' . $weekday->post_title . ' (id: ' . $weekday->ID . ')' . '</option>';
            $weekdays_string .= $weekday->post_name . (end($weekdays_list) != $weekday ? "," : "");
        }
        //get google fonts
        $fontsArray = timetable_get_google_fonts();
        $fontsHtml = "";
        if (isset($fontsArray)) {
            $fontsCount = count($fontsArray->items);
            for ($i = 0; $i < $fontsCount; $i++) {
                $variantsCount = count($fontsArray->items[$i]->variants);
                if ($variantsCount > 1) {
                    for ($j = 0; $j < $variantsCount; $j++) {
                        $fontsHtml .= '<option value="' . $fontsArray->items[$i]->family . ":" . $fontsArray->items[$i]->variants[$j] . '">' . $fontsArray->items[$i]->family . ":" . $fontsArray->items[$i]->variants[$j] . '</option>';
                    }
                } else {
                    $fontsHtml .= '<option value="' . $fontsArray->items[$i]->family . '">' . $fontsArray->items[$i]->family . '</option>';
                }
            }
        }
        ?>
		<div class="wrap">
			<h2><?php 
        _e("Timetable Dummy Content", "timetable");
        ?>
</h2>
		</div>
		<div>
			<input type="button" class="button" name="timetable_import_dummy" id="import_dummy" value="<?php 
        _e('Import dummy content', 'timetable');
        ?>
" />
			<span class="spinner" style="float: none; margin-top: 4px;"></span>
			<img id="dummy_content_tick" src="<?php 
        echo WP_PLUGIN_URL;
        ?>
/timetable/admin/images/tick.png" />
			<div id="dummy_content_info"></div>
		</div>
		<div class="wrap">
			<h2><?php 
        _e("Timetable Shortcode Generator", "timetable");
        ?>
</h2>
		</div>
		<div class="timetable_shortcode_container">
			<input style="width: 630px;" type="text" class="regular-text tt_shortcode" value="[tt_timetable]" data-default="[tt_timetable]" name="shortcode">
			<a href="#" id="copy_to_clipboard1" class="button-primary"><?php 
        _e("Copy to Clipboard", "timetable");
        ?>
</a>
			<span class="copy_info"><?php 
        _e("Shortcode has been copied to clipboard!", 'timetable');
        ?>
</span>
		</div>
		<form action="<?php 
        echo $_SERVER['REQUEST_URI'];
        ?>
" method="post" id="timetable_settings">
			<div id="timetable_configuration_tabs">
				<ul class="nav-tabs">
					<li class="nav-tab">
						<a href="#tab-main">
							<?php 
        _e('Main configuration', 'timetable');
        ?>
						</a>
					</li>
					<li class="nav-tab">
						<a href="#tab-colors">
							<?php 
        _e('Colors', 'timetable');
        ?>
						</a>
					</li>
					<li class="nav-tab">
						<a href="#tab-fonts">
							<?php 
        _e('Fonts', 'timetable');
        ?>
						</a>
					</li>
					<li class="nav-tab">
						<a href="#tab-custom-css">
							<?php 
        _e('Custom CSS', 'timetable');
        ?>
						</a>
					</li>
				</ul>
				<div id="tab-main">
					<table class="form-table">
						<tbody>
							<tr valign="top">
								<th scope="row">
									<label for="event">
										<?php 
        _e("Events", "timetable");
        ?>
									</label>
								</th>
								<td>
									<select name="event" id="event" multiple="multiple">
										<?php 
        echo $events_select_list;
        ?>
									</select>
								</td>
								<td>
									<span class="description"><?php 
        _e("Select the events that are to be displayed in timetable. Hold the CTRL key to select multiple items.", 'timetable');
        ?>
</span>
								</td>
							</tr>
							<tr valign="top">
								<th scope="row">
									<label for="event">
										<?php 
        _e("Event categories", "timetable");
        ?>
									</label>
								</th>
								<td>
									<select name="event_category" id="event_category" multiple="multiple">
										<?php 
        echo $events_categories_list;
        ?>
									</select>
								</td>
								<td>
									<span class="description"><?php 
        _e("Select the events categories that are to be displayed in timetable. Hold the CTRL key to select multiple items.", 'timetable');
        ?>
</span>
								</td>
							</tr>
							<tr valign="top">
								<th scope="row">
									<label for="hour_category">
										<?php 
        _e("Hour categories", "timetable");
        ?>
									</label>
								</th>
								<td>
									<select name="hour_category" id="hour_category" multiple="multiple">
										<?php 
        foreach ($hour_categories as $hour_category) {
            echo '<option value="' . $hour_category->category . '">' . $hour_category->category . '</option>';
        }
        ?>
									</select>
								</td>
								<td>
									<span class="description"><?php 
        _e("Select the hour categories (if defined for existing event hours) for events that are to be displayed in timetable. Hold the CTRL key to select multiple items.", 'timetable');
        ?>
</span>
								</td>
							</tr>
							<tr valign="top">
								<th scope="row">
									<label for="weekdays">
										<?php 
        _e("Columns", "timetable");
        ?>
									</label>
								</th>
								<td>
									<select name="weekday" id="weekday" multiple="multiple">
										<?php 
        echo $weekdays_select_list;
        ?>
									</select>
								</td>
								<td>
									<span class="description"><?php 
        _e("Select the columns that are to be displayed in timetable. Hold the CTRL key to select multiple items.", 'timetable');
        ?>
</span>
								</td>
							</tr>
							<tr valign="top">
								<th scope="row">
									<label for="measure">
										<?php 
        _e("Hour measure", "timetable");
        ?>
									</label>
								</th>
								<td>
									<select name="measure" id="measure">
										<option value="1"><?php 
        _e("Hour (1h)", "timetable");
        ?>
</option>
										<option value="0.5"><?php 
        _e("Half hour (30min)", "timetable");
        ?>
</option>
										<option value="0.25"><?php 
        _e("Quarter hour (15min)", "timetable");
        ?>
</option>
									</select>
								</td>
								<td>
									<span class="description"><?php 
        _e("Choose hour measure for event hours.", 'timetable');
        ?>
</span>
								</td>
							</tr>
							<tr valign="top">
								<th scope="row">
									<label for="filter_style">
										<?php 
        _e("Filter style", "timetable");
        ?>
									</label>
								</th>
								<td>
									<select name="filter_style" id="filter_style">
										<option value="dropdown_list"><?php 
        _e("Dropdown list", "timetable");
        ?>
</option>
										<option value="tabs"><?php 
        _e("Tabs", "timetable");
        ?>
</option>
									</select>
								</td>
								<td>
									<span class="description"><?php 
        _e("Choose between dropdown menu and tabs for event filtering.", 'timetable');
        ?>
</span>
								</td>
							</tr>
							<tr valign="top">
								<th scope="row">
									<label for="filter_kind">
										<?php 
        _e("Filter kind", "timetable");
        ?>
									</label>
								</th>
								<td>
									<select name="filter_kind" id="filter_kind">
										<option value="event"><?php 
        _e("By event", "timetable");
        ?>
</option>
										<option value="event_category"><?php 
        _e("By event category", "timetable");
        ?>
</option>
										<option value="event_and_event_category"><?php 
        _e("By event and event category", "timetable");
        ?>
</option>
									</select>
								</td>
								<td>
									<span class="description"><?php 
        _e("Choose between filtering by events or events categories.", 'timetable');
        ?>
</span>
								</td>
							</tr>
							<tr valign="top">
								<th scope="row">
									<label for="filter_label">
										<?php 
        _e("Filter label", "timetable");
        ?>
									</label>
								</th>
								<td>
									<input type="text" class="regular-text" value="All Events" id="filter_label" name="filter_label">
								</td>
								<td>
									<span class="description"><?php 
        _e("Specify text label for all events.", 'timetable');
        ?>
</span>
								</td>
							</tr>
							<tr valign="top" class="filter_label_2 tt_hide">
								<th scope="row">
									<label for="filter_label_2">
										<?php 
        _e("Filter label 2", "timetable");
        ?>
									</label>
								</th>
								<td>
									<input type="text" class="regular-text" value="All Events Categories" id="filter_label_2" name="filter_label_2">
								</td>
								<td>
									<span class="description"><?php 
        _e("Specify text label for all events categories.", 'timetable');
        ?>
</span>
								</td>
							</tr>
							<tr valign="top">
								<th scope="row">
									<label for="time_format">
										<?php 
        _e("Time format", "timetable");
        ?>
									</label>
								</th>
								<td>
									<fieldset>
										<legend class="screen-reader-text"><span><?php 
        _e("Time format", "timetable");
        ?>
</span></legend>
										<label title="H.i">
											<input type="radio" checked="checked" value="H.i" name="time_format"> 
											<span>09.03</span>
										</label>
										<br>
										<label title="H:i">
											<input type="radio" value="H:i" name="time_format"> 
											<span>09:03</span>
										</label>
										<br>
										<label title="g:i a">
											<input type="radio" value="g:i a" name="time_format"> 
											<span>9:03 am</span>
										</label>
										<br>
										<label title="g:i A">
											<input type="radio" value="g:i A" name="time_format"> 
											<span>9:03 AM</span>
										</label>
										<br>
										<label>
											<input type="radio" value="custom" id="time_format_custom_radio" name="time_format"> 
											<?php 
        _e("Custom: ", "timetable");
        ?>
										</label>
										<input type="text" class="small-text" value="H.i" name="time_format_custom" id="time_format"> 
										<span class="example"> 9:03 am</span> 
										<span class="spinner"></span>
									</fieldset>
								</td>
								<td></td>
							</tr>
							<tr valign="top">
								<th scope="row">
									<label for="hide_all_events_view">
										<?php 
        _e("Hide 'All Events' view", "timetable");
        ?>
									</label>
								</th>
								<td>
									<select name="hide_all_events_view" id="hide_all_events_view">
										<option value="0"><?php 
        _e("No", "timetable");
        ?>
</option>
										<option value="1"><?php 
        _e("Yes", "timetable");
        ?>
</option>
									</select>
								</td>
								<td>
									<span class="description"><?php 
        _e("Set to Yes to hide All Events view.", 'timetable');
        ?>
</span>
								</td>
							</tr>
							<tr valign="top">
								<th scope="row">
									<label for="hide_hours_column">
										<?php 
        _e("Hide first (hours) column", "timetable");
        ?>
									</label>
								</th>
								<td>
									<select name="hide_hours_column" id="hide_hours_column">
										<option value="0"><?php 
        _e("No", "timetable");
        ?>
</option>
										<option value="1"><?php 
        _e("Yes", "timetable");
        ?>
</option>
									</select>
								</td>
								<td>
									<span class="description"><?php 
        _e("Set to Yes to hide timetable column with hours.", 'timetable');
        ?>
</span>
								</td>
							</tr>
							<tr valign="top">
								<th scope="row">
									<label for="show_end_hour">
										<?php 
        _e("Show end hour in first (hours) column", "timetable");
        ?>
									</label>
								</th>
								<td>
									<select name="show_end_hour" id="show_end_hour">
										<option value="0"><?php 
        _e("No", "timetable");
        ?>
</option>
										<option value="1"><?php 
        _e("Yes", "timetable");
        ?>
</option>
									</select>
								</td>
								<td>
									<span class="description"><?php 
        _e("Set to Yes to show both start and end hour in timetable column with hours.", 'timetable');
        ?>
</span>
								</td>
							</tr>
							<tr valign="top">
								<th scope="row">
									<label for="event_layout">
										<?php 
        _e("Event block layout", "timetable");
        ?>
									</label>
								</th>
								<td>
									<select name="event_layout" id="event_layout">
										<option value="1"><?php 
        _e("Type 1", "timetable");
        ?>
</option>
										<option value="2"><?php 
        _e("Type 2", "timetable");
        ?>
</option>
										<option value="3"><?php 
        _e("Type 3", "timetable");
        ?>
</option>
										<option value="4"><?php 
        _e("Type 4", "timetable");
        ?>
</option>
										<option value="5"><?php 
        _e("Type 5", "timetable");
        ?>
</option>
									</select>
								</td>
								<td>
									<span class="description"><?php 
        _e("Select one of the available event block layouts.", 'timetable');
        ?>
</span>
								</td>
							</tr>
							<tr valign="top">
								<th scope="row">
									<label for="hide_empty">
										<?php 
        _e("Hide empty rows", "timetable");
        ?>
									</label>
								</th>
								<td>
									<select name="hide_empty" id="hide_empty">
										<option value="0"><?php 
        _e("No", "timetable");
        ?>
</option>
										<option value="1"><?php 
        _e("Yes", "timetable");
        ?>
</option>
									</select>
								</td>
								<td>
									<span class="description"><?php 
        _e("Set to Yes to hide timetable rows without events.", 'timetable');
        ?>
</span>
								</td>
							</tr>
							<tr valign="top">
								<th scope="row">
									<label for="disable_event_url">
										<?php 
        _e("Disable event url", "timetable");
        ?>
									</label>
								</th>
								<td>
									<select name="disable_event_url" id="disable_event_url">
										<option value="0"><?php 
        _e("No", "timetable");
        ?>
</option>
										<option value="1"><?php 
        _e("Yes", "timetable");
        ?>
</option>
									</select>
								</td>
								<td>
									<span class="description"><?php 
        _e("Set to Yes for nonclickable event blocks.", 'timetable');
        ?>
</span>
								</td>
							</tr>
							<tr valign="top">
								<th scope="row">
									<label for="text_align">
										<?php 
        _e("Text align", "timetable");
        ?>
									</label>
								</th>
								<td>
									<select name="text_align" id="text_align">
										<option value="center"><?php 
        _e("center", "timetable");
        ?>
</option>
										<option value="left"><?php 
        _e("left", "timetable");
        ?>
</option>
										<option value="right"><?php 
        _e("right", "timetable");
        ?>
</option>
									</select>
								</td>
								<td>
									<span class="description"><?php 
        _e("Specify text align in timetable event block.", 'timetable');
        ?>
</span>
								</td>
							</tr>
							<tr valign="top">
								<th scope="row">
									<label for="row_height">
										<?php 
        _e("Id", "timetable");
        ?>
									</label>
								</th>
								<td>
									<input type="text" class="regular-text" value="" id="id" name="id">
								</td>
								<td>
									<span class="description"><?php 
        _e("Assign a unique identifier to a timetable if you use more than one table on a single page. Otherwise, leave this field blank.", 'timetable');
        ?>
</span>
								</td>
							</tr>
							<tr valign="top">
								<th scope="row">
									<label for="row_height">
										<?php 
        _e("Row height (in px)", "timetable");
        ?>
									</label>
								</th>
								<td>
									<input type="text" class="regular-text" value="31" id="row_height" name="row_height">
								</td>
								<td>
									<span class="description"><?php 
        _e("Specify timetable row height in pixels.", 'timetable');
        ?>
</span>
								</td>
							</tr>
							<tr valign="top">
								<th scope="row">
									<label for="responsive">
										<?php 
        _e("Responsive", "timetable");
        ?>
									</label>
								</th>
								<td>
									<select name="responsive" id="responsive">
										<option value="1"><?php 
        _e("Yes", "timetable");
        ?>
</option>
										<option value="0"><?php 
        _e("No", "timetable");
        ?>
</option>
									</select>
								</td>
								<td>
									<span class="description"><?php 
        _e("Set to Yes to adjust timetable to mobile devices.", 'timetable');
        ?>
</span>
								</td>
							</tr>
							<?php 
        /*
        <tr valign="top">
        	<th scope="row">
        		<label for="direction">
        			<?php _e("Direction", "timetable"); ?>
        		</label>
        	</th>
        	<td>
        		<select name="direction" id="direction">
        			<option value="ltr"><?php _e("LTR (Left to Right)", "timetable"); ?></option>
        			<option value="rtl"><?php _e("RTL (Right to Left)", "timetable"); ?></option>
        		</select>
        	</td>
        	<td>
        		<span class="description"><?php _e("Change timetable mode between LTR and RTL", 'timetable'); ?></span>
        	</td>
        </tr>
        */
        ?>
						</tbody>
					</table>
				</div>
				<div id="tab-colors">
					<table class="form-table">
						<tbody>
							<tr>
								<th scope="row">
									<label for="box_bg_color">
										<?php 
        _e('Timetable box background color', 'timetable');
        ?>
									</label>
								</th>
								<td>
									<span class="color_preview" style="background-color: #00A27C"></span>
									<input class="regular-text color" type="text" id="box_bg_color" name="box_bg_color" value="00A27C" data-default-color="00A27C" />
								</td>
							</tr>
							<tr>
								<th scope="row">
									<label for="box_hover_bg_color">
										<?php 
        _e('Timetable box hover background color', 'timetable');
        ?>
									</label>
								</th>
								<td>
									<span class="color_preview" style="background-color: #1F736A"></span>
									<input class="regular-text color" type="text" id="box_hover_bg_color" name="box_hover_bg_color" value="1F736A" data-default-color="1F736A" />
								</td>
							</tr>
							<tr>
								<th scope="row">
									<label for="box_txt_color">
										<?php 
        _e('Timetable box text color', 'timetable');
        ?>
									</label>
								</th>
								<td>
									<span class="color_preview" style="background-color: #FFFFFF"></span>
									<input class="regular-text color" type="text" id="box_txt_color" name="box_txt_color" value="FFFFFF" data-default-color="FFFFFF" />
								</td>
							</tr>
							<tr>
								<th scope="row">
									<label for="box_hover_txt_color">
										<?php 
        _e('Timetable box hover text color', 'timetable');
        ?>
									</label>
								</th>
								<td>
									<span class="color_preview" style="background-color: #FFFFFF"></span>
									<input class="regular-text color" type="text" id="box_hover_txt_color" name="box_hover_txt_color" value="FFFFFF" data-default-color="FFFFFF" />
								</td>
							</tr>
							<tr>
								<th scope="row">
									<label for="box_hours_txt_color">
										<?php 
        _e('Timetable box hours text color', 'timetable');
        ?>
									</label>
								</th>
								<td>
									<span class="color_preview" style="background-color: #FFFFFF"></span>
									<input class="regular-text color" type="text" id="box_hours_txt_color" name="box_hours_txt_color" value="FFFFFF" data-default-color="FFFFFF" />
								</td>
							</tr>
							<tr>
								<th scope="row">
									<label for="box_hours_hover_txt_color">
										<?php 
        _e('Timetable box hours hover text color', 'timetable');
        ?>
									</label>
								</th>
								<td>
									<span class="color_preview" style="background-color: #FFFFFF"></span>
									<input class="regular-text color" type="text" id="box_hours_hover_txt_color" name="box_hours_hover_txt_color" value="FFFFFF" data-default-color="FFFFFF" />
								</td>
							</tr>
							<tr>
								<th scope="row">
									<label for="filter_color">
										<?php 
        _e('Filter control background color', 'timetable');
        ?>
									</label>
								</th>
								<td>
									<span class="color_preview" style="background-color: #00A27C"></span>
									<input class="regular-text color" type="text" id="filter_color" name="filter_color" value="00A27C" data-default-color="00A27C" />
								</td>
							</tr>
							<tr>
								<th scope="row">
									<label for="row1_color">
										<?php 
        _e('Row 1 style background color', 'timetable');
        ?>
									</label>
								</th>
								<td>
									<span class="color_preview" style="background-color: #F0F0F0"></span>
									<input class="regular-text color" type="text" id="row1_color" name="row1_color" value="F0F0F0" data-default-color="F0F0F0" />
								</td>
							</tr>
							<tr>
								<th scope="row">
									<label for="row2_color">
										<?php 
        _e('Row 2 style background color', 'timetable');
        ?>
									</label>
								</th>
								<td>
									<span class="color_preview" style="background-color: transparent"></span>
									<input class="regular-text color" type="text" id="row2_color" name="row2_color" value="" data-default-color="transparent" />
								</td>
							</tr>
						</tbody>
					</table>
				</div>
				<div id="tab-fonts">
					<table class="form-table">
						<tbody>
							<!--<tr valign="top">
								<th scope="row" class="header_row" colspan="2">
									<label>
										<?php 
        _e("Table header font", 'timetable');
        ?>
									</label>
								</th>
							</tr>-->
							<tr valign="top">
								<th scope="row">
									<label for="timetable_font_custom"><?php 
        _e("Enter font name", 'timetable');
        ?>
</label>
								</th>
								<td>
									<input type="text" class="regular-text" value="" id="timetable_font_custom" name="timetable_font_custom">
								</td>
							</tr>
							<tr valign="top">
								<th scope="row">
									<label for="timetable_font"><?php 
        _e("or choose Google font", 'timetable');
        ?>
</label>
								</th>
								<td>
									<select name="timetable_font" id="timetable_font" class="google_font_chooser">
										<option value=""><?php 
        _e("Default", 'timetable');
        ?>
</option>
										<?php 
        echo $fontsHtml;
        ?>
									</select>
									<span class="spinner"></span>
								</td>
							</tr>
							<tr valign="top" class="fontSubsetRow">
								<th scope="row">
									<label for="timetable_font_subset"><?php 
        _e("Google font subset", 'timetable');
        ?>
</label>
								</th>
								<td>
									<select name="timetable_font_subset[]" id="timetable_font_subset" class="fontSubset" multiple="multiple"></select>
								</td>
							</tr>
							<tr valign="top">
								<th scope="row">
									<label for="timetable_font_size"><?php 
        _e("Font size (in px)", 'timetable');
        ?>
</label>
								</th>
								<td>
									<input type="text" class="regular-text" value="" id="timetable_font_size" name="timetable_font_size">
								</td>
							</tr>
						</tbody>
					</table>
				</div>
				<div id="tab-custom-css">
					<table class="form-table">
						<tbody>
							<tr valign="top">
								<th scope="row">
									<label for="timetable_custom_css"><?php 
        _e("Custom CSS", 'timetable');
        ?>
</label>
								</th>
								<td>
									<textarea id="timetable_custom_css" name="timetable_custom_css" style="width: 540px; height: 200px;"></textarea>
								</td>
							</tr>
						</tbody>
					</table>
				</div>
			</div>
		</form>
		<div class="timetable_shortcode_container">
			<input style="width: 630px;" type="text" class="regular-text tt_shortcode" value="[tt_timetable]" data-default="[tt_timetable]" name="shortcode">
			<a href="#" id="copy_to_clipboard2" class="button-primary"><?php 
        _e("Copy to Clipboard", "timetable");
        ?>
</a>
			<span class="copy_info"><?php 
        _e("Shortcode has been copied to clipboard!", 'timetable');
        ?>
</span>
		</div>
		<?php 
    }