@if($setting['form-method'] =='native')
<div class="card">
	<div class="card-body">
@endif
		<div class="form-ajax-box">
		{!! Form::open(array('url'=>'sendwa?return='.$return, 'class'=>'form-horizontal  sximo-form validated','files' => true , 'parsley-validate'=>'','novalidate'=>' ','id'=> 'sendwaFormAjax')) !!}

			<div class="toolbar-nav">	
				<div class="row">	
					
					<div class="col-md-6">
						<a href="javascript://ajax" onclick="ajaxViewClose('#{{ $pageModule }}')" class="tips btn btn-sm btn-danger  " title="{{ __('core.btn_back') }}" ><i class="fa  fa-times"></i></a>
					</div>
					<div class="col-sm-6 text-right">	
						<div class="btn-group">
							<button type="submit" class="btn btn-sm  btn-primary " name="apply"> {{ Lang::get('core.sb_apply') }} </button>
							<button type="submit" class="btn btn-sm btn-success" name="save">  {{ Lang::get('core.sb_save') }} </button>
						</div>	
					</div>	
							
				</div>
			</div>	
				<div class="row">

			
			<div class="col-md-12">
						<fieldset><legend> Kirim Pesan Whatsapp</legend>
				{!! Form::hidden('id', $row['id']) !!}					
									  <div class="form-group row  " >
										<label for="Kategori" class=" control-label col-md-4 "> Kategori </label>
										<div class="col-md-8">
										  
					<?php $kategori = explode(',',$row['kategori']);
					$kategori_opt = array( 'pesan' => 'Pesan Aja' ,  'dokumen' => 'Dokumen' ,  'gambar' => 'Gambar' , ); ?>
					<select name='kategori' rows='5' id='kategori' class='select2 '  > 
						<?php 
						foreach($kategori_opt as $key=>$val)
						{
							echo "<option  value ='$key' ".($row['kategori'] == $key ? " selected='selected' " : '' ).">$val</option>"; 						
						}						
						?></select> 
										 </div> 
										 
									  </div> 					
									  <div class="form-group row  " >
										<label for="Tujuan" class=" control-label col-md-4 "> Tujuan </label>
										<div class="col-md-8">
										  <select name='tujuan[]' multiple rows='5' id='tujuan' class='select2 '   ></select> 
										 </div> 
										 
									  </div> 
									  		<div class="form-group row  " >
										<label for="Pesan" class=" control-label col-md-4 "> Generate </label>
										<div class="col-md-8">
											<button type="button" class="btn btn-sm btn-info" id="generateEarlyWarningMorfologi" onclick="SximoModal('{{ url("sendwa/formEarlyWarningMorfologi") }}', 'Generate Early Warning Morfologi')">Generate Pesan Early Warning Morfologi</button>
											<button type="button" class="btn btn-sm btn-warning" id="generateEarlyWarningLKP" onclick="SximoModal('{{ url("sendwa/formEarlyWarningLKP") }}', 'Generate Early Warning LKP')">Generate Pesan Early Warning LKP</button> 
										</div> 
										 
									  </div>			
									  <div class="form-group row  " >
										<label for="Pesan" class=" control-label col-md-4 "> Pesan </label>
										<div class="col-md-8">
										  <textarea name='pesan' rows='5' id='pesan' class='form-control form-control-sm '  
				           >{{ $row['pesan'] }}</textarea> 
										 </div> 
										 
									  </div> 					
									  <div class="form-group row  filepesan" >
										<label for="Url" class=" control-label col-md-4 "> Url </label>
										<div class="col-md-8">
														
										<div class="fileUpload btn " > 
											<span>  <i class="fa fa-copy"></i>  </span>
											<div class="title"> Browse File </div>
											<input type="file" name="url" class="upload"       />
										</div>
										<div class="filedata-preview preview-upload">
											{!! SiteHelpers::showUploadedFile( $row["url"],"/uploads/file_notif_wa/") !!}
										</div>
									
														</div> 
										 
									  </div> {!! Form::hidden('createdOn', $row['createdOn']) !!}{!! Form::hidden('updatedOn', $row['updatedOn']) !!}</fieldset></div>									
				
			<input type="hidden" name="action_task" value="save" />				
						


			

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

@if($setting['form-method'] =='native')

	</div>
</div>
@endif

@include('sximo.module.template.ajax.formjavascript')

<script type="text/javascript">
$(document).ready(function() { 
	
		$("#tujuan").jCombo("{!! url('sendwa/comboselect?filter=master_nohp:nohp:nama|jabatan|afdeling') !!}",
		{  selected_value : '{{ $row["tujuan"] }}' });
		 
		$('.filepesan').hide();
	$('#kategori').on('change', function() {
		if($('#kategori').val() == 'pesan'){
			$('.filepesan').hide();
		}else{
			$('.filepesan').show();	
		}
	});
	 
				
	var form = $('#sendwaFormAjax'); 
	form.parsley();
	form.submit(function(){
		
		if(form.parsley().isValid()){			
			var options = { 
				dataType:      'json', 
				beforeSubmit :  function(){
					$('button[name="apply"], button[name="save"]').prop('disabled', true).append(' <span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span>');
				},
				success: function(data) {
					$('button[name="apply"], button[name="save"]').prop('disabled', false).find('.spinner-border').remove();
					if(data.status == 'success')
					{
						ajaxViewClose('#{{ $pageModule }}');
						var table = $('#sendwaTable').DataTable();
						table.ajax.reload();
						notyMessage(data.message);	
						$('#sximo-modal').modal('hide');	
					} else {
						notyMessageError(data.message);	
						return false;
					}
				},
				error: function() {
					$('button[name="apply"], button[name="save"]').prop('disabled', false).find('.spinner-border').remove();
					notyMessageError('Terjadi kesalahan saat mengirim data.');
				}  
			}  
			$(this).ajaxSubmit(options); 
			return false;
						
		} else {
			return false;
		}		
	
	});

});

</script>