@extends('admin.layout.app')

@section('more-head')
<link rel="stylesheet" href="{{asset('admin/bower_components/datatables.net-bs/css/dataTables.bootstrap.min.css')}}">
<link rel="stylesheet" type="text/css" href="{{asset('admin/bower_components/select2/dist/css/select2.min.css')}}">
<link rel="stylesheet" href="{{asset('admin/dist/css/AdminLTE.min.css')}}">
@endsection

@section('main-content')

<section class="content-header">
	<h1>
		MKs
	</h1>

</section>

<section class="content">

	<!-- Default box -->
	<div class="box">
		<div class="box-header with-border">
			<h3 class="box-title">Create MK  </h3>

			<div class="box-tools pull-right">
				<button type="button" class="btn btn-box-tool" data-widget="collapse" data-toggle="tooltip"
				title="Collapse">
				<i class="fa fa-minus"></i></button>

			</div>
		</div>
		@include('includes.messages')
		<form role="form" method="post" action="{{ route('sales_advice.upload_excel') }}" enctype="multipart/form-data" id="myFormId">
			{{csrf_field()}}
			<div class="box-body">
				<div class=" col-md-offset-0 col-md-6">
					<div class="form-group">
						<label for="exampleInputFile">Upload Excel File</label>
						<input type="file" class="custom-file-input" id="exampleInputFile" name="excel_file">
					</div>
							
				</div>
			</div>

<!-- /.box-body -->
<div class="box-footer">
	<button type="submit" class="btn btn-primary" id="submit_form">Save</button>
</div>
</form>
<!-- /.box-footer-->
</div>
<!-- /.box -->

</section>

@endsection

@section('more-scripts')
<!-- Select2 -->
<script src="{{asset('admin/bower_components/datatables.net/js/jquery.dataTables.min.js')}}"></script>
<script src="{{asset('admin/bower_components/datatables.net-bs/js/dataTables.bootstrap.min.js')}}"></script>
<script src="{{asset('admin/bower_components/select2/dist/js/select2.full.min.js')}}"></script>

<script>
	$(function () {
    //alert('hello world');

		$('.select2').select2()

		$.ajaxSetup({

			headers: {

				'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')

			}

		});

		$('#advice_date').on('change',  function(event) {
			event.preventDefault();
    	/* Act on the event */
			advice_date = $(this).val();
    	//alert(val);
			$.ajax({
				url: "{{ url('get_mk_number') }}",
				type: "PUT",
				data: {
					advice_date: advice_date,
              //ctor_id: ctor_id

				},
			})
			.done(function(data) {
				console.log(data);
				console.log("checked");
				$('#mk_number').val(data);
				$('#mk_number_display').val(data);

			})
		});


		$('#myFormId').submit(function(){
			$("#submit_form", this)
			.html("Please Wait...")
			.attr('disabled', 'disabled');
			return true;
		});

	})
</script>
@endsection