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


{% load static %}
{% load humanize %}
{% block content %}

 <div class="col-12 {% if state == 'webinar' %} d-none {% elif state == 'premium' %} d-none {% endif %}" id="free">
                <!-- Top Sell Table -->
                <div class="card card-table-border-none" data-scroll-height="">
                {% for the_course in the_course %}
                    <div class="card-header">
                        <h4>Update {{the_course.title}}</h4>

                    </div>
                    <div class="card-body slim-scroll mt-2">
                        <form action="{% url 'edit_course' the_course.id  %}?form=free" 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="">Course Tab</label>
                                    <select class="form-control" name="course_tab" >

                                        <option {% if the_course.course_tab == "Webinar" %} selected {% endif %}>Webinar</option>
                                        <option {% if the_course.course_tab == "Free" %} selected {% endif %}>Free</option>
                                        <option {% if the_course.course_tab == "Premium" %} selected {% endif %}>Premium</option>
                                    </select>
                                </div>
                                
                                <div class="form-group col-6">
                                    <label for="title" class="">Video Duration</label>
                                    <input type="text" class="form-control" name="vid_duration" value="{{the_course.video.duration}}">
                                </div>
                                
                                <div class="form-group col-6">
                                    <label for="title" class="">Training Software</label>
                                    <input type="text" class="form-control" name="training_software" value="{{the_course.training_software}}">
                                </div>
                                
                                <div class="form-group col-6">
                                    <label for="title" class="">Course Files</label>
                                    <input type="file" class="form-control" name="files" >
                                    <small>{% if the_course.files %}{{the_course.files.url}}{% endif %}</small>
                                </div>
                
                                
                                
                                <div class="form-group col-12">
                                    <label for="title" class="">Course Overview</label>
                                    <textarea class="form-control" name="overview" rows="3" >{{the_course.overview}}
                                    </textarea>
                                </div>
                                <div class="form-group col-12">
                                    <label for="title" class="">Video Link</label>
                                    <textarea class="form-control" name="video_link" rows="3" >{{the_course.video_link}}
                                    </textarea>
                                    <small>Embeded youtube link for the free cpourse</small>
                                </div>
                                <div class="form-group col-12">
                                    <label for="title">Meta</label>
                                    <textarea placeholder="write full blog content here" class="form-control"
                                        name="meta_tag">{{the_course.meta_tag}}
                                    </textarea>
                                    
                                </div>
                                <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>
                        </form>

                    </div>
                {% endfor %}
                </div>
            </div>


<div class="col-12 {% if state == 'free' %} d-none {% elif state == 'premium' %} d-none {% endif %}" id="webinar">

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

                    </div>
                    <div class="card-body slim-scroll mt-2">
                        {% for the_course in the_course %}
                        <form action="{% url 'edit_course' the_course.id  %}?form=webinar" 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="">Duration Per Day</label>
                                    <input type="number" class="form-control" name="duration"  value="{{the_course.duration}}">
                                </div>
                                <div class="form-group col-6">
                                    <label for="title" class="">Number of Days</label>
                                    <input type="number" class="form-control" name="number_of_days"  value="{{the_course.number_of_days}}">
                                    
                                </div>
                                <div class="form-group col-6">
                                    <label for="title" class="">Course Code</label>
                                    <input type="text" class="form-control" name="course_code" required value="{{the_course.course_code}}">
                                    <small>This is the course code for the course e.g ASH for Aspen Hysys</small>
                                </div>
                                <div class="form-group col-6">
                                    <label for="title" class="">Rating Stars</label>
                                    <input type="text" class="form-control" name="rating_star"  value="{{the_course.rating_star}}">
                                    <small>This is the rating number e.g 4.5</small>
                                    
                                </div>
                                <div class="form-group col-6">
                                    <label for="title" class="">Rating Number</label>
                                    <input type="number" class="form-control" name="rating_number"  value="{{the_course.rating_number}}">
                                    <small>This is the rating number e.g 200</small>
                                </div>
                                <div class="form-group col-6">
                                    <label for="title" class="">Course Price</label>
                                    <input type="number" class="form-control" name="price"  value="{{the_course.price}}">
                                </div>
                                <div class="form-group col-6">
                                    <label for="title" class="">Course Venue</label>
                                    <input type="text" class="form-control" name="venue"  value="{{the_course.venue}}">
                                </div>
                                <div class="form-group col-6">
                                    <label for="title" class="">Registration End Date</label>
                                    <input type="datetime-local" class="form-control" name="reg_end_date" value="{{the_course.reg_end_date}}">
                                    <small>{{the_course.reg_end_date}}</small>
                                </div>
                                <div class="form-group col-6">
                                    <label for="title" class="">Time for course per day</label>
                                    <input type="text" class="form-control" name="time"  value="{{the_course.time}}">
                                    <snmall>This is the time for the course per day e.g 01:00 - 03:00</small>
                                </div>
                                <div class="form-group col-6">
                                    <label for="title" class="">Training Software</label>
                                    <input type="text" class="form-control" name="training_software" value="{{the_course.training_software}}">
                                </div>
                                <div class="form-group col-6">
                                    <label for="title" class="">Course Start Date</label>
                                    <input type="date" class="form-control" name="course_start_date"  value="{{the_course.course_start_date}}">
                                </div>
                                <div class="form-group col-6">
                                    <label for="title" class="">Course End Date</label>
                                    <input type="date" class="form-control" name="course_end_date" value="{{the_course.course_end_date}}">
                                </div>
                                <div class="form-group col-6">
                                    <label for="title" class="">Course Tab</label>
                                    <select class="form-control" name="course_tab" >

                                        <option {% if the_course.course_tab == "Webinar" %} selected {% endif %}>Webinar</option>
                                        <option {% if the_course.course_tab == "Free" %} selected {% endif %}>Free</option>
                                        <option {% if the_course.course_tab == "Premium" %} selected {% endif %}>Premium</option>
                                    </select>
                                </div>
                    
                                <div class="form-group col-6">
                                    <label for="title" class="">Course Image</label>
                                    <input type="file" class="form-control" name="image" >
                                    <small>{% if the_course.image %}{{the_course.image.url}}{% endif %}</small>
                                </div>
                                <div class="form-group col-6">
                                    <label for="title" class="">Category</label>
                                    <select class="form-control" name="category" >

                                        <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>
                                </div>
                                <div class="form-group col-12">
                                    <label for="title" class="">Audience</label>
                                    <textarea class="form-control"  name="audience" rows="3">
                                    {% for aud in the_course.audience.all %}
                                    {{aud.audience}}
                                    {% endfor %}
                                    </textarea>
                                    <small>separate course audience with a comma</small>
                                </div>
                                <div class="form-group col-12">
                                    <label for="title" class="">Prerequisites</label>
                                    <textarea class="form-control"  name="prerequisites" rows="3">
                                    {% for aud in the_course.prerequisites.all %}{{aud.prerequesite}}{% endfor %}
                                    </textarea>
                                    <small>separate course Prerequisites with a comma</small>
                                </div>
                                <div class="form-group col-12">
                                    <label for="title" class="">Course Objectives</label>
                                    <textarea class="form-control"  name="course_objectives" rows="3">
                                    {% for aud in the_course.course_objectives.all %}{{aud.objective}}{% endfor %}
                                    </textarea>
                                    <small>separate course objectives with a comma</small>
                                </div>
                                <div class="form-group col-12">
                                    <label for="title" class="">Course Overview</label>
                                    <textarea class="form-control" name="overview" rows="3" >{{the_course.overview}}</textarea>
                                    
                                </div>
                                <div class="form-group col-12">
                                    <label for="title" class="">Video Link</label>
                                    <textarea class="form-control" name="video_link" rows="3" >{{the_course.video_link}}</textarea>
                                    <small>Embeded youtube link for the webinar intro</small>
                                </div>
                                <div class="form-group col-12">
                                    <label for="title">Meta</label>
                                    <textarea placeholder="write full blog content here" class="form-control"
                                        name="meta_tag" >{{the_course.meta_tag}}</textarea>
                                </div>
                                <div class="form-group col-6">
                                    <label for="title" class="">Activate Course</label>
                                    <input type="checkbox" class="" name="active_course" {% if the_course.active_course %} checked {% endif %}>
                                </div>
                                <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>
                        </form>
                    {% endfor %}
                    </div>
                    
                </div>
            </div>


