@extends('layouts.admin.admin-app')
@section('title','Edit CMS')
@section('content')
<div class="main-content adduser_page">
    <div class="content_wrapper">
        <div class="content_header">
            <div class="page_title">
                <h2 class="d-inline-block pr-3 mr-3 border-right">Edit CMS</h2>
                <nav aria-label="breadcrumb" class="d-inline-block">
                    <ol class="breadcrumb p-0 mb-0">
                        <li class="breadcrumb-item"><a href="{{url('/admin/manage-cms')}}">Manage CMS</a>
                        </li>
                    </ol>
                </nav>
            </div>
        </div>
        <div class="content">
            <div class="add_form mx-auto">
                <div class="card">
                    <div class="card-header">Edit CMS</div>
                    <div class="card-body">
                        <form id="cmsForm" method="post" action="{{url('admin/save-cms')}}">
                            {{csrf_field()}}
                            <input type="hidden" name="id" value="{{$model->id}}">
                            <div class="form-group">
                                <label>Page Name</label>
                                <input type="text" name="title" value="{{$model->title}}" class="form-control">
                            </div>
                            <div class="form-group" id="divCms">
                                <label>Description</label>
                                <textarea id="cms-content" class="form-control" name="description" rows="12">{{$model->description}}</textarea>
                                <span id="cms-content-error" class="help-block error-help-block"></span>
                            </div>
                            <div class="form-group action  text-right mb-0">
                                <button id="cmsBtn" type="button" class="btn btn-warning  ripple-effect">Update</button>
                            </div>
                        </form>
                        {!! JsValidator::formRequest('App\Http\Requests\CmsRequest','#cmsForm') !!}
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script>
    var base_url = '{{url("/")}}';
</script>
<script src="{{url('public/js/nicEdit-latest.js')}}"></script>
<script>
    $("#cmsBtn").on('click', (function (e) {
        var frm = $('#cmsForm');
        var btn = $('#cmsBtn');
        
        var i = 0;
        $('#cms-content').val($('#divCms').find('.nicEdit-main').html());
        frm.valid();
        var str = $('#cms-content').val().replace(/(<([^>]+)>)/ig, "").trim();
        var strNew = replaceAll(str, '&nbsp;', '');
        if (strNew.trim() == '') {
            $('#cms-content-error').show();
            $('#cms-content-error').html('Description field is required.');
            i++;
        } else {
            $('#cms-content-error').hide();
            $('#cms-content-error').html('');
        }
        if (i > 0) {
            return false;
        }
        e.preventDefault();
        if (frm.valid()) {
            btn.html('Update {{buttonLoader()}}');
            btn.prop('disabled', true);
            $.ajax({
                url: "{{url('/admin/save-cms')}}",
                type: "POST",
                data: frm.serialize(),
                success: function (data)
                {
                    window.location.href = "{{url('/admin/manage-cms')}}";
                },
                error: function (data) {
                    var obj = jQuery.parseJSON(data.responseText);
                    for (var x in obj) {
                        btn.prop('disabled', false);
                        btn.html('Update');
                        var errors = obj[x].length
                        $('#' + x + '-error').html(obj[x]);
                        $('#' + x + '-error').parent('.form-group').removeClass('has-success').addClass('has-error');
                    }
                },
            });
        }
    }));
    
    bkLib.onDomLoaded(function () {
        new nicEditor({fullPanel: true, maxHeight: 600}).panelInstance('cms-content');
    });
    
    function replaceAll(str, term, replacement) {
        return str.replace(new RegExp(escapeRegExp(term), 'g'), replacement);
    }
    
    function escapeRegExp(string){
        return string.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
    }
</script>
@endsection