{{\App::setLocale(Session::get('locale'))}}
@extends('admin.layouts.app')
@section('title', 'Add Purchase History')
@section('content-heading')
  <section class="content-header">
    <h1>Add Purchase History<small></small></h1>
    <ol class="breadcrumb">
      <li><a href="{{ route('admindashboard') }}"><i class="fa fa-dashboard"></i> @lang('admin.dashboard')</a></li>
      <li><a href="#">Purchase History</a></li>
      <li class="active">Add Purchase History</li>
    </ol>
    </section>
@endsection
@section('content')
<section class="content">
	<div class="row">
		<div class="col-xs-12">
			<div class="box">
				<div class="box-header"></div>
				<div class="box-body">
					<div class="x_panel">
						<div class="x_title">
							<h2></h2>
							<div class="clearfix"></div>
						</div>
						<div class="x_content">
						
						@if($errors->all())
							@foreach($errors->all() as $message)
								<div class="box no-border">
									<div class="box-tools">
										<p class="alert alert-warning alert-dismissible">
											{{ $message }}
											<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
										</p>
									</div>
								</div>
							@endforeach
						@elseif(session()->has('message'))
							<div class="box no-border">
								<div class="box-tools">
									<p class="alert alert-success alert-dismissible">
										{{ session()->get('message') }}
										<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
									</p>
								</div>
							</div>
						@elseif(session()->has('error'))
							<div class="box no-border">
								<div class="box-tools">
									<p class="alert alert-danger alert-dismissible">
										{{ session()->get('error') }}
										<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
									</p>
								</div>
							</div>
						@endif
						
							<form id="frm_prod_add" action="{{ route('admin.purchase-history.add.submit') }}" class="form-horizontal form-label-left" method="post" enctype="multipart/form-data">
								{{ csrf_field() }}
								
								<div class="form-group">
									<label class="control-label col-md-3 col-sm-3 col-xs-12" for="first-name">@lang('Mobile') 
										<span class="required">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:</span>
									</label>
									<div class="col-md-6 col-sm-6 col-xs-12">
										<input type="text" id="mobile" name="mobile" value="{{ old('mobile') }}" placeholder="@lang('Mobile') " class="form-control col-md-7 col-xs-12">
									</div>
								</div>
								
								<div class="form-group">
									<label class="control-label col-md-3 col-sm-3 col-xs-12" for="first-name">@lang('Invoice') 
										<span class="required">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:</span>
									</label>
									<div class="col-md-6 col-sm-6 col-xs-12">
										<input type="text" id="invoice" name="invoice" value="{{ old('invoice') }}" placeholder="@lang('Invoice') " class="form-control col-md-7 col-xs-12">
									</div>
								</div>
								
								<div class="form-group">
									<label class="control-label col-md-3 col-sm-3 col-xs-12" for="first-name">@lang('Outlet')
										<span class="required">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:</span>
									</label>
									<div class="col-md-6 col-sm-6 col-xs-12">
										<input name="outlet" class="form-control" id="outlet" placeholder="@lang('Outlet')" required="required" type="text" value="">
									</div>
								</div>
								
								<div class="form-group">
									<label class="control-label col-md-3 col-sm-3 col-xs-12" for="first-name">@lang('Purchase Amount')
										<span class="required">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:</span>
									</label>
									<div class="col-md-6 col-sm-6 col-xs-12">
										<input name="amount" class="form-control" id="amount" placeholder="@lang('Purchase Amount')" required="required" type="text" value="">
									</div>
								</div>
								
								<div class="form-group">
									<label class="control-label col-md-3 col-sm-3 col-xs-12" for="first-name">@lang('Reward Amount')
										<span class="required">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:</span>
									</label>
									<div class="col-md-6 col-sm-6 col-xs-12">
										<input name="reward" class="form-control" id="Reward Amount" placeholder="@lang('Reward Amount')" required="required" type="text" value="">
									</div>
								</div>
								
								<div class="form-group">
									<label class="control-label col-md-3 col-sm-3 col-xs-12" for="first-name">@lang('Deduct Point')
										<span class="required">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:</span>
									</label>
									<div class="col-md-6 col-sm-6 col-xs-12">
										<input name="is_deduct_point" class="" id="Deudct Point" placeholder="@lang('Deduct Point')"  type="checkbox" value="" style="margin-top: 13px">
									</div>
								</div>
								
								<div class="ln_solid"></div>
								<div class="form-group">
									<div class="col-md-6 col-sm-6 col-xs-12 col-md-offset-3">
										<button type="submit" class="btn btn-success" name="submit">Save</button>
									</div>
								</div>
							</form>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</section>
@endsection

@section('extra-script')
<style>
.error {
  color: red;
}
.gallery img {
	max-width: 100px;
	max-height: 100px;
	border: 2px solid;
	border-radius: 5px;
	margin: 3px;
}
</style>
<link rel="stylesheet" href="{{asset('css/sweetalert.css')}}">
<script src="{{asset('js/sweetalert.min.js')}}"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.16.0/jquery.validate.min.js"></script>

<script>
$(function() {
	$('.edtr').wysihtml5();
    var imagesPreview = function(input, placeToInsertImagePreview) {
        if (input.files) {
            var filesAmount = input.files.length;
            for (i = 0; i < filesAmount; i++) {
                var reader = new FileReader();
                reader.onload = function(event) {
                    $($.parseHTML('<img>')).attr('src', event.target.result).appendTo(placeToInsertImagePreview);
                }
                reader.readAsDataURL(input.files[i]);
            }
        }
    };

    $('#image_gallery').on('change', function() {
		$('div.gallery').empty();
        imagesPreview(this, 'div.gallery');
    });
	
	var v = $("#frm_prod_add").validate({
		rules: {
			mobile: {
				required: true,
			},
			invoice: {
				required: true,
			},
			outlet: {
				required: true,
			},
			amount: {
				required: true,
			},			
			reward: {
				required: true,
			}, 
			
		},
		messages: {
			mobile: {
				required: "@lang('User mobile number required')",
			},
			invoice: {
				required: "@lang('Invoice number required')",
			},
			outlet: {
				required: "@lang('Shop outlet name required')",
			},
			amount: {
				required: "@lang('Invoice Amount required')",
			},
			reward: {
				required: "@lang('Reward Amount Required')",
			},
		},
		errorElement: "span",
		submitHandler: function(event) {
			swal({
				title: "",
				text: "Adding Purchase History ...",
				imageUrl: "{{asset('assets/images/ajax-loader.gif')}}",
				showConfirmButton: false,
			});
			$.ajax({
				url: "{{route('admin.purchase-history.add.submit')}}",
				type: 'POST',
				data: $('#frm_prod_add').serialize(),
				success: function(data) {
					if (data.error == 200) {
						swal({
							title: "Success",
							text: data.message,
							type: "success",
						}, function() {
							window.location.reload(0);
						});
					} else {
						swal("Error", data.message, "error");
					}
				}
			});
		},
        highlight: function (input) {
            $(input).parents('.form-line').addClass('error');
        },
        unhighlight: function (input) {
            $(input).parents('.form-line').removeClass('error');
        }
	});
});
    </script>
@endsection