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

<!-- Begin Page Content -->
<title>Kila Kolis | Terms & Conditions</title>
<div class="content-wrapper">
    <div class="inner-content">
        
        <!-- Page Heading -->
        <div class="top-bar mb-4 d-flex justify-content-between">
            <div class="left-side-bar">
                <h2 class="f-20 bold">Terms & Conditions</h2>
            </div>
        </div>
    
        <div class="product-add-data terms 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-12">
                            <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-12">
                            <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 dark-btn" 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>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.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>

<script type="text/javascript">
jQuery(function($) {
  var path = window.location.href; 
  // because the 'href' property of the DOM element is the absolute path
  $('ul a').each(function() {
    if (this.href === path) {
      $(this).addClass('active');
    }
  });
});
</script>
{% endblock %}