{*
* 2007-2013 PrestaShop
**
* NOTICE OF LICENSE
**
* This source file is subject to the Academic Free License (AFL 3.0)
* that is bundled with this package in the file LICENSE.txt.
* It is also available through the world-wide-web at this URL:
* http://opensource.org/licenses/afl-3.0.php
* If you did not receive a copy of the license and are unable to
* obtain it through the world-wide-web, please send an email
* to license@prestashop.com so we can send you a copy immediately.
**
* DISCLAIMER
**
* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
* versions in the future. If you wish to customize PrestaShop for your
* needs please refer to http://www.prestashop.com for more information.
**
*  @author PrestaShop SA <contact@prestashop.com>
*  @copyright  2007-2013 PrestaShop SA
*  @license    http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
*  International Registered Trademark & Property of PrestaShop SA
*}
{include file="toolbar.tpl" toolbar_btn=$toolbar_btn toolbar_scroll=$toolbar_scroll title=$title}
<div class="leadin">{block name="leadin"}{/block}</div>
{if $module_confirmation}
	<div class="module_confirmation conf confirm">
		{l s='Your .CSV file has been sucessfully imported into your shop.'}
	</div>
{/if}
<div style="display: none">
	<div id="upload_file_import" style="padding-left: 10px; background-color: #EBEDF4; border: 1px solid #CCCED7">
		<div class="clear">&nbsp;</div>
		<form action="{$current}&token={$token}" method="post" enctype="multipart/form-data">
			<label class="clear" style="width:160px; text-align: left;">{l s='Select your CSV file'} </label>	
			<div class="margin-form" style="padding-left:190px;">
				<input name="file" type="file" />
				<p class="preference_description">
					{l s='You can also upload your file via FTP to the following directory:'} {$path_import}.
				</p>
			</div>
			
			<div class="margin-form" style="padding-left:190px;">
				<input type="submit" name="submitFileUpload" value="{l s='Upload'}" class="button" />
				<p class="preference_description">
					{l s='Only UTF-8 and ISO-8859-1 encoding are allowed'}
				</p>
			</div>
		</form>
	</div>
</div>
<div class="clear">&nbsp;</div>
<form id="preview_import" action="{$current}&token={$token}" method="post" style="display:inline" enctype="multipart/form-data" class="clear">
	<fieldset style="float: left; margin: 0pt 20px 0pt 0pt; width: 70%;">
		<legend><img src="../img/admin/import.gif" />{l s='Import   '}</legend>
			<label class="clear">{if count($files_to_import) > 1}{l s='Your CSV file (%d files):' sprintf=count($files_to_import)}{else}{l s='Your CSV file (%d file):' sprintf=count($files_to_import)}{/if}</label>
			<div class="margin-form">
				{if count($files_to_import)}
					<select name="csv">
						{foreach $files_to_import AS $filename}
							<option value="{$filename}"{if $csv_selected == $filename} selected="selected"{/if}>{$filename|escape:'htmlall':'UTF-8'}</option>
						{/foreach}
					</select>
				{/if}
				&nbsp;
				<a href="#upload_file_import" id="upload_file_import_link" class="button"><img src="../img/admin/add.gif" alt="Uplaod" title="Upload" />{l s='Upload'}</a>
			</div>
			<div style="width:50%; margin: 0 auto;">
				<div style="width:50%; display: inline-block; float :left;">
					<a href="#" onclick="$('#sample_files_import').slideToggle(); return false;">{l s='Click to view our sample import csv files.'}</a>
					<ul id="sample_files_import" style="display:none;">
						<li><a class="_blank" href="../docs/csv_import/categories_import.csv">{l s='Sample Categories file'}</a></li>
						<li><a class="_blank" href="../docs/csv_import/products_import.csv">{l s='Sample Products file'}</a></li>
						<li><a class="_blank" href="../docs/csv_import/combinations_import.csv">{l s='Sample Combinations file'}</a></li>
						<li><a class="_blank" href="../docs/csv_import/customers_import.csv">{l s='Sample Customers file'}</a></li>
						<li><a class="_blank" href="../docs/csv_import/addresses_import.csv">{l s='Sample Addresses file'}</a></li>
						<li><a class="_blank" href="../docs/csv_import/manufacturers_import.csv">{l s='Sample Manufacturers file'}</a></li>
						<li><a class="_blank" href="../docs/csv_import/suppliers_import.csv">{l s='Sample Suppliers file'}</a></li>
						{if $PS_ADVANCED_STOCK_MANAGEMENT}
							<li><a class="_blank" href="../docs/csv_import/supply_orders_import.csv">{l s='Supply Orders sample file'}</a></li>
							<li><a class="_blank" href="../docs/csv_import/supply_orders_details_import.csv">{l s='Supply Orders Details sample file'}</a></li>
						{/if}
					</ul>
				</div>
				<div style="width:50%; float:left;">
					<a href="#" onclick="$('#csv_files_import').slideToggle(); return false;">{l s='Click to view your csv files.'}</a>
					<ul id="csv_files_import" style="display:none;">
							{foreach $files_to_import AS $filename}
								<li><a href="{$current}&token={$token}&csvfilename={$filename|@base64_encode}">{$filename}</a>&nbsp;&nbsp;
