@extends('Layouts.admin')

@section('styles')
    <link href="{{asset('assets/css/codemirror.css')}}" rel="stylesheet">
@stop

@section('content')
    <div class="container-fluid">

        @if(\Session::has('info'))
            <div class="alert bg-green">
                {{\Session::get('info')}}
            </div>
        @endif


        @if(\Session::has('error2'))
            <div class="alert bg-red">
                {{\Session::get('error2')}}
            </div>
        @endif

        <div class="row clearfix">
            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                <div class="card">
                    <div class="header">
                        <h2>User Notification</h2>
                        <ul class="header-dropdown m-r--5">
                            <li class="dropdown">
                                <a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
                                    <i class="material-icons">more_vert</i>
                                </a>
                            </li>
                        </ul>
                    </div>
                    <div class="body">
                        <div class="the_sc">
                            <form method="post" action="{{route('adminNotificationSitePost')}}">
                                @csrf
                                
                                <div class="form-group">
                                    <div class="form-line">
                                    	<label>Notification Topic</label>
								        <input class="form-control" placeholder="Notification Topic" name="topic">
                                    </div>
                                   @if($errors->has('topic'))
                                    <div class="er">
                                        {!!  $errors->get('topic')[0] !!}
                                    </div>
                                   @endif
                                </div>

                                <div class="form-group">
                                    <div class="form-line">
                                    	<label>Notification Content</label>
                                        <textarea rows="5" cols="80" id="tinymce" class="form-control no-resize" name="content_2">
										</textarea>
                                    </div>
                                    @if($errors->has('content_2'))
                                        <div class="er">
                                            {!!  $errors->get('content_2')[0] !!}
                                        </div>
                                    @endif
                                </div>


                                <button type="submit" class="btn btn-primary m-t-15 waves-effect">Save</button>

                            </form>
                        </div>
                    </div>
                </div>
            </div>
            <!-- #END# Browser Usage -->
        </div>
    </div>
@stop


@section('scripts')

    <script src="{{asset('assets/admin_we2/plugins/tinymce/tinymce.js')}}"></script>

    <script>


        $('#saveDraftBtn').on('click', function (e) {
            e.preventDefault();
            $('#save_c').attr('action', "{{route('adminTSelectedDraft')}}").submit();
        });

        $('#d_idd').on('click', function (event) {
            var cc = confirm('Are your sure you want to do this');
            if(cc == true){
                return true
            }else {
                return event.preventDefault();
            }
            $('#saveDraft').submit();
        });

        $('#edit_tread').on('click', function () {
            $('#save_c').submit();
        });

        var editor_config = {

            path_absolute : "/",
            selector: "textarea#tinymce",
            theme: "modern",
            height: 300,
            content_style: ".mce-content-body {font-size:15px;font-family:work sans,sans-serif;}",

            plugins: [
                'advlist autolink lists link image charmap print preview hr anchor pagebreak',
                'searchreplace wordcount visualblocks visualchars code fullscreen',
                'insertdatetime media nonbreaking save table contextmenu directionality',
                'emoticons template paste textcolor colorpicker textpattern imagetools'
            ],
            toolbar1: 'insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image | preview media | forecolor backcolor emoticons',
            image_advtab: true,

            file_browser_callback : function(field_name, url, type, win) {
                var x = window.innerWidth || document.documentElement.clientWidth || document.getElementsByTagName('body')[0].clientWidth;
                var y = window.innerHeight|| document.documentElement.clientHeight|| document.getElementsByTagName('body')[0].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);

        tinymce.suffix = ".min";
        tinyMCE.baseURL = '{{asset('assets/admin_we2/plugins/tinymce')}}';



    </script>
@stop