<!DOCTYPE html>
<html>
<head>

    <!-- SEO System -->
    <% phc_seo_title "PHCDevworks Press" %>
    <% phc_seo_description "Ruby on Rails 6 CMS Engine to Manage your Rails Site's Articles, Categories and Medias." %>
    <!-- SEO System -->
    
    <!-- SEO and Site Description -->
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title><%= yield(:phc_seo_title) %></title>
    <meta name="description" content="<%= yield(:phc_seo_description) %>">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" >
    <link rel="canonical" href="http://phcdevworks.com">
    <!-- SEO and Site Description -->
    
    <!-- Rails Security Tags -->
    <%= csrf_meta_tags %>
    <%= csp_meta_tag %>
    <!-- Rails Security Tags -->
    
    <!-- CSS Styles -->
    <%= stylesheet_link_tag "phcdevworks_press/application", media: "all" %>
    <!-- CSS Styles -->
    
    <!-- Font -->
    <link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Open+Sans:300,400%7CRaleway:300,400,500,600,700%7CLato:300,400,400italic,600,700"/>
    <!-- Font -->

</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_press/components/backend/navigation/top_menu" %>
        </div>
        <!-- Page Header -->

        <!-- Page Sidebar -->
        <div id="sidebar" class="sidebar">
            <%= render "layouts/phcdevworks_press/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_press/components/backend/footer/footer" %>
        </div>
        <!-- Footer Content -->

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

    <!-- JavaScript -->
    <%= javascript_include_tag "phcdevworks_press/application", "data-turbolinks-track": "reload" %>
    <!-- JavaScript -->

    <!-- JavaScript CKEditor -->
    <script>ClassicEditor
        .create( document.querySelector( '.editor' ), {
            toolbar: {
                items: [
                    'heading',
                    '|',
                    'fontBackgroundColor',
                    'fontColor',
                    'fontSize',
                    'fontFamily',
                    '|',
                    'removeFormat',
                    'subscript',
                    'superscript',
                    'bold',
                    'italic',
                    'link',
                    '|',
                    'todoList',
                    'bulletedList',
                    'numberedList',
                    '|',
                    'alignment',
                    'indent',
                    'outdent',
                    '|',
                    'blockQuote',
                    'insertTable',
                    'mediaEmbed',
                    'undo',
                    'redo',
                    '|',
                    'codeBlock',
                    'code',
                    'MathType',
                    'ChemType',
                    'comment'
                ]
            },
            language: 'en',
            image: {
                toolbar: [
                    'imageTextAlternative',
                    'imageStyle:full',
                    'imageStyle:side'
                ]
            },
            table: {
                contentToolbar: [
                    'tableColumn',
                    'tableRow',
                    'mergeTableCells'
                ]
            },
            licenseKey: '',
            sidebar: {
                container: document.querySelector( '.sidebar' )
            },
        } )
        .then( editor => {
            window.editor = editor;
        } )
        .catch( error => {
            console.error( error );
        } );
    </script>
    <!-- JavaScript CKEditor -->

</body>
</html>