<!-- Modal -->
<div class="modal fade"  id="heading_blockModal" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
  <div class="modal-dialog" >
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title fw-bold">Update Heading</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
    </div>
      
      <div class="modal-body">
        <form method="POST" id="edit-heading-form" enctype="multipart/form-data">
        <?= csrf_field(); ?>
        <input type="hidden" name="post_id">
        <input type="hidden" name="id">
            <div class="row mb-3">
                <div class="col-lg-12 col-md-12 col-sm-12">
                    <label class="form-label fw-bold" for="heading">Add Heading</label>
                    <input type="text" name="heading" placeholder="Add heading here" class="form-control mb-2" id="heading">
                </div>
                <div class="col-lg-8 col-md-8 col-sm-8 col-6 align-self-center">
                    <select name="heading_type" class="form-select mb-2">
                        <option value="H1">Heading 1 </option>
                        <option value="H2">Heading 2 </option>
                        <option value="H3" selected>Heading 3 </option>
                        <option value="H4">Heading 4</option>
                        <option value="H5">Heading 5</option>
                        <option value="H6">Heading 6</option>
                    </select>
                </div>
                <div class="col-lg-4 col-md-4 col-sm-4 col-4 align-self-center">
                    <input type="color" name="color" placeholder="Select color" class="form-control mb-2">
                </div>
            </div>
        </form>                  
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-bs-dismiss="modal">Close</button>
        <button type="button" onclick="update_headingblock()" class="btn btn-outline-danger d-block w-50 stbtn" >Add Heading</button>
      </div>
    </div>
    
  </div>
</div>
<!-- End of Post Block Modal !-->