<!-- 

	All content on this website (including text, images, source
	code and any other original works), unless otherwise noted,
	is licensed under a Creative Commons License.
	
	http://creativecommons.org/licenses/by-nc-sa/2.5/
	
	Copyright (C) 2004-2010 Open-Xchange, Inc.
	Mail: info@open-xchange.com 
	
	@author Suphi Basdemir <suphi.basdemir@open-xchange.com>

 -->

<div xmlns:ox="http://localhost/html/dtd/ox.dtd" id="config_import" style="display: none;" ox:align="stretch">
	<ox:border type="cpheader" dir="2" ox:align="top" ox:size="27px">
		<div ox:align="stretch" style="height:100%">
			<table cellpadding="0" cellspacing="0" border="0" class="headercontenttable border-color-design"> 
				<tr>
					<td id="cimp_header" class="headercontentarea font-style-headline" style="width:100%">&#160;</td>
				</tr>
			</table>
		</div>
	</ox:border>
	<ox:border type="cpbottom" dir="2" ox:align="bottom" ox:size="1.6em">
	   <div class="smallpopupborderbottom border-color-design" />
	</ox:border>
	<ox:border type="cpbody" dir="2" ox:align="stretch" style="overflow:auto">
		<div ox:align="top" class="padding7px" style="overflow:auto; overflow-x:hidden;">
			<form id="form_config_import" enctype="multipart/form-data" method="post" action="">
				<table style="width: 100%">
					<tr>
					   <td colspan="4" style="padding-top: 5px" ox:i18n="">Here you can import tasks, appointments or contacts from iCal, vCard or CSV files.</td>
					</tr>
					<tr>
					   <td colspan="4" ox:i18n="">Detailed information can be found in the Import section of the online help or the user manual.</td>
					</tr>
                    <tr>
                        <td colspan="4">&#xa0;</td>
                    </tr>
					<tr>
						<td style="width: 15em; vertical-align: top" ox:i18n="" class="height16">File type:</td>
						<td style="width:20em">
							<input id="cs_import_ical" type="radio" class="noborder nobackground" name="cs_import_type" onclick="oCi_import_data.changeStatus('ical');" value="ICAL" checked="checked"/>
							<label for="cs_import_ical" ox:i18n="" class="padding7px">iCal</label>							
						</td>
						<td style="width: 26em; vertical-align: top" class="height16"><div id="import.combobox.module"></div></td>
						<td></td>
					</tr>
					<tr>
						<td style="width: 15em; vertical-align: top" class="height16"></td>
						<td style="width:20em">
							<input id="cs_import_vcard" type="radio" class="noborder nobackground" name="cs_import_type" onclick="oCi_import_data.changeStatus('vcard');" value="VCARD"/>
							<label for="cs_import_vcard" ox:i18n="" class="padding7px">vCard</label>							
						</td>
						<td style="width: 26em; vertical-align: top" class="height16"></td>
						<td></td>
					</tr>
					<tr>
						<td style="width: 15em; vertical-align: top" class="height16"></td>
						<td style="width:20em">
							<input id="cs_import_csv" type="radio" class="noborder nobackground" name="cs_import_type" onclick="oCi_import_data.changeStatus('csv');" value="CSV"/>
							<label for="cs_import_csv" ox:i18n="" class="padding7px">CSV (Contacts)</label>							
						</td>
						<td style="width: 26em; vertical-align: top" class="height16"><div id="import.combobox.csv"></div></td>
						<td></td>
					</tr>
					<!--
					<tr>
						<td style="width: 15em; vertical-align: top" class="height16"></td>
						<td style="width:20em">
							<input id="cs_import_outlook_csv" type="radio" name="cs_import_type" onclick="oCi_import_data.changeStatus('outlook_csv');" value="OUTLOOK_CSV"/>
							<label for="cs_import_outlook_csv" ox:i18n="" class="padding7px">Outlook CSV (Contacts)</label>							
						</td>
						<td style="width: 26em; vertical-align: top" class="height16"></td>
						<td></td>
					</tr>
					-->
					
					<tr>
						<td colspan="4">&#xa0;</td>
					</tr>
					<tr>
						<td style="width: 15em; vertical-align: top" ox:i18n="" class="height16">Destination folder:</td>
						<td style="width:20em">
						
							<table>
							<tr><td>						
								<input type="text" id="fileImportFolder" class="leftVerylong background-color-default border-color-design" disabled="disabled" size="30" name="importFolderInput" value="" />
							</td><td>	
								<ox:button class="whiteground" onclick="toggleConfigTree()" style="width: 8em;" title="Folder" ox:help="Select a folder for import" ox:i18n="title,">Folder</ox:button>				
							</td></tr>
							</table>
							
						</td>
						<td style="width: 26em; vertical-align: top" class="height16"></td>
						<td></td>
					</tr>
					<tr>
						<td colspan="4">&#xa0;</td>
					</tr>					
					
					<tr>
						<td colspan="4">&#xa0;</td>
					</tr>
					<tr>
						<td style="width: 15em; vertical-align: top" ox:i18n="" class="height16">File name:</td>
						<td style="width:20em">
							<input type="file" id="fileImportInput" name="file" value="" />						
						</td>
						<td style="width: 26em; vertical-align: top" class="height16"></td>
						<td></td>
					</tr>
					<tr>
						<td colspan="4">&#xa0;</td>
					</tr>
				</table>
			</form>	        
	    </div>
	</ox:border>
</div>