@extends('layouts.dashboard')

@section('title', 'Export')

@section('myJS')
  <script src="{{url('/')}}/js/admin/admin.js"></script>
@endsection

@section('content')

<div class="padding-top40"></div>

<div class="bs-example">

<!-- main part-->
	<div class="container-fluid" style="padding-left: 15px; padding-top: 15px;">
		<div class="row">
			<div class="col-md-6">
				<form method="post" action="{{url('/createExport')}}" id="exportAttributeForm">
				@csrf
					<div class="test">
						<div class="export-name"><b>Category Structure & Product Attributes</b></div>
						<br>
						<div class="export-padding"><b>Export Type:</b>
							<label class="radio-inline">
								<input type="radio" value="Active Attributes" name="exportType"  style="width: 18px;height: 18px;margin-bottom: 0px !important;">&nbsp;&nbsp;Active Attributes <span data-toggle="tooltip" data-placement="top" title="Export EasyCatalog-ready format including category structure and product attributes configured to display within each product collection."><i class="fa fa-info-circle"></i></span>
							</label>
							<label class="radio-inline">
								<input type="radio" value="All Attributes" name="exportType"  style="width: 18px;height: 18px;margin-bottom: 0px !important;">&nbsp;&nbsp;All Attributes <span data-toggle="tooltip" data-placement="top" title="Export EasyCatalog-ready format including category structure and all product attributes ignoring whether they are configured to display within each product collection."><i class="fa fa-info-circle"></i></span>
							</label>
							<label class="radio-inline">
								<input type="radio" value="Smart Tables" name="exportType"  style="width: 18px;height: 18px;margin-bottom: 0px !important;">&nbsp;&nbsp;Smart Tables <span data-toggle="tooltip" data-placement="top" title="Export Easy-Catalog ready format including category structure and product attributes transformed as smart tables to reduce template variations required."><i class="fa fa-info-circle"></i></span>
							</label>
							<div class="exportType_error text-danger"></div>
						</div>
						<div class="formatDiv" style="display:none;">
							<b>File Format : </b>
							<label class="radio-inline xlsx_radio" >
								<input type="radio" name="format" value="xlsx" style="width: 18px;height: 18px;margin-bottom: 0px !important;">&nbsp;.XLSX &nbsp;
							</label>
							<label class="radio-inline json_radio" style="display: none;">
								<input type="radio" name="format" value="json" style="width: 18px;height: 18px;margin-bottom: 0px !important;">&nbsp;.JSON &nbsp;
							</label>
							<div class="format_error text-danger"></div>
						</div>
						<br>
						<div>
							<button type="submit" class="btn btn-default export-edit exportAttributesSubmitBtn" value="submit_export" name="submit_export" onclick="return false;">Export</button>
						</div>
					</div>
				</form>
			</div>
			<div class="col-md-6">
				<form method="post" action="{{url('/createExport')}}" id="exportBlobForm">
				@csrf
					<div class="test">
						<div class="export-name"><b>Products &amp; Product Attributes</b></div>
						<br>
						<div class="export-padding"><b>Export Type:</b>
							<label class="radio-inline">
								<input type="radio" name="exportType" value="Product Blob" id="blob"  style="width: 18px;height: 18px;margin-bottom: 0px !important;">&nbsp;Product Blob <span data-toggle="tooltip" data-placement="top" title="Export single field containing multiple product attributes, pre-formatted for desired end use."><i class="fa fa-info-circle"></i></span>
							</label>
							<label class="radio-inline">
								<input type="radio" value="All Product Attributes" name="exportType" style="width: 18px;height: 18px;margin-bottom: 0px !important;">&nbsp;&nbsp;All Product Attributes <span data-toggle="tooltip" data-placement="top" title="Export all products with all product attributes, ignoring category structure. (Instance attributes will be omitted in this export.)"><i class="fa fa-info-circle"></i></span>
							</label>
							<label class="radio-inline">
								<input type="radio" value="Indesign XML" name="exportType" style="width: 18px;height: 18px;margin-bottom: 0px !important;">&nbsp;&nbsp;Indesign XML <span data-toggle="tooltip" data-placement="top" title="Indesign friendly XML Export"><i class="fa fa-info-circle"></i></span>
							</label>
							<div class="exportType_error text-danger"></div>
						</div>
						<div class="formatDiv" style="display:none;">
							<b>File Format : </b>
							<label class="radio-inline xlsx_radio" >
								<input type="radio" name="format" value="xlsx" style="width: 18px;height: 18px;margin-bottom: 0px !important;">&nbsp;.XLSX &nbsp;
							</label>
							<!-- <label class="radio-inline xml_radio">
								<input type="radio" name="format" value="xml" disabled="disabled" style="width: 18px;height: 18px;margin-bottom: 0px !important;">&nbsp;.XML <span data-toggle="tooltip" data-placement="top" title="XML format will be live soon!"><i class="fa fa-info-circle"></i></span>
							</label> -->
							<div class="format_error text-danger"></div>
						</div>
						<div class="export-padding blobType" style="display:none;">
							<b>Choose Blob Type: <small>(Ctrl + Click to select multiple)</small> </b>
							<select name="ProductBlobID[]" class="ProductBlobID form-control" width="200px" multiple>
								@foreach ($productBlobsList as $ProductBlob)
									<option value="{{ $ProductBlob->ProductBlobID}}">{{ $ProductBlob->ProductBlobName}}</option>
								@endforeach
							</select>
							<div class="blobType_error text-danger"></div>
						</div>
						<br>
						<div>
							<button type="submit" class="btn btn-default export-edit exportBlobSubmitBtn" value="submit_export" name="submit_export" onclick="return false;">Export</button>
						</div>
					</div>
				</form>
			</div>
		</div>
		<div class="">
			
			<div class="">
				<div id="div_table" class="row table-catalog">
				<div class="export-name"><b>Export History</b></div>
				<br>
				<table id="example" data-page-length='50' class="table table-striped table-bordered" cellspacing="0" width="100%" style="margin-left: -15px;">
					<thead>
						<tr>
							<th scope="col" class="col3">Start Date/ Time</th>
							<th scope="col" class="col3">End Date/ Time</th>
							<th scope="col" class="col3">Duration</th>
							<th scope="col" class="col4">Filename</th>
							<th scope="col" class="col4">Status</th>
							<th scope="col" class="col5">Format</th>
							<th scope="col" class="col5">Options</th>
							<th scope="col" class="col5">Name</th>
							<th scope="col" class="col5">Organisation</th>
						</tr>
					</thead>
					<tbody>
											</tbody>
				</table>
				</div>
			</div>
		</div>
	</div>
</div>

<script type="text/javascript">
	$(document).ready(function(){
		var table = $('#example').DataTable({
			"order": [[ 0, "desc" ]]
		});

		$("#exTab1").show();
	});
</script>

@endsection