{% extends 'admin_base_layout.html' %}
{% load static %}
{% block content %}
<title>Kila-Kolis | FAQ Edit</title>
<div class="main-content pt-0">
	<div class="content-wrapper">
        <div class="row">
            <div class="col-12 col-md-12">
                <h2 class="f-22 mb-0 bold">Edit FAQ</h2>
                <p class="gray f-14 mb-2">Welcome to Kila-Kolis</p>
            </div>         
        </div>
        <div class="row new-user-table bookings mt-3">
            <div class="col-12 col-md-12">
                <div class="card addService fortune dashboard-card addfaq faq-card">
                    <form class="row g-3" action="/edit-faq/{{faq_obj.id}}" id="add-faq" method="POST">
                    {% csrf_token %}
                    <!-- <div class="row">
                        <div class="col-12 col-md-12">
                            <label class="col-form-label">Type</label>
                          <select class="form-select" aria-label="Default select example" name="type">
                          <option selected disabled>Select Type</option>
                          <option value="user" {% if faq_obj.type == "user"%} selected {% endif %}>User</option>
                          <option value="trainer" {% if faq_obj.type == "trainer"%} selected {% endif %}>Trainer</option>
                          </select>
                      </div> -->
                        <div class="col-12 col-md-12">
                            <label class="col-form-label">Title</label>
                            <input type="text" placeholder="Title" name="title" class="form-control" value="{{ faq_obj.title }}" maxlength="100">
                        </div>
                        <div class="col-12 col-md-12">
                            <label class="col-form-label">Description</label>
                            <textarea class="ckeditor form-control"  type="texteditor" name="content" id="content">{{ faq_obj.content }}</textarea>
                            <div id="errorContainer" class="errorContainer" style="color: red;"></div>
                        </div>
                        <div class="col-12">
                            <div class="save-btn text-center mt-4">
                                <button type="submit" class="dark-btn" onclick="validateForm()">Update FAQ</button>
                            </div>
                        </div>
                    </div>
                    </form>
                </div>
            </div>
        </div>
	</div>
</div>

{%endblock%}

{%block js%}

<script src="https://cdn.ckeditor.com/4.11.1/standard/ckeditor.js"></script>
<script>
function validateForm() {
  var content = CKEDITOR.instances.content.getData().trim();

  if (content === '') {
    $('#errorContainer').text("Please fill in the content field.").show();
    return false;
  } else {
    $('#errorContainer').hide();
  }
}

</script>


{% endblock %}