{% extends 'admin_dash/base.html' %}


{% load static %}
{% load humanize %}
{% block content %}
<script src="https://cdn.ckeditor.com/ckeditor5/30.0.0/classic/ckeditor.js"></script>
<div class="content-wrapper">
    <div class="content">
        <div class="row">
            {% for field in form %}
            {% for error in field.errors %}
            <label class="text-{{msg.tags}} text-center col-12" style="text-align: center;">{{error}}</label>
            {% endfor %}
            {% endfor%}

            <div class=" col-12">
                <!-- Top Sell Table -->
                <div class="card card-table-border-none" data-scroll-height="">
                    <div class="card-header">
                        <h4>Update Course</h4>

                    </div>
                    <div class="card-body slim-scroll mt-2">
                        <form action="{% url 'edit_course' the_course.id %}" method="post" enctype="multipart/form-data">
                            {% csrf_token %}
                            <div class="row">
                                <div class="form-group col-6">
                                    <label for="title" class="">Title</label>
                                    <input type="text" class="form-control" name="title" value="{{the_course.title}}">
                                </div>
                                <div class="form-group col-6">
                                    <label for="title" class="">Category</label>
                                    <select class="form-control" name="author">
                                        
                                        <option  {% if the_course.category == 'Basic Course' %}
                                            selected{%endif %}>Basic Course</option>
                                        <option  {% if the_course.category == 'Intermediate Course' %}
                                            selected{%endif %}>Intermediate Course</option>
                                        <option  {% if the_course.category == 'Professional Course' %}
                                            selected{%endif %}>Professional Course</option>
                                        
                                    </select>
                                    <small>This is important for Webinar courses</small>
                                </div>
                                <div class="form-group col-6">
                                    <label for="title" class="">Course Tab</label>
                                    <select class="form-control" name="author">
                                        
                                        <option  {% if the_course.course_tab == 'Free' %}
                                            selected{%endif %}>Free</option>
                                        <option  {% if the_course.course_tab == 'Webinar' %}
                                            selected{%endif %}>Webinar</option>
                                        <option  {% if the_course.course_tab == 'Premium' %}
                                            selected{%endif %}>Premium</option>
                                        <option  {% if the_course.course_tab == 'E-books' %}
                                            selected{%endif %}>E-books</option>
                                        
                                    </select>
                                </div>
                                <div class="form-group col-6">
                                    <label for="title" class="">Image</label>
                                    <input type="file" class="form-control" name="image">
                                </div>
                                <div class="form-group col-6">
                                    <label for="title" class="">Status</label>
                                    <select class="form-control" name="status">
                                        <option {% if the_course.status == "Published" %} selected {% endif %}>
                                            Published
                                        </option>
                                        <option {% if the_course.status == 'Drafted' %} selected {% endif %}>Drafted
                                        </option>

                                    </select>
                                </div>
                                <div class="form-group col-12">
                                    <label for="title" class="">Short Content</label>
                                    <textarea id="editor" placeholder="write short blog content here" name="content">
                                        {{the_course.content }}</textarea>
                                </div>

                                <div class="form-group col-12">
                                    <label for="title" class="">Full Content</label>
                                    <textarea id="editor1" placeholder="write full blog content here"
                                        name="full_content" >{{the_course.full_content}}
                                    </textarea>
                                </div>

                                <div class="form-group col-12">
                                    <label for="title">Meta</label>
                                    <textarea placeholder="write full blog content here" class="form-control"
                                        name="meta">{{the_course.meta}}
                                    </textarea>
                                    <div class="row justify-content-end col-12  ms-3">

                                        <button type="submit" class="btn border rounded text-white mt-4 col-2 py-3"
                                            style="background-color: #754C28;">Submit</button>
                                    </div>
                                </div>

                            </div>
                        </form>

                    </div>
                    <!-- <div class="card-footer bg-white py-4">
          <a href="#" class="btn-link py-3 text-uppercase">View Report</a>
        </div> -->
                </div>
            </div>
        </div>
    </div>
</div>
<script>
    ClassicEditor
        .create(document.querySelector('#editor'))
        .catch(error => {
            console.error(error);
        });

    ClassicEditor
        .create(document.querySelector('#editor1'))
        .catch(error => {
            console.error(error);
        });
</script>

{% endblock content %}