@extends('admin.layout.base')

@section('title', 'Update Promocode ')

@section('content')
<link rel="stylesheet" type="text/css" href="{{asset('asset/css/bootstrap-datetimepicker.min.css')}}">

<div class="content-area py-1">
    <div class="container-fluid">
    	<div class="box box-block bg-white">
    	    <a href="{{ route('admin.promocode.index') }}" class="btn btn-default pull-right"><i class="fa fa-angle-left"></i> @lang('admin.back')</a>

			<h5 style="margin-bottom: 2em;">@lang('admin.promocode.update_promocode')</h5>

            <form class="form-horizontal" action="{{route('admin.promocode.update', $promocode->id )}}" method="POST" enctype="multipart/form-data" role="form">
            	{{csrf_field()}}
            	<input type="hidden" name="_method" value="PATCH">
<div class="form-group row">
				<div class="col-lg-6 form-group">
					<label for="promo_code" class="col-xs-12 col-form-label">@lang('admin.promocode.promocode')</label>
					<div class="col-xs-12">
						<input class="form-control" type="text" value="{{ $promocode->promo_code }}" name="promo_code" required id="promo_code" placeholder="">
					</div>
				</div>


				<div class="col-lg-6 form-group">
					<label for="percentage" class="col-xs-12 col-form-label">@lang('admin.promocode.percentage')</label>
					<div class="col-xs-12">
						<input class="form-control" type="number" value="{{ $promocode->percentage }}" name="percentage" required id="percentage" placeholder="">
					</div>
				</div>
</div>
<div class="form-group row">
				<div class="col-lg-6 form-group">
					<label for="max_amount" class="col-xs-12 col-form-label">@lang('admin.promocode.max_amount')</label>
					<div class="col-xs-12">
						<input type="number" class="form-control" name="max_amount" required id="max_amount" placeholder="" value="{{$promocode->max_amount}}">
					</div>
				</div>


				<div class="col-lg-6 form-group">
					<label for="expiration" class="col-xs-12 col-form-label">@lang('admin.promocode.expiration')</label>
					<div class="col-xs-12">
						<input class="form-control datetimepicker" type="text" value="{{ $promocode->expiration }}" name="expiration" required id="expiration" placeholder="">
					</div>
				</div>
</div>
<div class="form-group row">
				<div class="col-lg-6 form-group">
					<label for="promo_description" class="col-xs-12 col-form-label">@lang('admin.promocode.promo_description')</label>
					<div class="col-xs-12">
                                 <textarea id="promo_description" placeholder="" class="form-control" name="promo_description">{{ $promocode->promo_description }}</textarea>
					</div>
				</div>

				     <div class="col-lg-6 form-group">

                                      <label for="zipcode" class="col-xs-12 col-form-label"></label>
					<div class="col-xs-12" style="bottom: -8px;">
						<button type="submit" class="btn btn-primary">@lang('admin.promocode.update_promocode')</button>
						<a href="{{route('admin.promocode.index')}}" class="btn btn-default">@lang('admin.cancel')</a>
					</div>

                                  </div>
</div>






				<div class="form-group row">
					<!--<label for="zipcode" class="col-xs-2 col-form-label"></label>
					<div class="col-xs-10">
						<button type="submit" class="btn btn-primary">@lang('admin.promocode.update_promocode')</button>
						<a href="{{route('admin.promocode.index')}}" class="btn btn-default">@lang('admin.cancel')</a>
					</div>-->
				</div>
			</form>
		</div>
    </div>
</div>

@endsection
@section('scripts')
	 <script type="text/javascript" src="{{asset('asset/js/bootstrap-datetimepicker.min.js')}}"></script>
	 <script type="text/javascript" src="{{asset('asset/js/moment-with-locales.min.js')}}"></script>
	<script type="text/javascript">
		$(document).ready(function () {
		 $(function() {
		        $('.datetimepicker').datetimepicker({minDate: moment(),format: 'YYYY-MM-DD HH:mm'});
		    });
		});
        
        $("#percentage").on('keyup', function(){
			var per=$(this).val()||0;
			var max=$("#max_amount").val()||0;
			$("#promo_description").val(per+'% off, Max discount is '+max);
		});

		$("#max_amount").on('keyup', function(){
			var max=$(this).val()||0;
			var per=$("#percentage").val()||0;
			$("#promo_description").val(per+'% off, Max discount is '+max);
		});
       
    </script>
@endsection