@extends('be.layout-index')
@section('content')
@php
$modul="Konten";
$modula="m_content";
$id="";
$nama="";
$isi="";
if(isset($data)){
	$id=$data->id;
	$nama=$data->nama;
	$isi=$data->isi;
}
@endphp
<link rel="stylesheet" href="{{asset('media/assets/css/select2.min.css')}}">
<link rel="stylesheet" href="{{asset('media/assets/css/select2-bootstrap.css')}}">
<style>
.padtop{
	margin-top:10px;
}
.konf{
	color:red;
}
.foto{
  width: 160px;
  height: 160px;
  margin-bottom:20px;
  box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
}
</style>
<div class="row">
   <div class="col-12">
       <div class="card">
           <div class="card-body">
			
<div class="panel-default">
	<div class="content-box-header  panel-heading">
		<div class="panel-title"></div>
	</div>
	<div class="content-box-large box-with-header">
		<form id=frm name=frm method=post enctype="multipart/form-data" action='{!!route('m_content.save')!!}'>
			@csrf
			<div class="row">
				<div class="col-sm-6">
					@if(session('failed'))
						<div class="alert alert-danger">
							<a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
							{{ session('failed') }}
						</div>
					@endif
				</div>
			</div>
			<div class="form-group row">
				<label class="col-sm-2 control-label">Nama</label>
				<div class="col-sm-7">
					<input class="form-control" name="nama" value="{!!$nama!!}" />
				</div>
			</div>
			<div class="form-group row">
				<label class="col-sm-2 control-label">Isi</label>
				<div class="col-sm-12">
					<textarea id="isi" name="isi">{!!$isi!!}</textarea>
				</div>
			</div>
			<br />
			<div class="form-group row">
				<div class="col-sm-offset-2 col-sm-10">
					<input name="id" type="hidden" value="{{$id}}" />
					<button type="submit" class="btn btn-primary btn-sm" name="btnSave"><i class='fa fa-save'></i> Simpan</button>
					<a href="javascript:history.back()" class="btn btn-warning btn-sm"><i class='fa fa-repeat'></i> Batalkan</a>
				</div>
			</div>
		</form>
	</div>
</div>
            </div>
        </div>
    </div>
</div>
<script>
$(function() {
  $("#frm").validate({
  	errorClass: "errorCssClass",
    rules: {
	  nama: "required",
    },
    messages: {
      nama: "Isikan Nama Konten",
    },
	errorPlacement: function (error, element) {
        if (element.parent('.input-group').length) { 
            error.insertAfter(element.parent());      // radio/checkbox?
        } else if (element.hasClass('select2')) {    
            error.insertAfter(element.next('span'));  // select2
        } else {         
            error.insertAfter(element);               // default
        }
    },
	highlight: function (element, errorClass, validClass) {
        $(element).addClass(errorClass); //.removeClass(errorClass);
        $(element).closest('.form-group').removeClass('has-success').addClass('has-error');
    },
   	unhighlight: function (element, errorClass, validClass) {
       	$(element).removeClass(errorClass); //.addClass(validClass);
       },
	submitHandler: function(form) {
		var frm = document.getElementById("frm");
		if(cekusers($('#nm_user').val())){
			alert('User name sudah ada yang pakai')
		}
		else{
			if(gosubmit()){
				$("#overlay").fadeIn(300);
				frm.submit();
				/*
				var formData = new FormData(frm);
				$.ajax({
				    type: "POST",
				    url: "{!!route('m_user.save')!!}",
				    data: formData,
				    contentType: false,
				    processData: false,
				    beforeSend: function() {
				    },
				    success: function(msg){
						document.location.href=msg
				    },
				    error: function() {
				    }
				});
				*/
			}
		}
	}
  });
});
</script>
<script src="{{asset('media/assets/js/select2.full.js')}}"></script>
<script>
$(".select2").select2();
</script>  
<script src="{{asset('media/assets/node_modules/tinymce/tinymce.min.js')}}"></script>
<script>
$(document).ready(function() {
    if ($("#isi").length > 0) {
        tinymce.init({  
	     selector: "#isi",  
         height: 300,
	     plugins: [  
	        "advlist autolink lists link image charmap print preview hr anchor pagebreak",  
	        "searchreplace wordcount visualblocks visualchars code fullscreen",  
	        "insertdatetime nonbreaking save table contextmenu directionality",  
	        "emoticons template paste textcolor colorpicker textpattern"  
	     ],  
	     toolbar: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image responsivefilemanager",  
	     automatic_uploads: true,  
	     image_advtab: true,  
	     images_upload_url: "{{asset('media/uploads//tinymce_upload')}}",  
	     file_picker_types: 'image',   
	     paste_data_images:true,  
	     relative_urls: false,  
	     remove_script_host: false,  
	      file_picker_callback: function(cb, value, meta) {  
	        var input = document.createElement('input');  
	        input.setAttribute('type', 'file');  
	        input.setAttribute('accept', 'image/*');  
	        input.onchange = function() {  
	         var file = this.files[0];  
	         var reader = new FileReader();  
	         reader.readAsDataURL(file);  
	         reader.onload = function () {  
	           var id = 'post-image-' + (new Date()).getTime();  
	           var blobCache = tinymce.activeEditor.editorUpload.blobCache;  
	           var blobInfo = blobCache.create(id, file, reader.result);  
	           blobCache.add(blobInfo);  
	           cb(blobInfo.blobUri(), { title: file.name });  
	         };  
	        };  
	        input.click();  
	      }  
	   });  
    }
});
</script>
@endsection