<div class="modal fade" id="btnRemoveLots" tabindex="-1" style="display: none;" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">

      <div class="modal-header">
        <h5 class="modal-title">Delete Lot</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>

        <div class="modal-body">
            Are you sure that you want to delete lot <strong>{{ lot.name }}</strong>?
            <p class="text-danger">
              This action cannot be undone.
            </p>
        </div>

        <div class="modal-footer">
          <button type="button" class="btn btn-secondary-outline" data-bs-dismiss="modal">Cancel</button>
          <a href="{{ url_for('inventory.lot_del', id=lot.id)}}" type="button" class="btn btn-danger">
            Delete it!
          </a>
        </div>

    </div>
  </div>
</div>