@extends('layouts.app')

@section('content')
<section class="page-header row">
	<h2> {{ $pageTitle }} </h2>
	<ol class="breadcrumb">
		<li><a href="{{ url('') }}"> Dashboard </a></li>
		<li><a href="{{ url('/manage/'.$pageModule) }}"> {{ $pageTitle }} </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/payoutmethods?return='.$return, 'class'=>'form-vertical validated','files' => true )) !!}
	<input type="hidden" name="status_type" value="{{ $pageTitle }}" />
	
		<div class="sbox-title clearfix">
			<div class="sbox-tools pull-right" >
				<a href="{{ url('/manage/'.$pageModule.'?return='.$return) }}" 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> 
				<?php if($frontendSlug!='') {
				$fsconfig = explode('@',$frontendSlug);
				if( ($row[$fsconfig[1]]) ) 
				echo '<a  class="btn btn-sm btn-outline-primary" target="_blank"  title="FrontEnd" href="'. (config('website.cnf_appurl') .'/'.config('website.cnf_lang') . str_replace('//','/',('/'.$fsconfig[0].'/'.$row[$fsconfig[1]]))).'"><i class="fa  fa-desktop"></i> FrontEnd</a>';
				 } ?>
			</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>		

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

<div class="sbox1"><div class="col-md-6">
						<fieldset class="sbox" style="border-top:0; border-radius: 5px;"><legend> Cashback Payout Methods</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="ipt" class=" control-label "> Payout Mode Name  <span class="asterix"> * </span>  </label>
										
										
										  <?php if( !isset($row['name']))  $row['name'] = null;   ?>
		 <?php $val = json_decode($row['name']); $is_first = true; ?>	
				<ul class='editor-nav nav nav-tabs'>

				@foreach(explode(',', config('website.cnf_langs')) as $ilang )<li class='{{$is_first ? "active" : null}} '><a  href='#name_{{$ilang}}_{{$curTime}}' data-toggle='tab'>{{$ilang}}</a></li>
				<?php  $is_first = false;?>
				@endforeach </ul>
				
				<div class="tab-content ">
				<?php $is_first = true; ?>
				@foreach(explode(',', config('website.cnf_langs')) as $ilang )
				<div class='tab-pane tab_{{$ilang}}  {{$is_first ? "active" : null}}' id='name_{{$ilang}}_{{$curTime}}'>
				<input  type='text' name="name[{{$ilang}}]" id='name' value='{{   isset($val->{$ilang}) ? $val->{$ilang} : ''   }}' 
						required  placeholder='Payout Mode Name - {{$ilang}}'     class='form-control input-sm ' />
						</div>
						<?php  $is_first = false;?>
						@endforeach
						</div>
						 						
									  </div> 					
									  <div class="form-group  depen-  wrap-code  " >
										<label for="ipt" class=" control-label "> Code  <span class="asterix"> * </span>  </label>
										
										
										  <?php if( !isset($row['code']))  $row['code'] = null;   ?>
		<input  type='text' name='code' id='code' value='{{ $row['code'] }}' 
						required       class='form-control input-sm ' /> 						
									  </div> 					
									  <div class="form-group  depen-  wrap-image  " >
										<label for="ipt" class=" control-label "> Icon/logo  <span class="asterix"> * </span>  </label>
										
										
										  <?php if( !isset($row['image']))  $row['image'] = null;   ?>
		<input  type='hidden' name='image' id='image' value='{{ $row['image'] }}' class='image    form-control input-sm '   required />

							
                <button class='btn btn-primary mr-5' data-type='mediaUpload' data-target='.image' type='button'>Choose file</button>
				<button class='btn btn-danger unUploadImage' data-type='mediaUnUpload' data-target='image' type='button'>Remove File</button>
            
			
							<div class='image_preview'></div>
							<div class='imagePreview'>
					 	<div class='img-preview'>
						{!! SiteHelpers::showUploadedFile($row['image'],'/uploads/images/') !!}
						
						</div>					
						</div>					
					 						
									  </div> 					
									  <div class="form-group  depen-  wrap-minimum_amount  " >
										<label for="ipt" class=" control-label "> Minimum Amount  <span class="asterix"> * </span>  </label>
										
										
										  <?php if( !isset($row['minimum_amount']))  $row['minimum_amount'] = null;   ?>
		<input  type='number' name='minimum_amount' id='minimum_amount' value='{{ $row['minimum_amount'] }}' 
						required       class='form-control is_number'  /> 						
									  </div> 					
									  <div class="form-group  depen-  wrap-minimum_amount_first  " >
										<label for="ipt" class=" control-label "> Minimum Amount First  <span class="asterix"> * </span>  </label>
										
										
										  <?php if( !isset($row['minimum_amount_first']))  $row['minimum_amount_first'] = null;   ?>
		<input  type='number' name='minimum_amount_first' id='minimum_amount_first' value='{{ $row['minimum_amount_first'] }}' 
						required       class='form-control is_number'  /> 						
									  </div> 					
									  <div class="form-group  depen-  wrap-payment_days  " >
										<label for="ipt" class=" control-label "> Payment Days    </label>
										
										
										  <?php if( !isset($row['payment_days']))  $row['payment_days'] = null;   ?>
		 <?php $val = json_decode($row['payment_days']); $is_first = true; ?>	
				<ul class='editor-nav nav nav-tabs'>

				@foreach(explode(',', config('website.cnf_langs')) as $ilang )<li class='{{$is_first ? "active" : null}} '><a  href='#payment_days_{{$ilang}}_{{$curTime}}' data-toggle='tab'>{{$ilang}}</a></li>
				<?php  $is_first = false;?>
				@endforeach </ul>
				
				<div class="tab-content ">
				<?php $is_first = true; ?>
				@foreach(explode(',', config('website.cnf_langs')) as $ilang )
				<div class='tab-pane tab_{{$ilang}}  {{$is_first ? "active" : null}}' id='payment_days_{{$ilang}}_{{$curTime}}'>
				<input  type='text' name="payment_days[{{$ilang}}]" id='payment_days' value='{{   isset($val->{$ilang}) ? $val->{$ilang} : ''   }}' 
						  placeholder='Payment Days - {{$ilang}}'     class='form-control input-sm ' />
						</div>
						<?php  $is_first = false;?>
						@endforeach
						</div>
						 						
									  </div></fieldset>
			</div>
			
			<div class="col-md-6">
						<fieldset class="sbox" style="border-top:0; border-radius: 5px;"><legend> Additional Details</legend>
									
									  <div class="form-group  depen-  wrap-status_mapping  " >
										<label for="ipt" class=" control-label "> Status Mapping  <span class="asterix"> * </span>  </label>
										
										
										  <textarea name='status_mapping' rows='5'  id='json_input_status_mapping' class='form-control hidden input-sm  '  
						required    >{{ $row['status_mapping'] ?: '{}'}}</textarea>
						
						<pre id='json-display_status_mapping'></pre>

						<script type='text/javascript'>
						function getJson() {
							try {
								return JSON.parse($('#json_input_status_mapping').val());
							} catch (ex) {
								alert('Wrong JSON Format: ' + ex);
							}
						}
				
						var editor = new JsonEditor('#json-display_status_mapping', getJson());
						$('#json_input_status_mapping').on('change', function () {
							editor.load(getJson());

						});
						$('#json-display_status_mapping').on('DOMSubtreeModified', function () {
							$('#json_input_status_mapping').val( $(this).text() )
						});
						
					</script>

						 						
									  </div> 					
									  <div class="form-group  depen-  wrap-auto_payout  " >
										<label for="ipt" class=" control-label "> Auto Payout  <span class="asterix"> * </span>  </label>
										
										
										  <?php if( strlen($row['auto_payout']) < 1 )  $row['auto_payout']  = '0'; 	  ?>
		<div class='switch-wrap'> <label class='switch'>
				    <input type='hidden' name='auto_payout' value ='0' />
					<input type='checkbox' name='auto_payout' value ='1' 
					@if($row['auto_payout']) checked @endif 
					 />   <span class="slider round"></span></label></div> 						
									  </div> 					
									  <div class="form-group  depen-  wrap-cashback_allowed  " >
										<label for="ipt" class=" control-label "> Cashback Allowed  <span class="asterix"> * </span>  </label>
										
										
										  <?php if( strlen($row['cashback_allowed']) < 1 )  $row['cashback_allowed']  = '1'; 	  ?>
		<div class='switch-wrap'> <label class='switch'>
				    <input type='hidden' name='cashback_allowed' value ='0' />
					<input type='checkbox' name='cashback_allowed' value ='1' 
					@if($row['cashback_allowed']) checked @endif 
					 />   <span class="slider round"></span></label></div> 						
									  </div> 					
									  <div class="form-group  depen-  wrap-reward_allowed  " >
										<label for="ipt" class=" control-label "> Reward Allowed  <span class="asterix"> * </span>  </label>
										
										
										  <?php if( strlen($row['reward_allowed']) < 1 )  $row['reward_allowed']  = '1'; 	  ?>
		<div class='switch-wrap'> <label class='switch'>
				    <input type='hidden' name='reward_allowed' value ='0' />
					<input type='checkbox' name='reward_allowed' value ='1' 
					@if($row['reward_allowed']) checked @endif 
					 />   <span class="slider round"></span></label></div> 						
									  </div> 					
									  <div class="form-group  depen-  wrap-enabled  " >
										<label for="ipt" class=" control-label "> Enabled  <span class="asterix"> * </span>  </label>
										
										
										  <?php if( strlen($row['enabled']) < 1 )  $row['enabled']  = '0'; 	  ?>
		<div class='switch-wrap'> <label class='switch'>
				    <input type='hidden' name='enabled' value ='0' />
					<input type='checkbox' name='enabled' value ='1' 
					@if($row['enabled']) checked @endif 
					 />   <span class="slider round"></span></label></div> 						
									  </div> </fieldset>
			</div>
			
			
		</div>
		
		
</div>
</div>
</div>
@include('/manage/'.$pageModule.'/subform')

		
		
		<div class="sbox-title clearfix">
			<div class="sbox-tools pull-right" >
				<a href="{{ url('/manage/'.$pageModule.'?return='.$return) }}" 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> 
			</div>
		</div>	
		
	
	
	<input type="hidden" name="action_task" value="save" />
	{!! Form::close() !!}
	</div>
</div>		

	
		 
   <script type="text/javascript">
	$(document).ready(function() { 
		
		
		 		 

		$('.removeMultiFiles').on('click',function(){
			var removeUrl = '{{ url("payoutmethods/removefiles?file=")}}'+$(this).attr('url');
			$(this).parent().remove();
			$.get(removeUrl,function(response){});
			$(this).parent('div').empty();	
			return false;
		});		
		
	});
	</script>		 
@stop