@extends("LaravelVueAdmin.layouts.app")

@section("contentheader_title", 'Edit SOP')
@section("contentheader_description", $sops->$view_col)
@section("section", "SOP")
@section("section_url", url(config('LaravelVueAdmin.adminRoute') . '/sops'))
@section("sub_section", "Edit SOP")
@section("htmlheader_title", "Edit SOP : ".$sops->$view_col)

@section("main-content")

@if (count($errors) > 0)
    <div class="alert alert-danger">
        <ul>
            @foreach ($errors->all() as $error)
                <li>{{ $error }}</li>
            @endforeach
        </ul>
    </div>
@endif


<div class="panel panel-flat">
	<div class="panel-heading">
		<div class="heading-elements">
			<ul class="icons-list">
				<li><a data-action="collapse"></a></li>
			</ul>
		</div>
	</div>
	<div class="panel-body">
		<div class="row">
			<div class="col-md-12 ">
				{!! Form::model($sops, ['route' => [config('LaravelVueAdmin.adminRoute') . '.sop.doEdit', $sops->id ], 'method'=>'POST', 'id' => 'sop-edit-form']) !!}
					@lv_input($module, 'title',$sops->title)
					@lv_input($module, 'description',$sops->description,'','form-control text-area')
          <div class="form-group">
						<label for="category_id">Kategori* :</label>
						<select name="category_id" class="form-control select2">
							@foreach($category  as $cat)
                @php $selected = $sops->category_id == $cat->id_category ? "selected" : ""; @endphp
								<option value="{{$cat->id_category}}" {{$selected}}>{{$cat->name}} - {{$cat->name_category}}</option>
							@endforeach
						</select>
					</div>
					<div class="form-group">
						{!! Form::submit( 'Update', ['class'=>'btn btn-success']) !!} <a href="{{ url(config('LaravelVueAdmin.adminRoute') . '/sops') }}"  class="btn btn-default pull-right">Cancel</a>
					</div>
				{!! Form::close() !!}
			</div>
		</div>
	</div>
</div>
@endsection

@push('scripts')
<script type="text/javascript" src="{{asset('LaravelVueAdmin/assets/js/plugins/editors/summernote/summernote.min.js')}}"></script>
<script type="text/javascript" src="{{asset('LaravelVueAdmin/assets/js/pages/editor_summernote.js')}}"></script>
<script>
     $(".text-area").summernote({
        callbacks: {
            onImageUpload: function(files) {
                var $this = $(this);
                sendFile(files[0],function(url) {
                    $this.summernote("insertImage", url);
                });
            }
        }
    });
     function sendFile(file, callback) {
        var data = new FormData();
        data.append("image", file);//You can append as many data as you want. Check mozilla docs for this
        data.append("_token", "{{csrf_token()}}");
        $.ajax({
            data: data,
            type: "POST",
            url: "{{url(config('LaravelVueAdmin.adminRoute') . '/sops/doAddImage')}}",
            cache: false,
            contentType: false,
            processData: false,
            success: function(res) {
            	if(res.result == "success"){
            		new PNotify({
						text: res.msg,
						delay: 3000,
						addclass: 'bg-success'
					});
               	 callback(res.url);
            	}else{
            		new PNotify({
						text: res.msg,
						delay: 3000,
						addclass: 'bg-danger'
					});
            	}

            }
        });
    }
</script>
<script>
$(function () {
	$("#sop-edit-form").validate({

	});
});
</script>
@endpush