{% extends "admin/layout.twig" %}

{% block content %}

<h2>Create Blog</h2>

<form method="POST" enctype="multipart/form-data">


    <div style="margin-bottom:15px;">
        <label>Title</label><br>
        <input type="text" name="title" required style="width:100%; padding:8px;">
    </div>

    <div style="margin-bottom:15px;">
        <label>Meta Title</label><br>
        <input type="text" name="meta_title" style="width:100%; padding:8px;">
    </div>

    <div style="margin-bottom:15px;">
        <label>Meta Description</label><br>
        <textarea name="meta_description" rows="3" style="width:100%; padding:8px;"></textarea>
    </div>

    <div style="margin-bottom:15px;">
        <label>Content</label><br>
        <textarea name="content" id="editor" rows="10" style="width:100%; padding:8px;"></textarea>
    </div>
    <div style="margin-bottom:15px;">
        <label>Featured Image</label><br>
        <input type="file" name="featured_image">
    </div>

    <div style="margin-bottom:15px;">
        <label>Status</label><br>
        <select name="status" style="padding:8px;">
            <option value="draft">Draft</option>
            <option value="published">Publish</option>
        </select>
    </div>

    <button type="submit" 
            style="padding:10px 20px; background:#28a745; color:white; border:none;">
        Save Blog
    </button>

    <script src="{{ base_url }}/assets/editor/tinymce/tinymce.min.js"></script>

<script>
tinymce.init({
    selector: '#editor',
    height: 400,
    menubar: false,
    plugins: 'lists link image table code',
    toolbar: 'undo redo | styles | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist | link image | code'
});
</script>


</form>

{% endblock %}