[% PROCESS site/mainMenu.tt.html %]

[% PROCESS cms/submenu.tt.html %]

[% c.renderBreadCrumb(node) %]

<div id="interior">

	[%
	IF cmsObjTypeId;
		PROCESS cms/submenuobject.tt.html;
	ELSE;
		PROCESS cms/submenupage.tt.html;
	END;
	%]

	<h2>[% Cat.cmsPick({ en => "<span>Upload files for</span> $node.name", es => "<span>Subir ficheros para</span> $node.name" }) %]</h2>

	<form enctype="multipart/form-data" action="[% Cat.uri_for('upload_files', node.cmsobj_id) %]" method="post">

		<fieldset>

			<div class="field">
				[% file_name_mandatory %]
				<label for="filename">[% Cat.cmsPick({ en => 'Filename', es => 'Nombre del fichero' }) %]:</label>
				<input class="text" id="filename" name="filename" type="text" value="[%file_name%]" />
			</div>

			<div class="field">
				[% wrong_file_format %]
				<label for="title">[% Cat.cmsPick({ en => 'File', es => 'Fichero' }) %]:</label>
                <input type="file" class="file" id="file" name="file" />
                <div class="unzip-container">
                    <input type="checkbox" class="unzip" id="unzip" name="unzip" />
                    <p class="help-text">
                        [% Cat.localize('Create multiple images or documents uploading a ZIP file') %].
                    </p>
                </div>
			</div>

			[% IF cmsObjTypeId %]
				<input name="cmsObjType" value="[% cmsObjTypeId %]" type="hidden" />
			[% END %]

			<input class="button"  name="submit" value="[% Cat.cmsPick({ en => 'Send', es => 'Enviar' }) %]" type="submit" />


		</fieldset>

	</form>

	[% IF files %]
    <div id="logs">
        <p id="commit-new-order-files" style="display:none" class="accept-paragraph">
            <a class="accept" href="javascript:void(0)" onclick="javascript:YAHOO.example.DDApp.saveOrder([% node.cmsobj_id %])">[% Cat.cmsPick({ en => 'Save new files order', es => 'Guardar nuevo orden de los ficheros'}) %]</a>
        </p>
		<ul id="ul1" class="tree-list draglist cmsobjtype-fields-order">
		<li class="list1 mainFile title-row">
			<div class="id-column"><a href="[% Cat.uri_for('upload_files', node.cmsobj_id,'file_id') %]">ID</a></div>
			<div class="short-column-name">[% Cat.cmsPick({en => 'Preview', es => 'Vista previa' }) %]</div>
			<div class="short-column-name"><a href="[% Cat.uri_for('upload_files', node.cmsobj_id, 'filename') %]">[% Cat.cmsPick({en => 'Name', es => 'Nombre' }) %]</a></div>
			[% FOREACH language IN Cat.getLanguages() %]
			<div class="short-column-name">[% language.name %]</div>
			[% END %]
		</li>
		[% class = '' %]
        [%
            liCounter = 0;
            WHILE ( file = files.next );
                liCounter = liCounter + 1;
		%]
		<li class="[% class %] list1 tree-list order[% file.file_id%]" id="li[% liCounter %]">
			<div class="id-value">[% file.file_id %]</div>
			[%
			IF Cat.config.image_formats.match(file.extension);
                thumb = Cat.getThumb(file,75,75,"",0);
			ELSIF Cat.config.video_formats.match(file.extension);
				thumb = "$Cat.config.mime_types_path/video_icon.png";
			ELSE;
				thumb = "$Cat.config.mime_types_path/document_icon.png";
			END;
			%]
            <div class="short-column-value">
                <a class="file-link" href="[% Cat.config.relative_site_files_path %]/[% node.cmsobj_id %]/[% file.file_id %].[% file.extension %]" target="_blank"><img src="[% thumb %]" alt="[% file.filename %]" /></a>
                <span class="mime-type">([% file.mime_type %])</span>
                [%
                    size = file.file_size / 1000;
                %]
                <span class="file-size">[% size.round %] kB</span>
            </div>
			<div class="short-column-value">[% file.filename %]</div>
			[% FOREACH language IN Cat.getLanguages() %]
			[%
				fieldfile = file.search_related('fieldfiles', {language_id => language.language_id})
			%]
			<div class="short-column-value">[% fieldfile.name %]</div>
			[% END %]
			<div class="options">
				<a href="[% Cat.uri_for('edit_file', file.file_id) %]">[% Cat.cmsPick({en => 'Edit', es => 'Editar'}) %]</a> |
				<a href="[% Cat.uri_for('delete_site_file', file.file_id) %]">[% Cat.cmsPick({en => 'Delete', es => 'Eliminar'}) %]</a>
			</div>
		</li>
		[%
			IF class == '';
			class = 'odd';
			ELSE;
			class = '';
			END;
		END %]
		</ul>
	[% END%]

	</div>

</div>