<?php echo $header; ?>
<div id="content">
<div class="breadcrumb">
  <?php foreach ($breadcrumbs as $breadcrumb) { ?>
  <?php echo $breadcrumb['separator']; ?><a href="<?php echo $breadcrumb['href']; ?>"><?php echo $breadcrumb['text']; ?></a>
  <?php } ?>
</div>
<?php if ($error_warning) { ?>
<div class="warning"><?php echo $error_warning; ?></div>
<?php } ?>
<div class="box">
  <div class="heading">
    <h1><img src="view/image/module.png" alt="" /> <?php echo $heading_title; ?></h1>
    <div class="buttons"><a onclick="$('#form').submit();" class="button"><span><?php echo $button_save; ?></span></a><a onclick="location = '<?php echo $cancel; ?>';" class="button"><span><?php echo $button_cancel; ?></span></a></div>
  </div>
  <div class="content">
    <form action="<?php echo $action; ?>" method="post" enctype="multipart/form-data" id="form">
      <table class="form">
        <tr>
          <td><?php echo $entry_product; ?></td>
          <td><input type="text" name="product" value="" /></td>
        </tr>
        <tr>
          <td>&nbsp;</td>
          <td><div class="scrollbox" id="slideprod-product">
              <?php $class = 'odd'; ?>
              <?php foreach ($products as $product) { ?>
              <?php $class = ($class == 'even' ? 'odd' : 'even'); ?>
              <div id="slideprod-product<?php echo $product['product_id']; ?>" class="<?php echo $class; ?>"><?php echo $product['name']; ?> <img src="view/image/delete.png" />
                <input type="hidden" value="<?php echo $product['product_id']; ?>" />
              </div>
              <?php } ?>
            </div>
            <input type="hidden" name="slideprod_product" value="<?php echo $slideprod_product; ?>" /></td>
        </tr>
      </table>
      <table class="form">
      <tr>
      <td><?php echo $entry_theme; ?></td>
      <td><select name="slideprod_theme">
                <?php if (isset($slideprod_theme)) {
              	$selected = "selected";
              	?>
                <option value="light" <?php if($slideprod_theme=='light'){echo $selected;} ?>><?php echo $text_light; ?></option>
                <option value="dark" <?php if($slideprod_theme=='dark'){echo $selected;} ?>><?php echo $text_dark; ?></option>
                <?php } else { ?>
                <option selected="selected"><?php echo $text_pleaseselect; ?></option>
                <option value="light"><?php echo $text_light; ?></option>
                <option value="dark"><?php echo $text_dark; ?></option>
                <?php } ?>
              </select>
      </td>
      <td ><?php echo $entry_effect; ?></td>
      <td><select name="slideprod_effect">
                <?php if (isset($slideprod_effect)) {
              	$selected = "selected";
              	?>
                <option value="fade" <?php if($slideprod_effect=='fade'){echo $selected;} ?>><?php echo $text_fade; ?></option>
                <option value="slideLeft" <?php if($slideprod_effect=='slideLeft'){echo $selected;} ?>><?php echo $text_slideleft; ?></option>
                <option value="none" <?php if($slideprod_effect=='none'){echo $selected;} ?>><?php echo $text_none; ?></option>
                <?php } else { ?>
                <option selected="selected"><?php echo $text_pleaseselect; ?></option>
                <option value="fade"><?php echo $text_fade; ?></option>
                <option value="slideLeft"><?php echo $text_slideleft; ?></option>
                <option value="none"><?php echo $text_none; ?></option>
                <?php } ?>
              </select>
      </td>
    
      <td ><?php echo $entry_hoverpause; ?></td>
      <td><select name="slideprod_hoverpause">
                <?php if ($slideprod_hoverpause) { ?>
                <option value="1" selected="selected"><?php echo $text_true; ?></option>
                <option value="0"><?php echo $text_false; ?></option>
                <?php } else { ?>
                <option value="1"><?php echo $text_true; ?></option>
                <option value="0" selected="selected"><?php echo $text_false; ?></option>
                <?php } ?>
              </select>
      </td>
      
      <td><?php echo $entry_speed; ?></td>
      <td><select name="slideprod_speed">
                <?php if (isset($slideprod_speed)) {
              	$selected = "selected";
              	?>
                <option value="1000" <?php if($slideprod_speed=='1000'){echo $selected;} ?>>1000</option>
                <option value="2000" <?php if($slideprod_speed=='2000'){echo $selected;} ?>>2000</option>
                <option value="3000" <?php if($slideprod_speed=='3000'){echo $selected;} ?>>3000</option>
                <option value="4000" <?php if($slideprod_speed=='4000'){echo $selected;} ?>>4000</option>
                <option value="5000" <?php if($slideprod_speed=='5000'){echo $selected;} ?>>5000</option>
                <option value="6000" <?php if($slideprod_speed=='6000'){echo $selected;} ?>>6000</option>
                <option value="7000" <?php if($slideprod_speed=='7000'){echo $selected;} ?>>7000</option>
                <option value="8000" <?php if($slideprod_speed=='8000'){echo $selected;} ?>>8000</option>
                <option value="9000" <?php if($slideprod_speed=='9000'){echo $selected;} ?>>9000</option>
                <option value="10000" <?php if($slideprod_speed=='10000'){echo $selected;} ?>>10000</option>
                <?php } else { ?>
                <option selected="selected"><?php echo $text_pleaseselect; ?></option>
                <option value="1000">1000</option>
                <option value="2000">2000</option>
                <option value="3000">3000</option>
                <option value="4000">4000</option>
                <option value="5000">5000</option>
                <option value="6000">6000</option>
                <option value="7000">7000</option>
                <option value="8000">8000</option>
                <option value="9000">9000</option>
                <option value="10000">10000</option>
                <?php } ?>
              </select>
      </td>
      </tr>
      <tr>
      
      <td><?php echo $entry_changespeed; ?></td>
      <td><select name="slideprod_changespeed">
                <?php if (isset($slideprod_changespeed)) {
              	$selected = "selected";
              	?>
                <option value="100" <?php if($slideprod_changespeed=='100'){echo $selected;} ?>>100</option>
                <option value="200" <?php if($slideprod_changespeed=='200'){echo $selected;} ?>>200</option>
                <option value="300" <?php if($slideprod_changespeed=='300'){echo $selected;} ?>>300</option>
                <option value="400" <?php if($slideprod_changespeed=='400'){echo $selected;} ?>>400</option>
                <option value="500" <?php if($slideprod_changespeed=='500'){echo $selected;} ?>>500</option>
                <option value="600" <?php if($slideprod_changespeed=='600'){echo $selected;} ?>>600</option>
                <option value="700" <?php if($slideprod_changespeed=='700'){echo $selected;} ?>>700</option>
                <option value="800" <?php if($slideprod_changespeed=='800'){echo $selected;} ?>>800</option>
                <option value="900" <?php if($slideprod_changespeed=='900'){echo $selected;} ?>>900</option>
                <option value="1000" <?php if($slideprod_changespeed=='1000'){echo $selected;} ?>>1000</option>
                <?php } else { ?>
                <option selected="selected"><?php echo $text_pleaseselect; ?></option>
                <option value="100">100</option>
                <option value="200">200</option>
                <option value="300">300</option>
                <option value="400">400</option>
                <option value="500">500</option>
                <option value="600">600</option>
                <option value="700">700</option>
                <option value="800">800</option>
                <option value="900">900</option>
                <option value="1000">1000</option>
                <?php } ?>
              </select>
      </td>
      
      <td><?php echo $entry_controls; ?></td>
      <td><select name="slideprod_controls">
                <?php if ($slideprod_controls) { ?>
                <option value="1" selected="selected"><?php echo $text_true; ?></option>
                <option value="0"><?php echo $text_false; ?></option>
                <?php } else { ?>
                <option value="1"><?php echo $text_true; ?></option>
                <option value="0" selected="selected"><?php echo $text_false; ?></option>
                <?php } ?>
              </select>
      </td>
      <td><?php echo $entry_links; ?></td>
      <td><select name="slideprod_links">
                <?php if ($slideprod_links) { ?>
                <option value="1" selected="selected"><?php echo $text_true; ?></option>
                <option value="0"><?php echo $text_false; ?></option>
                <?php } else { ?>
                <option value="1"><?php echo $text_true; ?></option>
                <option value="0" selected="selected"><?php echo $text_false; ?></option>
                <?php } ?>
              </select>
      </td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      
      </tr>
      </table>
      <table id="module" class="list">
        <thead>
          <tr>
            <td class="left"><?php echo $entry_image; ?></td>
            <td class="left"><?php echo $entry_layout; ?></td>
            <td class="left"><?php echo $entry_position; ?></td>
            <td class="left"><?php echo $entry_status; ?></td>
            <td class="right"><?php echo $entry_sort_order; ?></td>
            <td></td>
          </tr>
        </thead>
        <?php $module_row = 0; ?>
        <?php foreach ($modules as $module) { ?>
        <tbody id="module-row<?php echo $module_row; ?>">
          <tr>
            <td class="left"><input type="text" name="slideprod_module[<?php echo $module_row; ?>][image_width]" value="<?php echo $module['image_width']; ?>" size="3" />
              <input type="text" name="slideprod_module[<?php echo $module_row; ?>][image_height]" value="<?php echo $module['image_height']; ?>" size="3" />
              <?php if (isset($error_image[$module_row])) { ?>
              <span class="error"><?php echo $error_image[$module_row]; ?></span>
              <?php } ?></td>
            <td class="left"><select name="slideprod_module[<?php echo $module_row; ?>][layout_id]">
                <?php foreach ($layouts as $layout) { ?>
                <?php if ($layout['layout_id'] == $module['layout_id']) { ?>
                <option value="<?php echo $layout['layout_id']; ?>" selected="selected"><?php echo $layout['name']; ?></option>
                <?php } else { ?>
                <option value="<?php echo $layout['layout_id']; ?>"><?php echo $layout['name']; ?></option>
                <?php } ?>
                <?php } ?>
              </select></td>
            <td class="left"><select name="slideprod_module[<?php echo $module_row; ?>][position]">
                <?php if ($module['position'] == 'content_top') { ?>
                <option value="content_top" selected="selected"><?php echo $text_content_top; ?></option>
                <?php } else { ?>
                <option value="content_top"><?php echo $text_content_top; ?></option>
                <?php } ?>
                <?php if ($module['position'] == 'content_bottom') { ?>
                <option value="content_bottom" selected="selected"><?php echo $text_content_bottom; ?></option>
                <?php } else { ?>
                <option value="content_bottom"><?php echo $text_content_bottom; ?></option>
                <?php } ?>
                <?php if ($module['position'] == 'column_left') { ?>
                <option value="column_left" selected="selected"><?php echo $text_column_left; ?></option>
                <?php } else { ?>
                <option value="column_left"><?php echo $text_column_left; ?></option>
                <?php } ?>
                <?php if ($module['position'] == 'column_right') { ?>
                <option value="column_right" selected="selected"><?php echo $text_column_right; ?></option>
                <?php } else { ?>
                <option value="column_right"><?php echo $text_column_right; ?></option>
                <?php } ?>
              </select></td>
            <td class="left"><select name="slideprod_module[<?php echo $module_row; ?>][status]">
                <?php if ($module['status']) { ?>
                <option value="1" selected="selected"><?php echo $text_enabled; ?></option>
                <option value="0"><?php echo $text_disabled; ?></option>
                <?php } else { ?>
                <option value="1"><?php echo $text_enabled; ?></option>
                <option value="0" selected="selected"><?php echo $text_disabled; ?></option>
                <?php } ?>
              </select></td>
            <td class="right"><input type="text" name="slideprod_module[<?php echo $module_row; ?>][sort_order]" value="<?php echo $module['sort_order']; ?>" size="3" /></td>
            <td class="left"><a onclick="$('#module-row<?php echo $module_row; ?>').remove();" class="button"><span><?php echo $button_remove; ?></span></a></td>
          </tr>
        </tbody>
        <?php $module_row++; ?>
        <?php } ?>
        <tfoot>
          <tr>
            <td colspan="5"></td>
            <td class="left"><a onclick="addModule();" class="button"><span><?php echo $button_add_module; ?></span></a></td>
          </tr>
        </tfoot>
      </table>
    </form>
  </div>