<a href="{$current}&token={$token}&csvfilename={$filename|@base64_encode}&delete=1"><img src="../img/admin/delete.gif" /></a></li>
							{/foreach}
					</ul>
				</div>
				<div class="clear">&nbsp;</div>
			</div>
			<label class="clear">{l s='What kind of entity would you like to import?'} </label>
			<div class="margin-form">
				<select name="entity" id="entity">
					{foreach $entities AS $entity => $i}
						<option value="{$i}"{if $entity_selected == $i} selected="selected"{/if}>
							{$entity}
						</option>
					{/foreach}
				</select>
			</div>
			<label class="clear">{l s='Language of the file'}</label>
			<div class="margin-form">
				<select name="iso_lang">
					{foreach $languages AS $lang}
						<option value="{$lang.iso_code}" {if $lang.id_lang == $id_language} selected="selected"{/if}>{$lang.name}</option>
					{/foreach}
				</select>
				{l s='The locale must be installed'}
			</div>
			<label for="convert" class="clear">{l s='ISO-8859-1 encoded file?'} </label>
			<div class="margin-form">
				<input name="convert" id="convert" type="checkbox" style="margin-top: 6px;"/>
			</div>
			<label class="clear">{l s='Field separator'} </label>
			<div class="margin-form">
				<input type="text" size="2" value="{if isset($separator_selected)}{$separator_selected|escape:'htmlall':'UTF-8'}{else};{/if}" name="separator"/>
				{l s='e.g. '}"1<span class="bold" style="color: red">;</span>Ipod<span class="bold" style="color: red">;</span>129.90<span class="bold" style="color: red">;</span>5"
			</div>
			<label class="clear">{l s='Multiple value separator'} </label>
			<div class="margin-form">
				<input type="text" size="2" value="{if isset($multiple_value_separator_selected)}{$multiple_value_separator_selected|escape:'htmlall':'UTF-8'}{else},{/if}" name="multiple_value_separator"/>
				{l s='e.g. '}"Ipod;red.jpg<span class="bold" style="color: red">,</span>blue.jpg<span class="bold" style="color: red">,</span>green.jpg;129.90"
			</div>
			<label for="truncate" class="clear">{l s='Delete all'} <span id="entitie">{l s='categories'}</span> {l s='before import?'} </label>
			<div class="margin-form">
				<input name="truncate" id="truncate" type="checkbox"/>
			</div>
			<label for="regenerate" class="clear">{l s='No thumbnails regeneration'}</label>
			<div class="margin-form">
				<input name="regenerate" id="regenerate" type="checkbox" />
			</div>
			<label for="forceIDs" class="clear">{l s='Force all ID\'s during import?'} </label>
			<div class="margin-form">
				<input name="forceIDs" id="forceIDs" type="checkbox"/> {l s='If you don\'t use this option, all ID\'s will be auto-incremented.'}
			</div>
			<label for="match_ref" class="clear" style="display: none">{l s='Use product reference as key?'}</label>
			<div class="margin-form">
				<input name="match_ref" id="match_ref" type="checkbox" style="margin-top: 6px; display:none"/>
			</div>
			<div class="space margin-form">
				<input type="submit" name="submitImportFile" value="{l s='Next step'}" class="button" {if empty($files_to_import)}disabled{/if}/>
				{if empty($files_to_import)}<span style="color:red;">{l s='You must upload a file in order to proceed to the next step'}</span>{/if}
			</div>
			<div class="warn import_products_categories" style="margin-top: 20px;">
				<p>{l s='Note that the category import does not support categories of the same name.'}</p>
				<p>{l s='Note that you can have several products with the same reference.'}</p>
			</div>
			<div class="warn import_supply_orders_details" style="margin-top: 20px; display:none">
				<p>{l s='Importing Supply Order Details will reset products ordered, if there are any.'}</p>
			</div>
		{if !count($files_to_import)}
			<div class="warn" style="margin-top: 20px;">
				<p>{l s='There is no CSV file available. Please upload one using the \'Upload\' button above.'}</p>
				<ul>
					<li>{l s='You can read information on CSV import at:'} <a href="http://doc.prestashop.com/display/PS14/Troubleshooting#Troubleshooting-HowtocorrectlyimportaccentuatedcontentusingaCSVfile%3F" target="_blank">http://doc.prestashop.com/display/PS14/Troubleshooting</a></li>
					<li>{l s='Read more about CSV format at:'} <a href="http://en.wikipedia.org/wiki/Comma-separated_values" target="_blank">http://en.wikipedia.org/wiki/Comma-separated_values</a></li>
				</ul>
			</div>
		{/if}
	</fieldset>