<div class="col-12 {% if state == 'webinar' %} d-none {% elif state == 'free' %} d-none {% endif %}" id="free">
                <!-- Top Sell Table -->
                <div class="card card-table-border-none" data-scroll-height="">
                {% for the_course in the_course %}
                    <div class="card-header">
                        <h4>Update {{the_course.title}}</h4>

                    </div>
                    <div class="card-body slim-scroll mt-2">
                        <form action="{% url 'edit_course' the_course.id  %}?form=free" 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="">Course Tab</label>
                                    <select class="form-control" name="course_tab" >

                                        <option {% if the_course.course_tab == "Webinar" %} selected {% endif %}>Webinar</option>
                                        <option {% if the_course.course_tab == "Free" %} selected {% endif %}>Free</option>
                                        <option {% if the_course.course_tab == "Premium" %} selected {% endif %}>Premium</option>
                                    </select>
                                    
                                </div>
                                
                                <div class="form-group col-6">
                                    <label for="title" class="">Video Duration</label>
                                    <input type="text" class="form-control" name="vid_duration" value="{{the_course.video.duration}}">
                                </div>
                                
                                <div class="form-group col-6">
                                    <label for="title" class="">Training Software</label>
                                    <input type="text" class="form-control" name="training_software" value="{{the_course.training_software}}">
                                </div>
                                
                                <div class="form-group col-6">
                                    <label for="title" class="">Course Files</label>
                                    <input type="file" class="form-control" name="files" >
                                    <small>{% if the_course.files %}{{the_course.files.url}}{% endif %}</small>
                                </div>
                
                                 <div class="form-group col-6">
                                    <label for="title" class="">Big Image</label>
                                    <input type="file" class="form-control" name="thubmnail" required>
                                    <small>{% if the_course.thubmnail %}{{the_course.thubmnail.url}}{% endif %}</small>
                                </div>

                                <div class="form-group col-6">
                                    <label for="title" class="">Small Image</label>
                                    <input type="file" class="form-control" name="sm_thubmnail" required>
                                    <small>{% if the_course.sm_thubmnail %}{{the_course.sm_thubmnail.url}}{% endif %}</small>
                                </div>
                                
                                <div class="form-group col-12">
                                    <label for="title" class="">Course Overview</label>
                                    <textarea class="form-control" name="overview" rows="3" >{{the_course.overview}}
                                    </textarea>
                                </div>
                                <div class="form-group col-12">
                                    <label for="title" class="">Video Link</label>
                                    <textarea class="form-control" name="video_link" rows="3" >{{the_course.video_link}}
                                    </textarea>
                                    <small>Embeded youtube link for the free cpourse</small>
                                </div>
                                <div class="form-group col-12">
                                    <label for="title">Meta</label>
                                    <textarea placeholder="write full blog content here" class="form-control"
                                        name="meta_tag">{{the_course.meta_tag}}
                                    </textarea>
                                    
                                </div>
                                <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>
                        </form>

                    </div>
                {% endfor %}
                </div>
            </div>











{% endblock content %}