@extends('layouts.admin')

@section('title', 'ကက်တလောက်တင်သွင်းရန်ပုံစံ')

@section('content')
<div class="container-fluid">
	<div class="row mb-2">
		<div class="col-sm-6">
			<h4 class="m-0 text-dark">ကက်တလောက်တင်သွင်းရန်ပုံစံ</h4>
		</div><!-- /.col -->
		
	</div><!-- /.row -->

	@include('admins.partials.breadcrumbs')
</div><!-- /.container-fluid -->

<!-- Main content -->
<section class="content">
	<div class="container-fluid">
    	<div class="row d-flex justify-content-center">
            <div class="col-11">
                <div class="card">
                	<div class="card-header shadow-sm">
						<i class="fas fa-plus-square mr-3"></i>
						<span>စာရင်းတင်သွင်းရန်ပုံစံ</span>
    				</div>
    				<!-- /.card-header -->
    				<div class="card-body  my-3">
    					<div class="row d-flex justify-content-center">
    						<div class="col-6">

    							<!-- Create Form -->
					        	<form role="form" id="catalog-form" action="{{ route('admin.catalog.store.import') }}" method="POST" enctype="multipart/form-data">
					        		@csrf
						        	<div class="card-body">
										<div class="form-group">
											<label for="import_file">တင်သွင်းဖိုင်</label>
											<input type="file" required="required" name="import_file" class="form-control file-input" required>

											@if ($errors->has('import_file'))
											    <span class="text text-danger" role="alert">
													<strong>{{ $errors->first('import_file') }}</strong>
												</span>
											@endif
										</div>
		                            </div>
					        		<!-- /.card-body -->
					        	</form>
    						</div>
    					</div>
    					<div class="row mt-2 float-right" form="my-form">
    						<div class="col-md-12 d-flex">
					        	<button form="catalog-form" type="reset" onclick="window.location.replace('{{ url()->previous() }}')">ပယ်ဖျက်မည်</button>
					        	<button form="catalog-form" type="submit" class="btn btnBtn btn-sm px-4 mx-3">တင်သွင်းမည်</button>
    						</div>
    					</div>
    				</div>
    			</div>
    			<!-- /.card -->
    		</div>
    	</div>
	</div><!-- /.container-fluid -->
</section>

@push('scripts')
	<script type="text/javascript">
		$(document).ready(function () {
			$(document).on('click', '.part-add-btn', function () {

				container = $('.part-container').first().clone();
				container.find('label').remove();
				var removeBtn = $('<input/>').attr({
			        type: "button",
			        class: "form-control col-3 btn-sm btn-danger deli-tsp-remove-btn",
			        value: '-'
			    });
				container.insertAfter(".part-container:last").append(removeBtn);
			});

			$(document).on('click', '.deli-tsp-remove-btn', function () {
				$(this).parent('.part-container').remove();
			});
		});
	</script>
@endpush

@endsection