{% extends "lms/templates/lms_base.html" %}
{% block title %}
    {{  course.title if course and course.title else _("New Course") }}
{% endblock %}

{% block content %}
<main class="common-page-style">
    <div class="container">
        <div class="page-title"> {{ _("Course Details") }} </div>
        <div class="mt-10">
            <div>
                <div class="course-title">
                    <div class="field-label">
                        {{ _("Title") }}
                    </div>
                    <div class="field-description">
                        {{ _("Something Short and Concise") }}
                    </div>
                </div>
                <div class="">
                    <input type="text" class="field-input">
                </div>
            </div>
            <div>
                <div class="course-title">
                    <div class="field-label">
                        {{ _("Short Introduction") }}
                    </div>
                    <div class="field-description">
                        {{ _("A one line breif description") }}
                    </div>
                </div>
                <div class="">
                    <div type="text" class="field-input"></div>
                </div>
            </div>
            <div>
                <div class="course-title">
                    <div class="field-label">
                        {{ _("Tags") }}
                    </div>
                    <div class="field-description">
                        {{ _("Add suitable tags") }}
                    </div>
                </div>
                <div class="tags field-input">
                    <input type="text" class="invisible-input" id="tags-input">
                </div>
            </div>
            <div>
                <div class="course-title">
                    <div class="field-label">
                        {{ _("Course Image") }}
                    </div>
                    <div class="field-description">
                        {{ _("Add an appropriate image") }}
                    </div>
                </div>
                <div class="">
                    <input type="file" class="field-input" id="image">
                </div>
                <img>
            </div>

            <div>
                <div class="course-title">
                    <div class="field-label">
                        {{ _("Course Description") }}
                    </div>
                    <div class="field-description">
                        {{ _("Add a detailed description") }}
                    </div>
                </div>
                <input id="course-description" class="field-input">
            </div>

        </div>
    </div>
</main>
{% endblock %}