<?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 id="module" class="list">
        <thead>
          <tr>
            <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"><select name="ajaxtab_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="ajaxtab_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="ajaxtab_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="ajaxtab_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>
		  <tr>
		  	<td colspan="1"><?php echo $text_type; ?></td>
			<td colspan="4">
			
				<div class="scrollbox">
                  <?php $class = 'odd'; ?>
                  <?php foreach ($tab_type as $key=>$value) { ?>
                  <?php $class = ($class == 'even' ? 'odd' : 'even'); ?>
                  <div class="<?php echo $class; ?>">
                    <?php if (isset($module['tab_type']) && in_array($key, $module['tab_type'])) { ?>
                  <div class="type-left">
		              <input type="checkbox" name="ajaxtab_module[<?php echo $module_row; ?>][tab_type][]" checked="checked" value="<?php echo $key; ?>" />
					<?php echo $value['name']; ?>
					</div>
					<div class="type-mid">
					<?php echo $text_order; ?><input size="3" name="ajaxtab_module[<?php echo $module_row; ?>][<?php echo $key; ?>][order]" value="<?php echo $module[$key]['order'];?>" />
					</div>
					<div class="type-right">
						<?php echo $text_limit; ?><input size="3" name="ajaxtab_module[<?php echo $module_row; ?>][<?php echo $key; ?>][limit]" value="<?php echo $module[$key]['limit']; ?>" />
					</div>
					<div class="type-last">
						<?php echo $text_image; ?>&nbsp;<?php echo $text_image_w; ?><input size="3" name="ajaxtab_module[<?php echo $module_row; ?>][<?php echo $key; ?>][width]" value="<?php echo $module[$key]['width']; ?>" />&nbsp;&nbsp;<?php echo $text_image_h; ?>
						<input size="3" name="ajaxtab_module[<?php echo $module_row; ?>][<?php echo $key; ?>][height]" value="<?php echo $module[$key]['height']; ?>" />
					</div>
                    <?php } else { ?>
					 <div class="type-left">
		              <input type="checkbox" name="ajaxtab_module[<?php echo $module_row; ?>][tab_type][]" value="<?php echo $key; ?>" />
					<?php echo $value['name']; ?>
					</div>
					<div class="type-mid">
					<?php echo $text_order; ?><input size="3" name="ajaxtab_module[<?php echo $module_row; ?>][<?php echo $key; ?>][order]" value="<?php echo $module[$key]['order'];?>" />
					</div>
					<div class="type-right">
						<?php echo $text_limit; ?><input size="3" name="ajaxtab_module[<?php echo $module_row; ?>][<?php echo $key; ?>][limit]" value="<?php echo $module[$key]['limit']; ?>" />
					</div>
					<div class="type-last">
						<?php echo $text_image; ?>&nbsp;<?php echo $text_image_w; ?><input size="3" name="ajaxtab_module[<?php echo $module_row; ?>][<?php echo $key; ?>][width]" value="<?php echo $module[$key]['width']; ?>" />&nbsp;&nbsp;<?php echo $text_image_h; ?>
						<input size="3" name="ajaxtab_module[<?php echo $module_row; ?>][<?php echo $key; ?>][height]" value="<?php echo $module[$key]['height']; ?>" />
					</div>
                    <?php } ?>
                  </div>
                  <?php } ?>
                </div>
                <a onclick="$(this).parent().find(':checkbox').attr('checked', true);"><?php echo $text_select_all; ?></a> / <a onclick="$(this).parent().find(':checkbox').attr('checked', false);"><?php echo $text_unselect_all; ?></a>
			
			
			</td>
		  </tr>
        </tbody>
        <?php $module_row++; ?>
        <?php } ?>
        <tfoot>
          <tr>
            <td colspan="4"></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"><!--
var module_row = <?php echo $module_row; ?>;

function addModule() {	
	html  = '<tbody id="module-row' + module_row + '">';
	html += '  <tr>';
	html += '    <td class="left"><select name="ajaxtab_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="ajaxtab_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="ajaxtab_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="ajaxtab_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 += '  <tr>';
	html += '	  	<td colspan="1"><?php echo $text_type; ?></td>';
	html += '		<td colspan="4">';		
	html += '			<div class="scrollbox">';
                  <?php $class = 'odd'; ?>
                  <?php foreach ($tab_type as $key=>$value) { ?>
                  <?php $class = ($class == 'even' ? 'odd' : 'even'); ?>
    html += '             <div class="<?php echo $class; ?>">';          
    html += '             <div class="type-left">';
	html += '	              <input type="checkbox" name="ajaxtab_module[' + module_row + '][tab_type][]" value="<?php echo $key; ?>" />';
	html += '				<?php echo $value['name']; ?>';
	html += '				</div>';
	html += '				<div class="type-mid">';
	html += '				<?php echo $text_order; ?><input size="3" name="ajaxtab_module[' + module_row + '][<?php echo $key; ?>][order]" value="" />';
	html += '				</div>';
	html += '				<div class="type-right">';
	html += '					<?php echo $text_limit; ?><input size="3" name="ajaxtab_module[' + module_row + '][<?php echo $key; ?>][limit]" value="10" />';
	html += '				</div>';
	html += '<div class="type-last">';
	html += '					<?php echo $text_image; ?>&nbsp;<?php echo $text_image_w; ?>';
	html += '<input size="3" name="ajaxtab_module[' + module_row + '][<?php echo $key; ?>][width]" value="100" />&nbsp;&nbsp;<?php echo $text_image_h; ?>';
	html += '					<input size="3" name="ajaxtab_module[' + module_row + '][<?php echo $key; ?>][height]" value="100" />';
	html += '				</div>  ';    
    html += '              </div>';
    <?php } ?>
    html += '            </div>';
    html += '            <a onclick=\"$(this).parent().find(\':checkbox\').attr(\'checked\', true);\"><?php echo $text_select_all; ?></a> / <a onclick=\"$(this).parent().find(\':checkbox\').attr(\'checked\', false);"><?php echo $text_unselect_all; ?></a>';
	html += ' 		</td>';
	html += ' 	  </tr>';
	html += '</tbody>';
	
	$('#module tfoot').before(html);
	
	module_row++;
}
//--></script>

<style type="text/css"><!--
	.scrollbox{
		width:637px;
		height:147px;
	}
	.type-left{
		width:180px;
		float:left;
	}
	.type-mid{
		float:left;
		width:115px;
	}
	.type-right{
		float:left;
		width:135px;
	}
	.type-last{
		float:left;
		width:160px;
	}
	.even,.odd{
		float:left;
	}
//--></style>
<?php echo $footer; ?>