@extends('backend.layouts.app')
@section('content')
<div class="container">
	<div class="row justify">
		<div class="col-xl-10 single-filed">
			<div class="block">
		        <div class="block-header block-header-default">
		            <h3 class="block-title"><b>Update Company Setting</b></h3>
		        </div>
		        <div class="block-content">
		            <div class="row items-push">
		                <!-- jQuery Auto Complete (Bootstrap forms) -->
		                <div class="col-xl-12">
		                    <form action="{{route('setting.update',$info->id)}}" method="post" enctype="multipart/form-data">
	                    	@csrf
		                        <div class="row">
	                                <div class="col-12">
	                                	<label class="col-form-label">About Us</label>
	                                    <div class="">
	                                        <textarea name="about_details" id="summernote" class="form-control ckeditor">{{$info->about_details}}</textarea>
	                                    </div>
	                                </div>
	                                {{-- <div class="col-12">
	                                	<label class="col-form-label">Director Speace</label>
	                                    <div class="">
	                                        <textarea name="ceo_message" id="summernote2" class="form-control ckeditor">{{$info->ceo_message}}</textarea>
	                                    </div>
	                                </div> --}}
	                                <div class="col-12">
	                                	<label class="col-form-label">Mission</label>
	                                    <div class="">
	                                        <textarea name="mission" id="summernote3" class="form-control ckeditor">{{$info->mission}}</textarea>
	                                    </div>
	                                </div>
	                                <div class="col-12">
	                                	<label class="col-form-label">Vission</label>
	                                    <div class="">
	                                        <textarea name="vission" id="summernote4" class="form-control ckeditor">{{$info->vission}}</textarea>
	                                    </div>
	                                </div>
	                                {{-- <div class="col-6 pt-4">
			                        	<label class="col-12">About Image</label>
	                                	<div class="col-lg-12">
			                                <input type='file' value="{{$info->image}}" class="form-group" name="image" onchange="readURL(this);" />
		                        			<img id="blah" src="{{$info->image ? '/' . $info->image :  '/asset/backend_asset/assets/media/photos/file-image-svgrepo-com.svg'}}" height="200" width="250" alt="slider" /><br>
			                            </div>   
			                        </div>
			                        <div class="col-6 pt-4">
			                        	<label class="col-12">Director Image</label>
	                                	<div class="col-lg-12">
			                                <input type='file' value="{{$info->ceo_image}}" class="form-group" name="ceo_image" onchange="readURL2(this);" />
		                        			<img id="blah2" src="{{$info->ceo_image ? '/' . $info->ceo_image :  '/asset/backend_asset/assets/media/photos/file-image-svgrepo-com.svg'}}" height="200" width="250" alt="slider" /><br>
			                            </div>   
			                        </div> --}}
		                        </div>

		                        <div class="form-group text-right">
		                            <button type="submit" class="btn btn-square btn-primary min-width-125 mb-10 mt-20">Submit</button>
		                        </div>
		                    </form>
		                </div>
		                <!-- END jQuery Auto Complete (Bootstrap forms) -->
		            </div>
		        </div>
		    </div>
		</div>
	</div>
</div>
@endsection

@section('script')
<script type="text/javascript">
	function readURL(input) {
	    if (input.files && input.files[0]) {
	        var reader = new FileReader();
	        reader.onload = function (e) {
	            $('#blah')
	                .attr('src', e.target.result);
	        };
	        reader.readAsDataURL(input.files[0]);
	    }
	}
	function readURL2(input) {
	    if (input.files && input.files[0]) {
	        var reader = new FileReader();
	        reader.onload = function (e) {
	            $('#blah2')
	                .attr('src', e.target.result);
	        };
	        reader.readAsDataURL(input.files[0]);
	    }
	}
	$(document).ready(function() {
      $('#summernote2').summernote();
      $('#summernote3').summernote();
      $('#summernote4').summernote();
    });
</script>
@endsection