{% extends 'admin_base_layout.html' %}
{% load static %}
{% block content %}

<!-- Begin Page Content -->
<title>Investment Edu | Terms & Conditions</title>
<div class="container-fluid">
    <div class="inner-content">
        <!-- Page Heading -->
        <div class="top-bar mb-4 d-flex justify-content-between">
            <div class="left-side-bar">
                <h1 class="f-20 mb-0">Terms & Conditions</h1>
            </div>
        </div>
    
        <div class="product-add-data mt-4">
            <div class="card space">
                <form class="add-prdcts-form privacy-policy" method="POST" action='/terms-and-conditions' id='terms-and-conditions' enctype="multipart/form-data">
                    {% csrf_token %}
                    <div class="row">
                        <div class="col-12 col-md-10 m-auto">
                            <div class="form-group mb-4">                  
                                <label for="name" class="col-form-label">Page Title</label>                
                                <input type="text" class="form-control" name="title" id="title" placeholder="Page Title" value="{{cont_obj.title}}" maxlength="250">              
                            </div>
                        </div>   
                        <div class="col-12 col-md-10 m-auto">
                            <div class="form-group mb-4">                  
                                <label for="name" class="col-form-label">Description</label>                
                                 <textarea class= 'ckeditor' type="texteditor" name="content" id="content">{{cont_obj.content}}</textarea>
                                 <div id="errorContainer" class="errorContainer" style="color: red;"></div>
                            </div>
                        </div>                            
                        <div class="form-footer text-center mt-4">
                            <button type="submit" class="btn btn-primary" onclick="validateForm()">Submit</button>
                        </div>
                </form>
            </div>
        </div>
    </div>
</div>
<!-- /.container-fluid -->
<script src="https://cdn.ckeditor.com/4.11.1/standard/ckeditor.js"></script>z
<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 %}