@extends('layouts.app')

@section('content')
	<section class="page-header row">
		<h2> Fraud Rules </h2>
		<ol class="breadcrumb">
			<li><a href="{{ url('') }}"> Dashboard </a></li>
			<li><a href="{{ url('/manage/fraudrules') }}"> Fraud Rules </a></li>
			<li class="active"> Form</li>
		</ol>
	</section>
	<div class="page-content row">
		<div class="page-content-wrapper no-margin">

			{!! Form::open(array('url'=>'/manage/fraudrules', 'class'=>'form-horizontal validated' )) !!}

			<div class="sbox-title clearfix">
				<div class="sbox-tools pull-right">
					<a href="{{ url('/manage/fraudrules') }}" class="tips btn btn-sm " title="{{ __('core.btn_back') }}"><i
								class="fa  fa-times"></i></a>
				</div>
				<div class="sbox-tools1 pull-left1">
					<button name="apply" class="btn btn-sm btn-primary  " title="{{ __('core.btn_back') }}"><i
								class="fa  fa-check"></i> {{ __('core.sb_apply') }} </button>
					<button name="save" class="btn btn-sm btn-success" title="{{ __('core.btn_back') }}"><i
								class="fa  fa-paste"></i> {{ __('core.sb_save') }} </button>
					<button name="simulate" class="btn btn-sm btn-warning simulate" title="{{ __('core.btn_back') }}"><i
								class="fa  fa-paste"></i> Simulate </button>
				</div>
			</div>
			<div class="sbox1">
				<div class="sbox-content clearfix row">
					<div class="col-xs-12">
						<ul class="parsley-error-list">
							@foreach($errors->all() as $error)
								<li>{{ $error }}</li>
							@endforeach
						</ul>
						@isset($user_ids)
							<p>Matched Users</p>
							<ul class="parsley-error-list">
								@forelse($user_ids ?? [] as $user_id)
									<li><a style="color: white !important;" href="/manage/usersdata/{{$user_id}}" target="_blank">User #{{$user_id}}</a></li>
								@empty
									<li>No users match these factors yet</li>
								@endforelse
							</ul>
						@endisset

						<?php $curTime = time();?>

						<div class="sbox1">
							<div class="col-md-12">
								<fieldset class="sbox" style="border-top:0; border-radius: 5px;">
									<legend> Fraud Rule</legend>
									<?php if (!isset($row['id'])) $row['id'] = null;   ?>
									<input type='hidden' name='id' id='id' value='{{$row['id']}}'/>

									<div class="form-group depen- wrap-name  ">
										<label for="name" class=" control-label col-md-3 text-left"> Name <span
													class="asterix"> * </span></label>

										<div class="col-md-9">

											<?php if (!isset($row['name'])) $row['name'] = null;   ?>
											<input type='text' name='name' id='name' value='{{ $row['name'] }}'
												   required data-parsley-maxlength="500"
												   class='form-control input-sm '/>

										</div>
										<div class="col-md-2">

										</div>
									</div>

									<div class="form-group depen- wrap-stores  " >
										<label for="percent" class="  control-label col-md-3 text-left "> Stores <span class="asterix"> * </span></label>
										<?php if( !isset($row['store_ids']) )  $row['store_ids']  = []; 	  ?>
										<?php $row['store_ids'] = trim(json_encode($row['store_ids']), '[]');      ?>
										<div class="col-md-9">
											<select @isset($row['id']) disabled @endisset name='store_ids[]' multiple rows='5' id='storesInput' class='select2 '  data-placeholder='Select Stores'   placeholder='Select Stores'      ></select>
										</div>
									</div>

									<div class="form-group depen- wrap-enabled  " >
										<label for="active" class=" control-label col-md-3 text-left"> Enabled <span class="asterix"> * </span></label>


										<div class="col-md-9">
											<?php if( !isset($row['status']) )  $row['status']  = '1'; 	  ?>
											<div class='switch-wrap'> <label class='switch'>
													<input type='hidden' name='status' value ='0' />
													<input type='checkbox' name='status' value ='1'
														   @if($row['status']) checked @endif
													/>   <span class="slider round"></span></label></div>
										</div>
										<div class="col-md-2">

										</div>
									</div>
									<div class="form-group depen- wrap-action  " >
										<label for="action" class="  control-label col-md-3 text-left "> Action <span class="asterix"> * </span></label>
										<?php if( !isset($row['action']) )  $row['action']  = ''; 	  ?>
										<?php $row['action'] = trim($row['action'], '[]');      ?>
										<div class="col-md-9">
											<?php if (!isset($row['action'])) $row['action'] = null;   ?>
											<select name="action" id="action" class="form-control" @isset($row['id']) disabled @endisset>
												<option value="" disabled selected>Select Action</option>
												@foreach(\Yajny\Member\FraudDetection\Utils\FraudDetectionActionsUtil::getFraudDetectionActions() as $action)
													<option value="{{$action}}" @if($row['action'] == $action) selected @endif>{{$action}}</option>
												@endforeach
											</select>
										</div>
									</div>
									<div class="form-group depen- wrap-effective_from  ">
										<label for="effective_from" class=" control-label col-md-3 text-left"> Effective From <span
													class="asterix"> * </span></label>

										<div class="col-md-9">

											<?php if (!isset($row['effective_from'])) $row['effective_from'] = null;   ?>
											<input type='text' name='effective_from' id='effective_from' value='{{ $row['effective_from'] }}'
												   required data-parsley-maxlength="500" @isset($row['id']) disabled @endisset
												   class='form-control input-sm date'/>
											<p>Note: the effective date will change incase of per_week or per_month to handle the beginning of the period</p>

										</div>
										<div class="col-md-2">

										</div>
									</div>
									<div class="form-group depen- wrap-effective_to  ">
										<label for="effective_to" class=" control-label col-md-3 text-left"> Effective To</label>

										<div class="col-md-9">

											<?php if (!isset($row['effective_to'])) $row['effective_to'] = null;   ?>
											<input type='text' name='effective_to' id='effective_to' value='{{ $row['effective_to'] }}'
												   data-parsley-maxlength="500"
												   class='form-control input-sm date'/>

										</div>
										<div class="col-md-2">

										</div>
									</div>
									<hr>
									<h4>Order Count Factor</h4>
									<div class="col-md-5">
										<div class="form-group depen- wrap-order_count  ">
											<label for="order_count" class=" control-label"> Order Count (>=) </label>

											<?php if (!isset($row['order_count'])) $row['order_count'] = null;   ?>
											<input type='number' name='order_count' id='order_count' value='{{ $row['order_count'] }}'
												   data-parsley-maxlength="500" class='form-control input-sm '
												   @isset($row['id']) disabled @endisset />

										</div>
									</div>
									<div class="col-md-2"></div>
									<div class="col-md-5">
										<div class="form-group depen- wrap-order_count_per  ">
											<label for="order_count_per" class=" control-label"> Per </label>

											<?php if (!isset($row['order_count_per'])) $row['order_count_per'] = null;   ?>
											<select name="order_count_per" id="order_count_per" class="form-control" @isset($row['id']) disabled @endisset>
												<option value="">Select Per</option>
												@foreach(\Yajny\Member\FraudDetection\Utils\FraudDetectionPeriodsUtil::getFraudDetectionPeriods() as $period)
													<option value="{{$period}}" @if($row['order_count_per'] == $period) selected @endif>{{$period}}</option>
												@endforeach
											</select>

										</div>
									</div>
									<div class="clearfix"></div>
									<hr>
									<h4>Total Order Amount Factor</h4>
									<div class="col-md-5">
										<div class="form-group depen- wrap-total_order_amount  ">
											<label for="order_count" class=" control-label"> Total Order Amount (>=) </label>


											<?php if (!isset($row['total_order_amount'])) $row['total_order_amount'] = null;   ?>
											<input type='number' name='total_order_amount' id='total_order_amount' value='{{ $row['total_order_amount'] }}'
												   data-parsley-maxlength="500" class='form-control input-sm '
												   @isset($row['id']) disabled @endisset />

										</div>
									</div>
									<div class="col-md-2"></div>
									<div class="col-md-5">
										<div class="form-group depen- wrap-total_order_amount_per  ">
											<label for="total_order_amount_per" class=" control-label"> Per </label>

											<?php if (!isset($row['total_order_amount_per'])) $row['total_order_amount_per'] = null;   ?>
											<select name="total_order_amount_per" id="total_order_amount_per" class="form-control" @isset($row['id']) disabled @endisset>
												<option value="">Select Per</option>
												@foreach(\Yajny\Member\FraudDetection\Utils\FraudDetectionPeriodsUtil::getFraudDetectionPeriods() as $period)
													<option value="{{$period}}" @if($row['total_order_amount_per'] == $period) selected @endif>{{$period}}</option>
												@endforeach
											</select>

										</div>
									</div>
								</fieldset>
							</div>


						</div>


					</div>
				</div>
			</div>

			<div class="sbox-title clearfix">
				<div class="sbox-tools pull-right">
					<a href="{{ url('/regions') }}" class="tips btn btn-sm " title="{{ __('core.btn_back') }}"><i
								class="fa  fa-times"></i></a>
				</div>
				<div class="sbox-tools pull-left">
					<button name="apply" class=" btn btn-sm btn-primary  " title="{{ __('core.btn_back') }}"><i
								class="fa  fa-check"></i> {{ __('core.sb_apply') }} </button>
					<button name="save" class=" btn btn-sm btn-success" title="{{ __('core.btn_back') }}"><i
								class="fa  fa-paste"></i> {{ __('core.sb_save') }} </button>
					<button name="simulate" class="btn btn-sm btn-warning simulate" title="{{ __('core.btn_back') }}"><i
								class="fa  fa-paste"></i> Simulate </button>
				</div>
			</div>

			{!! Form::close() !!}
		</div>
	</div>

	<script>
		$(document).ready(function() {
			$('.simulate').click(function() {
				$('.page-content-wrapper form').attr('action', '/fraudrules/simulate').submit();
			})

			$("#storesInput").select2({
				ajax: {
					url: "{{url('/manage/brands/ajaxselect?filter=stores:id:name')}}",
					data: function (params) {
						return {
							search: params.term,
							page: params.page || 1
						};
					},
					dataType: 'json',
					processResults: function (data) {
						data.page = data.page || 1;
						return {
							results: data.items.map(function (item) {
								return {
									id: item.id,
									text: selctToJson(item, 'name')
								};
							}),
							pagination: {
								more: data.pagination
							}
						}
					},
					cache: true,
					delay: 250
				},
				// minimumInputLength: 2,
				multiple: 1,
				width: '100%'
			});


			@if( strlen($row['store_ids']) > 0  )
			// Fetch the preselected item, and add to the control
			var stores = $('#storesInput');
			$.ajax({
				type: 'GET',
				url: "{!! url('/manage/brands/ajaxselect?filter=stores:id:name&values='.urlencode($row['store_ids'])) !!}",
			}).then(function (data) {
				// create the option and append to Select2
				data.items.map(function (item) {
					var option = new Option(selctToJson(item, 'name'), item.id, true, true);
					stores.append(option).trigger('change');

				});


				// manually trigger the `select2:select` event
				stores.trigger({
					type: 'select2:select',
					params: {
						data: data
					}
				});
			});

			stores.select2_sortable();
			@endif
		});
	</script>
@stop