<!-- Custom Modal -->
<div class="modal-header">
  <h4 class="modal-title">Custom Modal</h4>
  <button type="button" class="close" data-dismiss="modal">&times;</button>
</div>
<div class="modal-body">
  <!-- Morning Task -->
  <!-- Morning Task Section -->
  <div class="col-md-12 mb-2">
    <h4 class="text-center " style="font-weight: 800;margin-top: 30px;">Morning List</h4>
  </div>
  <div id="morning-section">

    <div id="morning-task-list" class="mt-2 connected-task-list"></div>

    <button class="btn btn-primary show-form-btn" data-type="morning">Add Morning List</button>

    <div id="morning-form" style="display: none;" class="mt-2">
      <input type="text" class="form-control mb-1" id="morning-input" placeholder="Enter Morning Task">
      <div id="morning-error" class="text-danger mt-1" style="display:none;"></div>
      <button class="btn btn-success save-task-btn" style="margin-top:15px;" data-type="morning">Add List</button>
      <button class="btn btn-secondary cancel-task-btn" style="margin-top:15px;" data-type="morning">Cancel</button>
    </div>
  </div>

  <hr>

  <!-- Evening Task Section -->
  <div class="col-md-12 mb-2">
    <h4 class="text-center " style="font-weight: 800;">EOD List</h4>
  </div>
  <div id="evening-section">

    <div id="evening-task-list" class="mt-2 connected-task-list"></div>

    <button class="btn btn-primary show-form-btn" data-type="evening">Add EOD List</button>

    <div id="evening-form" style="display: none;" class="mt-2">
      <input type="text" class="form-control mb-1" id="evening-input" placeholder="Enter Evening Task">
      <div id="evening-error" class="text-danger mt-1" style="display:none;"></div>
      <button class="btn btn-success save-task-btn" style="margin-top:15px;" data-type="evening">Add List</button>
      <button class="btn btn-secondary cancel-task-btn" style="margin-top:15px;" data-type="evening">Cancel</button>
    </div>

  </div>

</div>
<!-- Modal Footer -->
<div class="modal-footer">
  <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>