{% include 'AdminTemplates/adminDash.html' %} {% load static %}
{% block body %}
<div class="page-wrapper">
    <div class="content">
        <div class="page-header">
            <div class="page-title">
                <h4>Edit Category</h4>
                <h6>Edit Category Page</h6>
            </div>
        </div>

        {% if edit_saved %}
        <span style="color: green;">{{edit_saved}}</span>
        {% endif %}

        <div class="card">

            {% for i in banners %}
            <div class="card-body">
                <form action="{% url 'edit_category_form' i.id %}" method="POST" enctype="multipart/form-data">
                    {% csrf_token %}
                    <div class="row">
                        <div class="col-lg-6 col-sm-6 col-12">
                            <div class="form-group">
                                <label>Category Name</label>
                                <input type="text" value="{{i.category_name}}" name="cat_name">
                            </div>
                        </div>
                        <div class="col-lg-6 col-sm-6 col-12">
                            <div class="form-group">
                                <label>Parent Category Name</label>
                                <select class="form-control" name="pc" id="pc">
                                    <option value="current">Current (add current as parent category)</option>
                                    {% if i.parent_category.category_name == None %}
                                        <option value="none" selected disabled hidden>Select a Parent Category</option>
                                    {% else %}
                                        <option value="{{ i.parent_category.id }}" selected>{{ i.parent_category.category_name }}</option>
                                    {% endif %}
                                    {% for cat in newOptions %}
                                        {% if cat.id != i.parent_category.id %}
                                            <option value="{{ cat.id }}">{{ cat }}</option>
                                        {% endif %}
                                    {% endfor %}
                                </select>
                            </div>
                        </div>
                        



                        <div class="col-lg-12">
                            <div class="form-group">
                                <label>Description</label>
                                <textarea class="form-control" name="cat_desc">{{i.description}}</textarea>
                            </div>
                        </div>

                        <div class="col-lg-12">
                            <div class="form-group">
                                <label>META Tags</label>
                                <input type="text" value="{{i.meta_tags}}" name="meta_tags">
                            </div>
                        </div>
                        <div class="col-lg-12">
                            <div class="form-group">
                                <label>META Description</label>
                                <textarea class="form-control" name="meta_description">{{i.meta_description}}</textarea>
                            </div>
                        </div>
                        <div class="col-12">
                            <div class="product-list">
                                <ul class="row">
                                    <li class="ps-0">
                                        <div class="productviews">
                                            <div class="productviewsimg">
                                                <img src="{{i.category_image.url}}" alt="img">
                                            </div>
                                            <div class="productviewscontent">
                                                <div class="productviewsname">
                                                    <h2>{{raw_name}}</h2>
                                                    <h3>{{raw_mb_size}} bytes</h3>
                                                </div>
                                                <a class="hideset">X</a>
                                            </div>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="col-lg-12">
                            <div class="form-group">
                                <label> Category Image</label>
                                <div class="image-upload">
                                    <input type="file" name="cat_img" value="{{i.category_image.url}}">
                                    <div class="image-uploads">
                                        <img src="{% static 'assets/img/icons/upload.svg' %}" alt="img">
                                        <h4>Drag and drop a file to upload</h4>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-12">
                            <button type="submit" class="btn btn-submit me-2">save changes</button>
                            <a href="{% url 'categoryList' %}" class="btn btn-cancel">Cancel</a>
                        </div>
                    </div>
                </form>
            </div>

            {% endfor %}
        </div>

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