<!-- Admin Import Data Form Layout -->
<!-- Breadcrumb -->
<ol class="breadcrumb">
	<li class="breadcrumb-item capitalize">@(Q::cStr('70:Utilities'))</li>
	<li class="breadcrumb-item capitalize active">@(Q::cStr('75:Import Data'))</li>
</ol>
<div class="container-fluid">
	
	<div class="animated fadeIn">
		<div class="row" id="admimportdata">
			
			<!-- Horizontal Form -->
			<div class="col-5">
				
				<div class="card card-outline-primary">	
					<div class="card-block">				
						<h4 class="card-title">@(Q::cStr('75:Import CSV'))</h4>
						<h6 class="card-subtitle mb-2 text-muted">@(Q::cStr('247:Use this form to upload and import a CSV file into the database'))</h6>
						
						<form class="ml10 form form-horizontal" v-bind="inputform" id="inputform" method="post" enctype="multipart/form-data">
							
							<!-- Table -->
							<div class="form-group">
								<label for="tables">@(Q::cStr('126:Table'))</label>
								<select class="form-control col-12" id="tables" v-model="inputform.table" data-name="table">
									<option v-for="(ttbl, tval) in formdata.tables" v-bind:value="tval">[{{tval}}] {{ttbl}}</option>
								</select>
							</div>
							<!-- Tabletype  -->
							<div class="form-group">
								<label for="tabletypes">@(Q::cStr('226:Table Type'))</label>
								<select class="form-control col-12" id="tabletypes" v-model="inputform.tabletype" data-name="tabletype">
									<option v-for="(tbltype, ttval) in formdata.tabletypes" v-bind:value="ttval">[{{ttval}}] {{tbltype}}</option>
								</select>
								<small id="fileHelp" class="form-text text-muted">@(Q::cStr('243:Select a Table Type that is appropriate for the Table'))</small>
							</div>
							<!-- Select file to import  -->
							<div class="form-group ml5">
								<label for="inputfile">@(Q::cStr('186:File input'))</label>
								<input type="file" class="form-control-file col-12 border1 hlf-pad" id="inputfile" data-name="inputfile" v-model="inputform.inputfile" placeholder="@(Q::cStr('186:File input'))">
							</div>
							<!-- Delimiter = ','  -->
							<div class="form-group ml5">
								<label for="inputfile">@(Q::cStr('248:Row delimiter or termination character'))</label>
								<input type="text" class="form-control col-2" data-name="delimiter" v-model="inputform.delimiter">
							</div>
							<!-- Encloser = '"'  -->
							<div class="form-group ml5">
								<label for="inputfile">@(Q::cStr('249:Field encloser character'))</label>
								<input type="text" class="form-control col-2" data-name="encloser" v-model="inputform.encloser">
							</div>
							<!-- Escape = '\'  -->
							<div class="form-group ml5">
								<label for="inputfile">@(Q::cStr('250:Escape character'))</label>
								<input type="text" class="form-control col-2" data-name="escape" v-model="inputform.escape">
							</div>
							<!-- Longestline = 0   -->
							<div class="form-group ml5">
								<label for="inputfile">@(Q::cStr('251:Longest line (0) no limit'))</label>
								<input type="text" class="form-control col-2" data-name="longestline" v-model="inputform.longestline">
							</div>
							<!-- Header = check -->
							<div class="form-check ml5">
								<label class="custom-control custom-checkbox">
								  <input type="checkbox" class="custom-control-input" v-model="inputform.header" data-name="header">
								  <span class="custom-control-indicator"></span>
								  <span class="custom-control-description">@(Q::cStr('252:Include Header'))</span>
								</label>
							</div>	
							<!-- Write to Database  -->
							<div class="form-check ml5">
								<label class="custom-control custom-checkbox">
								  <input type="checkbox" class="custom-control-input" v-model="inputform.dbwrite" data-name="dbwrite">
								  <span class="custom-control-indicator"></span>
								  <span class="custom-control-description">@(Q::cStr('227:Write to Database'))</span>
								</label>
							</div>				
							
							<div class="form-group ml5">
								<button type="submit" class="btn btn-primary">@(Q::cStr('105:Submit'))</button>
							</div>	
							<!-- Test Only   -->
							<span id="formresult" style="display:none;">{{$data.inputform}}</span>
						</form>	
										
					</div>				
				</div>
			</div>
			<!-- Results block  -->
			<div class="col-7">
				<div class="card card-outline-secondary">	
					<div class="card-block">				
						<h4 class="card-title">@(Q::cStr('231:Results'))</h4>
						<p class="card-text" id="convertresults"></p>
					</div>				
				</div>
			</div>	
							
		</div>
	</div>
</div>
<script>
//<![CDATA[
@raw($dtscripts)
//]]>
</script>
 
  |