<!DOCTYPE html>
<html>
<head>

    <!-- SEO System -->
    <% phc_seo_title "PHCDevworks Scripts" %>
    <% phc_seo_description "Ruby on Rails 6 Script CDN and Code Snippets Listing Management Engine." %>
    <!-- SEO System -->

    <!-- SEO and Site Description -->
	<meta charset="utf-8">
	<title><%= yield(:phc_seo_title) %></title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
	<meta name="description" content="<%= yield(:phc_seo_description) %>">
    <!-- SEO and Site Description -->

    <!-- Rails Security Tags -->
    <%= csrf_meta_tags %>
    <%= csp_meta_tag %>
    <!-- Rails Security Tags -->

    <!-- CSS Styles -->
    <%= stylesheet_link_tag "phcthemes_admin_panel_pack_coloradmin", media: "all" %>
    <!-- CSS Styles -->

    <!-- JavaScript -->
    <%= javascript_include_tag "phcthemes_admin_panel_pack_coloradmin" %>
    <!-- JavaScript -->

</head>
<body>

    <!-- Page Container -->
    <div id="page-container" class="fade page-sidebar-fixed page-header-fixed">

        <!-- Page Header -->
        <div id="header" class="header navbar-default">
            <%= render "layouts/phcdevworks_scripts/components/backend/navigation/top_menu" %>
        </div>
        <!-- Page Header -->

        <!-- Page Sidebar -->
        <div id="sidebar" class="sidebar">
            <%= render "layouts/phcdevworks_scripts/components/backend/sidebars/side_menu" %>
        </div>
        <div class="sidebar-bg"></div>
        <!-- Page Sidebar -->

        <!-- Page Content -->
        <div id="content" class="content">
            <%= render "phcdevworks_notifications/bootstrap/notifications" %>
            <%= yield %>
        </div>
        <!-- Page Content -->

        <!-- Footer Content -->
        <div id="footer" class="footer mb-4">
            <%= render "layouts/phcdevworks_scripts/components/backend/footer/footer" %>
        </div>
        <!-- Footer Content -->

    </div>
    <!-- Page Container -->

    <!-- JavaScript CKEditor -->
	<script>ClassicEditor
        .create( document.querySelector( '.editor' ), {
        	toolbar: {
        		items: [
        		    'heading',
        			'|',
        			'fontBackgroundColor',
        			'fontColor',
        			'horizontalLine',
        			'fontSize',
        			'fontFamily',
        			'highlight',
        			'|',
        			'bold',
        			'underline',
        			'italic',
        			'strikethrough',
        			'link',
        			'removeFormat',
        			'|',
        			'alignment',
        			'indent',
        			'outdent',
        			'|',
        			'blockQuote',
        			'insertTable',
        			'undo',
        			'redo',
        			'|',
        			'subscript',
        			'superscript',
        			'|',
        			'codeBlock',
        			'code',
        			'|',
        			'MathType',
        			'ChemType',
        			'specialCharacters'
        		]
        	},
        	language: 'en',
        	table: {
        		contentToolbar: [
        			'tableColumn',
        			'tableRow',
        			'mergeTableCells',
        			'tableCellProperties',
        			'tableProperties'
        		]
        	},
        	licenseKey: '',
        } )
        .then( editor => {
        	window.editor = editor;
        } )
        .catch( error => {
        	console.error( 'Oops, something gone wrong!' );
        	console.error( 'Please, report the following error in the https://github.com/ckeditor/ckeditor5 with the build id and the error stack trace:' );
        	console.warn( 'Build id: ulhl6ym1zxhr-qh8kt6relt0l' );
        	console.error( error );
        } );
	</script>
    <!-- JavaScript CKEditor -->

</body>
</html>