{% 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;">{{field}}:{{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 Blog</h4>

                    </div>
                    <div class="card-body slim-scroll mt-2">
                       <form action="{% url 'edit_projects' the_project.id %}" method="post" enctype="multipart/form-data">
                            {% csrf_token %}
                            <div class="row">
                                <div class="form-group col-6">
                                    <label for="title" class="">Project Title</label>
                                    <input type="text" class="form-control" name="project_title" value = "{{the_project.project_title}}">
                                </div>
                                <div class="form-group col-6">
                                    <label for="title" class="">Project Full Name</label>
                                    <input type="text" class="form-control" name="project_full_name" value = "{{the_project.project_full_name}}">
                                </div>
                                <div class="form-group col-6">
                                    <label for="title" class="">Country</label>
                                    <input type="text" class="form-control" name="country" value = "{{the_project.country}}">
                                </div>
                                <div class="form-group col-6">
                                    <label for="title" class="">Project Nature</label>
                                    <select class="form-control" name="project_nature">
                                        <option {% if the_project.project_nature == "Full execution"%} selected {% endif %}>Full execution</option>
                                        <option {% if the_project.project_nature == "Project assistance"%} selected {% endif %}>Project assistance</option>
                                    </select>
                                </div>
                               <div class="form-group col-6">
                                    <label for="title" class="">Projet Type</label>
                                    <input type="text" class="form-control" name="project_type" value = "{{the_project.project_type}}">
                                </div>
                                <div class="form-group col-6">
                                    <label for="title" class="">Project Scope</label>
                                    <input type="text" class="form-control" name="project_scope" value = "{{the_project.project_scope}}">
                                </div> 
                                <div class="form-group col-6">
                                    <label for="title" class="">Project Small Image</label>
                                    <input type="file" class="form-control" name="image" >
                                    <small>{% if the_project.image %}{{the_project.image.url}}{% endif %}</small>
                                </div>
                                <div class="form-group col-6">
                                    <label for="title" class="">Project Big Image</label>
                                    <input type="file" class="form-control" name="detail_image">
                                    <small>{% if the_project.detail_image %}{{the_project.detail_image.url}}{% endif %}</small>
                                </div>
                                <div class="form-group col-6">
                                    <label for="title" class="">Project Duration</label>
                                    <input type="text" class="form-control" name="project_duration" placeholder="1 Month" value = "{{the_project.project_duration}}">
                                </div> 
                                <div class="form-group col-6">
                                    <label for="title" class="">Project Completion Date</label>
                                    <input type="text" class="form-control" name="project_completion_date" placeholder="June, 2021" value = "{{the_project.project_completion_date}}">
                                </div> 
                            
                                <div class="form-group col-12">
                                    <label for="title">Meta</label>
                                    <textarea class="form-control" name="meta">{{the_project.meta}}"</textarea>
                                    <div class="form-group col-6 mt-3 px-0">
                                    <label for="title" class="">Executed</label>
                                    <input type="checkbox" class="" name="executed">
                                </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>

                            </div>
                        </form>

                    </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 %}