{% extends "super_admin_templates/base.html" %}
{% block content %}
<!-- Content Wrapper. Contains page content -->

<!-- Start::app-content -->
<div class="main-content app-content">
    <div class="container-fluid">

        <!-- Page Header -->
        <div class="d-md-flex d-block align-items-center justify-content-between my-4 page-header-breadcrumb">
            <div class="ms-md-1 ms-0">
                <nav>
                    <ol class="breadcrumb mb-0">
                        <li class="breadcrumb-item"><a href="{{ url_for('admin.dashboard') }}">Home</a></li>
                        <li class="breadcrumb-item active" aria-current="page"><a href="{{ url_for('documents.get_documents_list') }}">Documents List</a></li>
                    </ol>
                </nav>
            </div>
        </div>
        <!-- Page Header Close -->

        <!-- Start::row-1 -->
        <div class="row">
            <div class="col-xl-12">
                <div class="card custom-card">
                    <div class="card-header">
                        <div class="card-title">
                            Create New Document
                        </div>
                    </div>
                    <div class="card-body">
                        <center>
                            {% if error %}
                            <h2><b><center style="color:RED">{{ error }}</center></b></h2>
                            {% endif %}
                        </center>
                        <form method="POST" action="{{url_for('documents.edit_document')}}" enctype="multipart/form-data" >
                            <div class="card-body">
                                <div class="form-group">
                                    <label>Document Name</label>
                                    <input type="text" class="form-control" name="documentName" value="{{ document_dict.documentName | default('') }}" placeholder="Enter Document Name">
                                </div>


                                <div class="form-group">
                                    <label>Document Content</label>
                                    <textarea rowspan="50" class="form-control summernote" name="documentContent" placeholder="Enter Document Content" required>{{ document_dict.documentContent  | default('') }}</textarea>
                                </div>
                            </div>

                            <div>
                                <button type="submit" class="btn btn-primary">Submit</button>
                            </div>
                        </form>

                        {% with messages = get_flashed_messages() %}
                            {% if messages %}
                            <ul class="flashes">
                                {% for message in messages %}
                                <h2>
                                    <b>
                                        <center style="color:green">{{ message }}</center>
                                    </b>
                                </h2>
                                {% endfor %}
                            </ul>
                            {% endif %}
                            {% endwith %}
                    </div>
                </div>
            </div>
        </div>
        <!--End::row-1 -->

    </div>
</div>
<!-- End::app-content -->

<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js"></script>
<script>
    $(document).ready(function() {
        $('.summernote').summernote({
            placeholder: 'Content Here',
            tabsize: 2,
            height: 100,
            toolbar: [
                ['style', ['style']],
                ['font', ['bold', 'italic', 'underline', 'clear']],
                ['color', ['color']],
                ['para', ['ul', 'ol', 'paragraph']],
                ['height', ['height']],
                ['table', ['table']],
                ['insert', ['link', 'picture', 'hr']],
                ['help', ['help']],
                ['float', ['floatLeft', 'floatRight', 'floatNone']],
            ],
        });
    });
</script>

{% endblock %}