{config_load file=$language_path section="general"}
{yes_admin_page_menu main_title=$HEADING_TITLE buttons=$PAGE_HEADING_MENU_BUTTONS}
<script src="//tinymce.cachefly.net/4.0/tinymce.min.js"></script>
<div class="main">
{if $action == 'select_file'}
    <br />{$TEXT_SELECT_NMEDIA_FILE_INTRO}<br />
    {$INPUT_FILE} <input type="checkbox" name="show_imported" value="1"{if $show_imported} checked="checked"{/if} /> {$TEXT_SHOW_IMPORTED}

    {if $file != ''}
	<h3>{$file} ({$distributor})</h3>
	<form action="nmedia.php" method="get">
	    <input type="hidden" name="sort" value="{$sort_field}" />
	    <input type="hidden" name="sort_desc" value="{$sort_desc}" />
	    <input type="hidden" name="file" value="{$file}" />
	    {* page nullen <input type="hidden" name="page" value="{$page}" />*}
	    {#search#}
	    <input type="text" name="search" value="{$search}" maxlength="35" size="35" />
	    <input type="radio" name="search_mode" value="EAN" {if $search_mode == '' or $search_mode == 'EAN'} checked="checked"{/if}>EAN
	    <input type="radio" name="search_mode" value="Artikelbezeichnung" {if $search_mode == 'Artikelbezeichnung'} checked="checked"{/if}>Artikelbezeichnung
	    <input type="radio" name="search_mode" value="Serie" {if $search_mode == 'Serie'} checked="checked"{/if}>Serie
	    <input type="submit" value="{#search#}" class="iButton" />
	</form>
	<p>
	    <a href="javascript:selectall('nmedia_items','id[]',true)">{#select_all#}</a>
	    <a href="javascript:selectall('nmedia_items','id[]',false)">{#unselect_all#}</a>
	    <input type="button" value="Import" id="nmedia_import_button" class="iButton" />
	</p>
	<form name="nmedia_items" method="post" action="{$FORM_ACTION}">
	    <fieldset>
		<b>{$TEXT_IMPORT_PRODUCTS_STATUS}</b> <input type="radio" name="products_status" value="1" checked="checked" /> aktiv <input type="radio" name="products_status" value="0" /> inaktiv
	    &nbsp;&nbsp;
	    <b>{$TEXT_IMPORT_PRODUCTS_LISTING_STATUS}</b> <input type="radio" name="products_listing_status" value="1" checked="checked" /> aktiv <input type="radio" name="products_listing_status" value="0" /> inaktiv
	    &nbsp;&nbsp;
	    <b>{$TEXT_IMPORT_DEFAULT_CATEGORY}</b> {$IMPORT_DEFAULT_CATEGORY}
	    </fieldset>
	<table class="yesListTable_minimal">
	    <thead>
		<tr>
		    <th>&nbsp;</th>
	{foreach from=$header item=dat}
		    {foreach from=$dat item=value}
		    <th class="sortable" id="{$value}">{$value}</th>
		    {/foreach}
	{/foreach}
		</tr>
	    </thead>
	    <tbody>
	{foreach from=$data item=dat}
		<tr>
		    <td>
			{if $dat.products_id > 0}
			pID <a title="Info pID {$dat.products_id}" rel="products.php?action=ajax_view&pID={$dat.products_id}" class="yes_dynamic_tooltip"><u>{$dat.products_id}</u></a>
			{else}
			<input type="checkbox" name="id[]" value="{$dat.EAN}" />
			{/if}
		    </td>
		    {foreach from=$dat item=value key=k}
			{if $k != 'serie_ti' and $k != 'products_id'}
		    <td>
			{if $k == 'Bild'}
			<img src="{$value}" style="max-width:100px;" class="nmedia_img" />
			{elseif $k == 'Serie'}
			    {if $dat.serie_ti == 1}
			    <b>{$value}</b>
			    {else}
			<a href="nmedia.php?action=textitems&serie={$value}&serie_nr={$dat.Serie_nr_nmedia}&file={$file}">{$value}</a>
			    {/if}
			{else}
			{$value}
			{/if}
		    </td>
			{/if}
		    {/foreach}
		</tr>
	{/foreach}
	    </tbody>
	</table>
	</form>
	<div align="center">{$split1}<br />{$split2}</div>
	<p>
	    <a href="javascript:selectall('nmedia_items','id[]',true)">{#select_all#}</a>
	    <a href="javascript:selectall('nmedia_items','id[]',false)">{#unselect_all#}</a>
	    <input type="button" value="Import" id="nmedia_import_button" class="iButton" />
	</p>
	
    {/if}


<script type="text/javascript" src="minify_js.php?file=includes/general.js"></script>
<script type="text/javascript">
var form_url = 'nmedia.php';
var sort_desc = false;
var sort_field = '{$sort_field}';
var url = '{$url}';
var url_hide_imported = '{$url_hide_imported}';
var url_show_imported = '{$url_show_imported}';

{if $sort_desc == '1'}
var sort_desc = true;
{/if}
{literal}

function select_nmedia_file(element){
    if($(element).val() == '')
	return false;
    window.location.href = 'nmedia.php?file='+$(element).val();
}

$(function(){
    $('input[name="show_imported"]').change(function(){
	
	if($(this).prop('checked')){
	    window.location.href = url_show_imported;
	}else{
	    window.location.href = url_hide_imported;
	}
    });
    $('input#nmedia_import_button').each(function(){
	    $(this).click(function(){
		if($('form[name="nmedia_items"] input:checked').length > 0){
		    $('form[name="nmedia_items"]').submit();
		}
	    });
    });

	$('table thead th.sortable').each(function(){
	   $(this).css('cursor', 'pointer');
	    if(sort_field == $(this).attr('id') ){
		$(this).css('text-decoration','underline');
	    }
	   $(this).click(function(){
	       url = url + '&sort='+$(this).attr('id');
	       if(sort_field == $(this).attr('id') ){
		   
		   $(this).css('font-weight','normal');
		   if(!sort_desc){
		       url += '&sort_desc=1';
		   }
	       }
	       window.location.href = url;
	   });
	});
	$('table tbody td img.nmedia_img').each(function(){
	    
	    $(this).css('cursor','pointer');
	    $(this).click(function(){
		    $('#modal_window').dialog({
		      modal: true,
		      resizable: false,
		      draggable: true,
		      width: 'auto',
		      title: $(this).attr('src')
		    }).html('<img style="max-width: 800px;" src="'+$(this).attr('src')+'">');
  	    });
	});
});
{/literal}
</script>

{elseif $action == 'textitems'}
<script type="text/javascript">
var TEXT_NMEDIA_TEXTITEMS_ADD = '{$TEXT_NMEDIA_TEXTITEMS_ADD}';
var TEXT_NMEDIA_TEXTITEMS_EDIT = '{$TEXT_NMEDIA_TEXTITEMS_EDIT}';
var JS_CONFIRM_REALLY_DELETE_NMEDIA_TI = '{$JS_CONFIRM_REALLY_DELETE_NMEDIA_TI}';
var EDIT_FROM_LISTING = '{$EDIT_FROM_LISTING}';
var SERIE_NR = '{$SERIE_NR}';
var SERIE = '{$SERIE}';
var FILE = '{$FILE}';
    {literal}
    $().ready(function(){
	$('#add_ti').click(function(){
	    $(this).hide();
	    $('#nmedia_ti form[name="nmedia_ti_form"] legend').text(TEXT_NMEDIA_TEXTITEMS_ADD);
	    $('#nmedia_ti form[name="nmedia_ti_form"] input[name="serie_nr"]').val('');
	    $('#nmedia_ti form[name="nmedia_ti_form"] input[name="serie"]').val('');
	    tinymce.activeEditor.setContent('');
	    $('#nmedia_ti').show();
	});
	$('#ti_cancel').click(function(){
	    $('#nmedia_ti').hide();
	    $('input#add_ti').show();
	});
	$('table#nmedia_saved_textitems tbody tr td.nmedia_ti_delete').each(function(){
	   $(this).css('cursor','pointer');
	   $(this).click(function(){
	      yes = confirm(JS_CONFIRM_REALLY_DELETE_NMEDIA_TI); 
	      if(yes){
		  window.location.href='nmedia.php?action=delete_ti&id='+$(this).attr('id');
	      }
	   });
	});
	$('table#nmedia_saved_textitems tbody tr td.nmedia_ti_edit').each(function(){
	   $(this).css('cursor','pointer');
	   $(this).click(function(){
	       $.ajax({
		   url: 'nmedia.php?action=get_textitem_data&id='+$(this).attr('id'),
		   dataType: 'json',
		   success: function(json){
			$('#nmedia_ti form[name="nmedia_ti_form"] legend').text(TEXT_NMEDIA_TEXTITEMS_EDIT);
			$('#nmedia_ti form[name="nmedia_ti_form"] input[name="serie_nr"]').val(json.serie_nr);
			$('#nmedia_ti form[name="nmedia_ti_form"] input[name="serie"]').val(json.serie);
			tinymce.activeEditor.setContent(json.serie_text);
			$('#nmedia_ti').show();
		   }
	       });
	   
	   })
	});
    });
    {/literal}
</script>
    <h3>{$TEXT_NMEDIA_TEXTITEMS}</h3>
    
    <div id="nmedia_ti" style="display:none;">
	
    <form name="nmedia_ti_form" action="nmedia.php?action=save_textitem" method="post">
	<fieldset>
	    <legend>{$TEXT_NMEDIA_TEXTITEMS_EDIT}</legend>
	    <label for="serie_nr">Serie Nr.<br /></label>
	    <input type="text" name="serie_nr" id="serie_nr" maxlength="16" size="16" value="" /><br />
	    <label for="serie">Serie<br /></label>
	    <input type="text" name="serie" id="serie" maxlength="128" size="64" value="" /><br />
	    <label for="serie_text">Text<br /></label>
	    <textarea wrap="virtual" style="height: 300px;" class="tinymce" name="serie_text" rows="35" cols="60" id="serie_text"></textarea><br />
	    <input type="submit" value="{#save#}" class="iButton" />
	    <input type="button" value="{#cancel#}" class="iButton" id="ti_cancel" />
	</fieldset>
    </form>
    </div>
    {if $EDIT_FROM_LISTING != '1'}
    <input type="button" value="{#add#}" class="iButton" id="add_ti" />
    <br /><br />
	{if $items.0}
    <p<b>{$TEXT_NMEDIA_TEXTITEMS_SAVED}</b></p>
    <table class="yesListTable_minimal" id="nmedia_saved_textitems">
	<thead>
	    <tr>
		<th>Serie Nr</th>
		<th>Serie</th>
		<th colspan="2">&nbsp;</th>
	    </tr>
	</thead>
	<tbody>
	    {foreach from=$items item=it}
	    <tr>
		<td>{$it.serie_nr}</td>
		<td>{$it.serie}</td>
		<td id="{$it.nmedia_serien_id}" class="nmedia_ti_edit"><img src="images/icon_arrow_right.gif" border="0" /></td>
		<td id="{$it.nmedia_serien_id}" class="nmedia_ti_delete"><img src="images/icons/cross.gif" border="0" /></td>
	    </tr>
	    {/foreach}
	</tbody>
    </table>
	{/if}
    
    {/if}
    
    {$WYSIWYG}
    <script type="text/javascript">
    {literal}
    $().ready(function(){
    if(EDIT_FROM_LISTING == '1'){
	    $('#nmedia_ti form[name="nmedia_ti_form"] legend').text(TEXT_NMEDIA_TEXTITEMS_ADD);
	    $('#nmedia_ti form[name="nmedia_ti_form"] input[name="serie_nr"]').val(SERIE_NR);
	    $('#nmedia_ti form[name="nmedia_ti_form"] input[name="serie"]').val(SERIE);
	    form_action = $('#nmedia_ti form[name="nmedia_ti_form"]').attr('action');
	    form_action += '&file='+FILE;
	    $('#nmedia_ti form[name="nmedia_ti_form"]').attr('action',form_action);
	    //tinymce.activeEditor.setContent('');
	    $('#nmedia_ti').show();
    }
    });
    {/literal}
	
    </script>
    
{/if}
</div>