</div>
<script type="text/javascript"><!--
$('input[name=\'product\']').autocomplete({
	delay: 0,
	source: function(request, response) {
		$.ajax({
			url: 'index.php?route=catalog/product/autocomplete&token=<?php echo $token; ?>',
			type: 'POST',
			dataType: 'json',
			data: 'filter_name=' +  encodeURIComponent(request.term),
			success: function(data) {		
				response($.map(data, function(item) {
					return {
						label: item.name,
						value: item.product_id
					}
				}));
			}
		});
		
	},  
	select: function(event, ui) {
		$('#slideprod-product' + ui.item.value).remove();
		
		$('#slideprod-product').append('<div id="slideprod-product' + ui.item.value + '">' + ui.item.label + '<img src="view/image/delete.png" /><input type="hidden" value="' + ui.item.value + '" /></div>');

		$('#slideprod-product div:odd').attr('class', 'odd');
		$('#slideprod-product div:even').attr('class', 'even');
		
		data = $.map($('#slideprod-product input'), function(element){
			return $(element).attr('value');
		});
						
		$('input[name=\'slideprod_product\']').attr('value', data.join());
					
		return false;
	}
});

$('#slideprod-product div img').live('click', function() {
	$(this).parent().remove();
	
	$('#slideprod-product div:odd').attr('class', 'odd');
	$('#slideprod-product div:even').attr('class', 'even');

	data = $.map($('#slideprod-product input'), function(element){
		return $(element).attr('value');
	});
					
	$('input[name=\'slideprod_product\']').attr('value', data.join());	
});
//--></script> 
<script type="text/javascript"><!--
var module_row = <?php echo $module_row; ?>;

