@extends('layouts.adminlayout')
@section('content')
<div class="header bg-primary pb-6">
	<div class="container-fluid">
		<div class="header-body">
			<div class="row align-items-center py-4">
				<div class="col-lg-6 col-7">
					<h6 class="h2 text-white d-inline-block mb-0">Product Import</h6>
				</div>
				<div class="col-lg-6 col-5 text-right">
					<a href="{{ route('admin.importProduct.imagesUpload') }}" class="btn btn-neutral"><i class="fas fa-upload"></i> Upload Images</a>
					<a href="{{ route('admin.importProduct.import') }}" class="btn btn-neutral"><i class="ni ni-bold-left"></i> Back</a>
				</div>
			</div>
		</div>
	</div>
</div>
<div class="container-fluid mt--6">
	<div class="row">
		<div class="col-xl-12 order-xl-1">
			<div class="card">
				<!--!! FLAST MESSAGES !!-->
				@include('admin.partials.flash_messages')
				<div class="card-header">
					<div class="row align-items-center">
						<div class="col-8">
							<h3 class="mb-0">Import Product</h3>
						</div>
					</div>
				</div>
				<div class="card-body">
					<form method="post" action="{{ route('admin.importProduct.import') }}" class="form-validation" enctype="multipart/form-data">
						<!--!! CSRF FIELD !!-->
						{{ @csrf_field() }}
						<div class="pl-lg-4">
							<div class="row">
								<div class="form-group col-md-12">
									<label class="form-control-label" for="input-first-name">Upload File</label>
									<input type="file" class="form-control" name="file" required  value="{{ old('file') }}">
									@error('file')
									    <small class="text-danger">{{ $message }}</small>
									@enderror
								</div>
								<div class="form-group col-md-12">
									<a
										href="{{ url('assets/sample/products_sample.xlsx') }}"
										download="products_sample.xlsx"
										class="btn btn-sm btn-secondary mt-3"
									>
										<i class="fas fa-download"></i>
										Download Sample
									</a>
								</div>
							</div>
						</div>
						<hr class="my-4" />
						<button href="#" class="btn btn-sm py-2 px-3 btn-primary float-right">
							<i class="fa fa-save"></i> Submit
						</button>
					</form>
				</div>
			</div>
			@if(isset($importFile) && $importFile)
				@foreach($importFile as $key => $file)
					<div class="card">
						<div class="card-header">
							<div class="row align-items-center">
								<div class="col-md-8">
									<h3 class="mb-0">{{ isset($file['file_name']) && $file['file_name'] ? $file['file_name'] : '' }}</h3>
								</div>
								<div class="col-md-4 text-right">
									<small class="text-muted mr-4"><i class="fa fa-clock"></i> {{ isset($file['created']) && $file['created'] ? _dt($file['created']) : '' }}</small>
									<a href="javascript:;" class="close-card _delete mr-2" data-link={{	route('admin.importProduct.deleteCard',['id' => isset($file['id']) && $file['id'] ? $file['id'] : 'id' ])}}>
										<i class="fas fa-times-circle" style="font-size: 18px"></i>
									</a>
								</div>
							</div>
						</div>
						<div class="card-body">
							@php
							    if(isset($file['errors']) && $file['errors'])
							    {
							       $errors = json_decode($file['errors'],true);
							    }
							@endphp
						    @if(isset($errors) && $errors)	
						    	<div class="row"> 
									@foreach($errors as $k => $v)
										@if(!empty($v))
											<div class="col-md-12">
												<div class="accordion" id="accordionExample">
												    <div class="">
													    <div class="card-header p-1" id="heading{{ $k }}">
														    <h2 class="mb-0">
														        <button class="btn btn-link btn-block text-left text-danger" type="button" data-toggle="collapse" data-target="#collapse{{$file['id']}}{{$k}}" aria-expanded="true" aria-controls="collapseTwo">
														           Row No <span id="">{{$k}}</span> Errors
														        </button>
														    </h2>
													    </div>
													    <div id="collapse{{ $file['id'].$k }}" class="collapse " aria-labelledby="headingTwo" data-parent="#accordionExample">
													      <div class="card-body">
													        <ul class="mb-0">
													        	@if(isset($v) && $v)
														            @foreach($v as $e)
															        	<li class="mb-1">
															        		{{ is_array($e) ? join(',',$e) : $e  }}
															        	</li>
														        	@endforeach
													        	@endif
													        </ul>
													      </div>
													    </div>
												    </div>
												</div>
											</div>
										@endif
									@endforeach
								</div>
							@endif
								<div class="row align-items-center mt-4">
									<div class="col-4">
										<span class="badge badge-danger">{{ $file['fail_rows'] }} records has errors</span>
									</div>
									<div class="col-4">
										<span class="badge badge-success">{{ $file['success_rows'] }} records has success</span>
									</div>
									<div class="col-4">
										<span class="badge badge-primary">{{ $file['total_rows'] }} total records</span>
									</div>
								</div>
								<div class="row align-items-center mt-5">							
									<div class="col-12 text-right">	
										@if($file['fail_rows'])
											<a href="{{route('admin.importProduct.exportFile',['id' => $file['id']])}}" class="btn btn-danger export-file"><i class="fas fa-file-export"></i> Export Failed rows</a>
										@endif
										
										@if($file['success_rows'])
											@if($file['imported'] == 1)
												<button class="btn btn-primary"><i class="fas fa-check"></i> File Imported</button>
											@else
												<button class="btn btn-primary import-file" data-link="{{route('admin.importProduct.importFile')}}" data-id="{{$file['id']}}"><i class="fas fa-file-import"></i> Import File</button>
											@endif
										@endif
									</div>
								</div>
						</div>
					</div>
				@endforeach
			@endif
		</div>
	</div>
</div>


@endsection