@extends('backend.layout')

@section('content')
	<div class="panel panel-flat">
		<div class="panel-body">
			<form action="" method="POST">
				{{ csrf_field() }}
				<fieldset class="content-group">
					<legend class="text-bold">
                        {{ ( isset($id) ? 'Chỉnh sửa thông tin voucher' :'Thêm mới voucher') }}
					<a href="{{ route('backend.voucher.list') }}" class="pull-right">Danh sách voucher </a>
					</legend>

					<div class="col-md-10 col-xs-12 col-md-offset-1">
						<div class="form-group has-feedback @if( @$errors->first('code') != null ) has-error  @endif ">
							<label class="control-label col-lg-3 text-semibold">Mã voucher</label>
							<div class="col-md-8 col-xs-10">
								<input type="text" class="form-control" @if(isset($id)) readonly @endif placeholder="" id="code" name="code" value="{{ old('code',@$voucher->code)  }}">
								<div class="form-control-feedback">
								 @if( @$errors->first('code') != null ) <i class="icon-notification2"></i> @endif
								</div>
								<span class="help-block">{{ @$errors->first('code') }}</span>
							</div>
							<div class="col-xs-2 col-md-1" style="margin-top: 0px;">
								<button class="btn btn-primary" id="generate"><i class="icon-loop3"></i></button>
							</div>
						</div>
						<div class="clearfix"></div>

						<div class="form-group has-feedback @if( @$errors->first('valid_days') != null ) has-error  @endif ">
							<label class="control-label col-md-3 text-semibold">Số ngày khuyến mãi</label>
							<div class="col-md-9">
								<input type="number" class="form-control" placeholder="" id="valid_days" name="valid_days" value="{{ old('valid_days',@$voucher->valid_days)  }}">
								<div class="form-control-feedback">
								 @if( @$errors->first('valid_days') != null ) <i class="icon-notification2"></i> @endif
								</div>
								<span class="help-block">{{ @$errors->first('valid_days') }}</span>
							</div>
						</div>
						<div class="clearfix"></div>

						<div class="form-group has-feedback @if( @$errors->first('discount_amount') != null ) has-error  @endif ">
							<label class="control-label col-md-3 text-semibold text-nowrap">Số tiền khuyến mãi ($)</label>
							<div class="col-md-9">
								<input type="number" class="form-control" placeholder="" id="discount_amount" name="discount_amount" value="{{ old('discount_amount',@$voucher->discount_amount)  }}">
								<div class="form-control-feedback">
								 @if( @$errors->first('discount_amount') != null ) <i class="icon-notification2"></i> @endif
								</div>
								<span class="help-block">{{ @$errors->first('discount_amount') }}</span>
							</div>
						</div>	
						<div class="clearfix"></div>
						<div class="form-group has-feedback @if( @$errors->first('discount_percentage') != null ) has-error  @endif ">
							<label class="control-label col-md-3 text-semibold">% khuyến mãi</label>
							<div class="col-md-9">
								<input type="number" class="form-control" placeholder="" id="discount_percentage" name="discount_percentage" value="{{ old('discount_percentage',@$voucher->discount_percentage)  }}">
								<div class="form-control-feedback">
								 @if( @$errors->first('discount_percentage') != null ) <i class="icon-notification2"></i> @endif
								</div>
								<span class="help-block">{{ @$errors->first('discount_percentage') }}</span>
							</div>
						</div>

						<div class="form-group has-feedback @if( @$errors->first('service_id') != null ) has-error  @endif ">
							<label class="control-label col-lg-3 text-semibold">Dịch vụ áp dụng</label>
							<div class="col-lg-9">
								<select name="service_id"  id="service_id" class="form-control select2"  data-allow-clear="true"  data-placeholder="Chọn dịch vụ áp dụng">
									<option value="">Chọn dịch vụ</option>
									@foreach($groups as $group)
									<optgroup label="{{ $group->name }}">
										@foreach($group->services as $service)
	                                    <option value="{{ $service->id }}"  @if(old('service_id', @$voucher->service_id) == $service->id) selected @endif>{{ $service->name }}</option>
	                                    @endforeach
	                                </optgroup>
	                                @endforeach
                                </select>
								<div class="form-control-feedback">
									 @if( @$errors->first('service_id') != null )<i class="icon-notification2"></i> @endif
								</div>
								<span class="help-block">{{ @$errors->first('service_id') }}</span>
							</div>
						</div>

						<div class="clearfix"></div>
						<div class="form-group has-feedback @if( @$errors->first('usage_limit') != null ) has-error  @endif ">
							<label class="control-label col-md-3 text-semibold">Số lượng sử dụng tối đa</label>
							<div class="col-md-9">
								<input type="number" class="form-control" placeholder="" id="usage_limit" name="usage_limit" value="{{ old('usage_limit',@$voucher->usage_limit)  }}">
								<div class="form-control-feedback">
								 @if( @$errors->first('usage_limit') != null ) <i class="icon-notification2"></i> @endif
								</div>
								<span class="help-block">{{ @$errors->first('usage_limit') }}</span>
							</div>
						</div>

						<div class="clearfix"></div>
						<div class="form-group has-feedback @if( @$errors->first('max_usage_per_user') != null ) has-error  @endif ">
							<label class="control-label col-md-3 text-semibold">Số lượt sử dụng / 1member</label>
							<div class="col-md-9">
								<input type="number" class="form-control" placeholder="" id="max_usage_per_user" name="max_usage_per_user" value="{{ old('max_usage_per_user',@$voucher->max_usage_per_user)  }}">
								<div class="form-control-feedback">
								 @if( @$errors->first('max_usage_per_user') != null ) <i class="icon-notification2"></i> @endif
								</div>
								<span class="help-block">{{ @$errors->first('max_usage_per_user') }}</span>
							</div>
						</div>

						<div class="clearfix"></div>
						<div class="form-group has-feedback @if( @$errors->first('expiration_date') != null ) has-error  @endif ">
							<label class="control-label col-md-3 text-semibold">Ngày hết hạn</label>
							<div class="col-md-9">
								<input type="date" class="form-control" placeholder="" id="expiration_date" name="expiration_date" value="{{ old('expiration_date',@$voucher->expiration_date)  }}">
								<div class="form-control-feedback">
								 @if( @$errors->first('expiration_date') != null ) <i class="icon-notification2"></i> @endif
								</div>
								<span class="help-block">{{ @$errors->first('expiration_date') }}</span>
							</div>
						</div>

					</div>
				</fieldset>

				<div class="text-right">
					<button type="submit" class="btn btn-primary">{{ isset($id) ? 'Cập nhật' : 'Thêm mới' }} <i class="icon-file-plus position-right"></i></button>
				</div>
			</form>

		</div>
	</div>
@endsection

@push('styles')
	<style type="text/css">
		select[readonly].select2 + .select2-container {
		  pointer-events: none;
		  touch-action: none;

		  .select2-selection {
		    background: #eee;
		    box-shadow: none;
		  }

		  .select2-selection__arrow,
		  .select2-selection__clear {
		    display: none;
		  }
		}
		.dz-image img{
			max-width: 300px;
			height: auto;
			object-fit: contain;
		}
		.dz-details{
			display: none;
		}
		.dz-remove{
			margin-top: 5px !important;
		}
	</style>
@endpush

@push('scripts')
	<script src="{{ URL::asset('backend/global_assets/js/plugins/uploaders/dropzone.min.js')}}"></script>
	<script src="{{ URL::asset('backend/global_assets/js/plugins/forms/selects/select2.min.js')}}"></script>
	<script>
		$('.select2').select2();
		
		$(document).ready(function() {
			$('#generate').click(function(e){
		        e.preventDefault();
		        @if(!isset($id))
		        var url = '{{ route("backend.generate_code.delete") }}';
		        $.post(url, {_token: _token}, function(result){
		        	$('#code').val(result);
                });
                @endif
		    });
		});
		
	</script>
@endpush