</form>
<fieldset style="display:block;">
	<legend>
		<img src="../img/admin/import.gif" />{l s='Available fields'}
	</legend>
	<div id="availableFields">
		{$available_fields}
	</div>

	<div class="clear">
		<br /><br />{l s='* Required field'}
	</div>
</fieldset>
<div class="clear">&nbsp;</div>
<script type="text/javascript">
	$(document).ready(function(){
		var truncateAuthorized = {$truncateAuthorized|intval};
		activeClueTip();
		$("a#upload_file_import_link").fancybox({
				'titleShow' : false,
				'transitionIn' : 'elastic',
				'transitionOut' : 'elastic'
		});

		$('#preview_import').submit(function(e){
			if ($('#truncate').get(0).checked)
				if (truncateAuthorized)
				{
					if (!confirm('{l s='Are you sure that you would like to delete this' js=1}' + ' ' + $.trim($('#entity > option:selected').text().toLowerCase()) + '?'))
						e.preventDefault();
				}
				else
				{
					jAlert('{l s='You do not have permission to delete here. When the multistore is enabled, only a SuperAdmin can delete all items before an import.' js=1}');
					return false;
				}
		});

		$("select#entity").change(function(){
			if ($("#entity > option:selected").val() == 7 || $("#entity > option:selected").val() == 8)
				$("label[for=truncate],#truncate").hide();
			else
				$("label[for=truncate],#truncate").show();
	
			if ($("#entity > option:selected").val() == 8)
			{
				$(".import_supply_orders_details").show();
				$('input[name=multiple_value_separator]').val('|');
			}
			else
			{
				$(".import_supply_orders_details").hide();
				$('input[name=multiple_value_separator]').val('{if isset($multiple_value_separator_selected)}{$multiple_value_separator_selected}{else},{/if}');
			}
			if ($("#entity > option:selected").val() == 1)
				$("label[for=match_ref], #match_ref, label[for=regenerate], #regenerate").show();
			else
				$("label[for=match_ref], #match_ref, label[for=regenerate], #regenerate").hide();
			if ($("#entity > option:selected").val() == 1 || $("#entity > option:selected").val() == 0)
				$(".import_products_categories, label[for=regenerate], #regenerate").show();
			else
				$(".import_products_categories, label[for=regenerate], #regenerate").hide();
			if ($("#entity > option:selected").val() == 0 || $("#entity > option:selected").val() == 1 || $("#entity > option:selected").val() == 3 || $("#entity > option:selected").val() == 5 || $("#entity > option:selected").val() == 6)
				$("label[for=forceIDs], #forceIDs").show();
			else
				$("label[for=forceIDs], #forceIDs").hide();
			$("#entitie").html($("#entity > option:selected").text().toLowerCase());
			$.ajax({
				url: 'ajax.php',
				data: {
					getAvailableFields:1,
					entity: $("#entity").val()
				},
				dataType: 'json',
				success: function(j){
					var fields = "";
					$("#availableFields").empty();
					
					for (var i = 0; i < j.length; i++)
						fields += j[i].field;
	
					$("#availableFields").html(fields);
					activeClueTip();
				},
				error: function(j){}			
			});
		});
		$("select#entity").trigger('change');
		function activeClueTip()
		{
			$('.info_import').cluetip({
				splitTitle: '|',
			    showTitle: false
		 	});
		};	
	});
</script>