@extends('admin.default')
@section('content')

			   <section class="wrapper main-wrapper" style=''>

                    <div class='col-xl-12 col-lg-12 col-md-12 col-12'>
                        <div class="page-title">

                            <div class="float-left">
                                <h1 class="title">Add Banner Images</h1>                            </div>

                            <div class="float-right d-none">
                                <ol class="breadcrumb">
                                    <li>
                                        <a href="index.html"><i class="fa fa-home"></i>Home</a>
                                    </li>
                                    <li>
                                        <a href="blo-categories.html">Banner Images</a>
                                    </li>
                                    <li class="active">
                                        <strong> News</strong>
                                    </li>
                                </ol>
                            </div>

                        </div>
                    </div>
                    <div class="clearfix"></div>
                    <div class="col-xl-12 col-lg-12 col-12 col-md-12">
                        <section class="box ">
                            <header class="panel_header">
                                <h2 class="title float-left">Basic Info</h2>
                                <div class="actions panel_actions float-right">
                                    <i class="box_toggle fa fa-chevron-down"></i>
                                    <i class="box_setting fa fa-cog" data-toggle="modal" href="#section-settings"></i>
                                    <i class="box_close fa fa-times"></i>
                                </div>
                            </header>
                            <div class="content-body">
                                <div class="row">
                                  	 <form method="post" enctype="multipart/form-data" action="{{ url('imagesave') }}">
        
				                     @csrf
                                        
                                        <div class="col-xl-8 col-lg-8 col-md-9 col-12">



                                         <div class="form-group">
                                                <label class="form-label" for="field-1"> Name</label>
                                                <span class="desc"></span>
                                                <div class="controls">
                                                    <input type="text" value="" name="name" class="form-control" id="field-1">
                                                </div>
                                            </div>
                                   

                                            <div class="form-group">
                                                <label class="form-label" for="field-1"> Slug</label>
                                                <span class="desc"></span>
                                                <div class="controls">
                                                    <input type="text" value="" name="slug" class="form-control" id="field-1">
                                                </div>
                                            </div>
                                            
                                            
                                                <div class="form-group">
                                                    <label class="form-label" for="field-1">Featured Image</label>
                                                    <span class="desc"></span>
                                                    <div class="controls">
                                                        <input type="file" name="file" class="form-control" id="field-5">
                                                    </div>
                                                </div>
                                                
                                                
                                                   
                                                
                                                
                                              
                                                
                                                
                                                 <div class="form-group">
                                                <label class="form-label" for="field-5"> Content</label>
                                                <span class="desc"></span>

                                                <textarea class="ckeditor" cols="80" id="editor1" name="content" rows="10">
                                                </textarea><br>
                                            </div>
                                                <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

  <script src="//cdn.ckeditor.com/4.16.0/standard/ckeditor.js"></script>
 <script src="{!! asset('admin/assets/plugins/bootstrap/js/bootstrap.min.js') !!}" type="text/javascript"></script> 
 <script>
                // Replace the <textarea id="editor1"> with a CKEditor
                // instance, using default configuration.
               CKEDITOR.replace('editor1', {
                   height : 400,
                   filebrowserUploadUrl: "{{ asset ('/demo/images')}}"
	        filebrowserBrowseUrl: "{{asset ('/demo/file_browser') }}"
	    });
            </script>
                                                       <div class="form-group">
                                                <label class="form-label" for="field-5">Content Heading</label>
                                                <span class="desc"></span>

                                                <textarea class="ckeditor" cols="80" id="editor1" name="short_description" rows="5">
                                                </textarea><br>
                                            </div>
                                                
                                                
                                                            <div class="form-group">
                                                <label class="form-label" for="field-5">Position</label>
                                                <span class="desc"></span>

                                               <input type="number" value="" name="position" class="form-control" id="field-1"><br>
                                               
                                               <textarea id="ckeditor"></textarea>
                                              <textarea class="form-control" name="content" id="description-textarea" rows="8"></textarea> 
                              <script src="https://cdnjs.cloudflare.com/ajax/libs/tinymce/4.9.5/tinymce.min.js"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/tinymce/4.9.5/tinymce.min.js"></script>
    <script>
        var editor_config = {
            selector: '#description-textarea',
            directionality: document.dir,
            path_absolute: "/",
            menubar: 'edit insert view format table',
            plugins: [
                "advlist autolink lists link image charmap preview hr anchor pagebreak",
                "searchreplace wordcount visualblocks visualchars code fullscreen",
                "insertdatetime media save table contextmenu directionality",
                "paste textcolor colorpicker textpattern"
            ],
            toolbar: "insertfile undo redo | formatselect styleselect | bold italic strikethrough forecolor backcolor permanentpen formatpainter | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image media | fullscreen code",
            relative_urls: false,
            language: document.documentElement.lang,
            height: 300,
            file_browser_callback : function (field_name, url, type, win) {
                var x = window.innerWidth || document.documentElement.clientWidth || document.querySelector('body').clientWidth;
                var y = window.innerHeight || document.documentElement.clientHeight || document.querySelector('body').clientHeight;
 
                var cmsURL = editor_config.path_absolute + 'laravel-filemanager?field_name=' + field_name;
                if (type == 'image') {
                cmsURL = cmsURL + "&type=Images";
                } else {
                cmsURL = cmsURL + "&type=Files";
                }
 
                tinyMCE.activeEditor.windowManager.open({
                file: cmsURL,
                title: 'Filemanager',
                width: x * 0.8,
                height: y * 0.8,
                resizable: "yes",
                close_previous: "no"
                });
            },
        }
        tinymce.init(editor_config);
        
        
        
       
        
        
        
    </script>
                                               
                                               
                                               
                                            </div>
                                            
                                                 
                                               
                                            
                                                      <div class="form-group">
                                                    <label class="form-label" for="field-5">Page</label>
                                                    <span class="desc"></span>
                                                    <select  name="page" class="form-control">
                                                        <option value="Home" >Home</option>
                                                        <option  value="Gadgets"  >Gadgets</option>
                                                        <option  value="Science" >Science</option>                                    
                                                        <option value="Entertainment">Entertainment</option>
                                                        <option value="Gaming">Gaming</option>
                                                         <option value="LifeStyle">LifeStyle</option>
                                                    </select>
                                                </div>

                                          
                                        </div>

                                        <div class="col-xl-8 col-lg-8 col-md-9 col-12 padding-bottom-30">
                                            <div class="text-left">
                                                <button type="submit" class="btn btn-primary">Save</button>
                                                <button type="button" class="btn">Cancel</button>
                                            </div>
                                        </div>
                                    </form>
                                </div>


                            </div>
                        </section></div>


                </section>


@endsection

   
    
    
    
    
<script>

    <script>
	window.onload = function () {
	    alert("test");
		CKEDITOR.replace('ckeditor', {
	        filebrowserBrowseUrl: filemanager.ckBrowseUrl,
	    });
	}
</script>
</script>