function addModule() {	
	html  = '<tbody id="module-row' + module_row + '">';
	html += '  <tr>';
	html += '    <td class="left"><input type="text" name="slideprod_module[' + module_row + '][image_width]" value="80" size="3" /> <input type="text" name="slideprod_module[' + module_row + '][image_height]" value="80" size="3" /></td>';	
	html += '    <td class="left"><select name="slideprod_module[' + module_row + '][layout_id]">';
	<?php foreach ($layouts as $layout) { ?>
	html += '      <option value="<?php echo $layout['layout_id']; ?>"><?php echo $layout['name']; ?></option>';
	<?php } ?>
	html += '    </select></td>';
	html += '    <td class="left"><select name="slideprod_module[' + module_row + '][position]">';
	html += '      <option value="content_top"><?php echo $text_content_top; ?></option>';
	html += '      <option value="content_bottom"><?php echo $text_content_bottom; ?></option>';
	html += '      <option value="column_left"><?php echo $text_column_left; ?></option>';
	html += '      <option value="column_right"><?php echo $text_column_right; ?></option>';
	html += '    </select></td>';
	html += '    <td class="left"><select name="slideprod_module[' + module_row + '][status]">';
    html += '      <option value="1" selected="selected"><?php echo $text_enabled; ?></option>';
    html += '      <option value="0"><?php echo $text_disabled; ?></option>';
    html += '    </select></td>';
	html += '    <td class="right"><input type="text" name="slideprod_module[' + module_row + '][sort_order]" value="" size="3" /></td>';
	html += '    <td class="left"><a onclick="$(\'#module-row' + module_row + '\').remove();" class="button"><span><?php echo $button_remove; ?></span></a></td>';
	html += '  </tr>';
	html += '</tbody>';
	
	$('#module tfoot').before(html);
	
	module_row++;
}
//--></script> 
<?php echo $footer; ?>