@extends('backend.layout.master')

@section('title','Manage CMS-page')



@section('content')

<!-- if blog create successfully then show success alert -->
@if(Session::get('success'))
<script>
Swal.fire({
    icon: 'success',
    title: 'Done',
    text: 'task has been done',
})
</script>
@endif

@if(Session::get('updated'))
<script>
Swal.fire({
    icon: 'success',
    title: 'Done',
    text: 'Blog Updated !',
})
</script>
@endif

@if(Session::get('delete'))
<script>
Swal.fire({
    icon: 'success',
    title: 'Done',
    text: 'Blog has been deleted !',
})
</script>
@endif


<!-- Page Heading -->
<h1 class="h3 mb-4 text-gray-800">Manage CMS</h1>

<!-- Collapsable Card about us-->
@include('backend.partials.about-cms')


<!-- Collapsable Card contact us-->
@include('backend.partials.contact-cms')


<!-- Collapsable Card footer cms us-->
@include('backend.partials.footer-cms') 






@endsection



@section('script')

<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
<script src="https://cdn.ckeditor.com/ckeditor5/29.2.0/classic/ckeditor.js"></script>

<script type="text/javascript">
console.log(baseUrl);


           // ckeditor about us 
           ClassicEditor
         .create( document.querySelector( '#editor' ) )
         .then( editor => {
                 console.log( editor );
         } )
         .catch( error => {
                 console.error( error );
         } );


         // ckeditor for contact us
        //  ClassicEditor
        //  .create( document.querySelector( '#contacteditor' ) )
        //  .then( editor => {
        //          console.log( editor );
        //  } )
        //  .catch( error => {
        //          console.error( error );
        //  } );

         // ckeditor for footer
        //  ClassicEditor
        //  .create( document.querySelector( '#footereditor' ) )
        //  .then( editor => {
        //          console.log( editor );
        //  } )
        //  .catch( error => {
        //          console.error( error );
        //  } );

</script>

<script type="text/javascript" src="{{asset('backend/partials/aboutcms.js')}}"></script>
<script type="text/javascript" src="{{asset('backend/partials/contactcms.js')}}"></script>
<script type="text/javascript" src="{{asset('backend/partials/footercms.js')}}"></script>

@endsection