<?php
/**
 * @author QuanticaLabs - http://codecanyon.net/user/QuanticaLabs/portfolio?ref=QuanticaLabs
 *
 * @link			http://codecanyon.net/item/timetable-responsive-schedule-for-joomla/9749539?ref=QuanticaLabs
 * @copyright		Copyright (C) 2008 - 2014 quanticalabs.com . All rights reserved.
 * @license			GNU General Public License version 2 or later; see LICENSE under Licensing/ directory
 */
 
defined('_JEXEC') or die('Restricted access');
?>
<?php echo JHtml::_('bootstrap.addTab', 'myTab', 'colors_configuration', JText::_('COM_TIMETABLE_COLORS_CONFIGURATION', true)); ?>

<div id="tab-colors">
	<table class="form-table">
		<tbody>
			<tr>
				<th scope="row">
					<label for="box_bg_color">
						<?php echo JText::_('COM_TIMETABLE_BOX_BACKGROUND_COLOR'); ?>
					</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 echo JText::_('COM_TIMETABLE_BOX_HOVER_BACKGROUND_COLOR'); ?>
					</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 echo JText::_('COM_TIMETABLE_BOX_TEXT_COLOR'); ?>
					</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 echo JText::_('COM_TIMETABLE_BOX_HOVER_TEXT_COLOR'); ?>
					</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 echo JText::_('COM_TIMETABLE_BOX_HOURS_TEXT_COLOR'); ?>
					</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 echo JText::_('COM_TIMETABLE_BOX_HOURS_HOVER_TEXT_COLOR'); ?>
					</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 echo JText::_('COM_TIMETABLE_FILTER_CONTROL_BACKGROUND_COLOR'); ?>
					</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 echo JText::_('COM_TIMETABLE_ROW_1_STYLE_BACKGROUND_COLOR', true); ?>
					</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 echo JText::_('COM_TIMETABLE_ROW_2_STYLE_BACKGROUND_COLOR', true); ?>
					</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>
<?php echo JHtml::_('bootstrap.endTab'); ?>