
<div id="subFormModal" class="modal fade" tabindex="-1">
    <div class="modal-dialog">
        <div class="modal-content">
            <form id="subForm" class="mb-0" novalidate>
                <div class="modal-header">
                    <h5 class="modal-title">
                        Add Subscription
                    </h5>
                </div>
                <div class="modal-body">
                    <div class="mb-3">
                        <label for="subName" class="form-label">Name</label>
                        <input type="text" id="subName" name="subName" class="form-control" placeholder="BBC News · Top Stories">
                    </div>
                    <div class="mb-3">
                        <label for="subUrl" class="form-label">URL</label>
                        <input type="text" id="subUrl" name="subUrl" class="form-control" placeholder="http://feeds.bbci.co.uk/news/rss.xml">
                        <div class="form-text">Must point to a valid <a href="https://en.wikipedia.org/wiki/RSS" class="text-decoration-none">RSS</a> feed.</div>
                    </div>
                    <div>
                        <label for="subExtraNotes" class="form-label">Extra Notes</label>
                        <textarea id="subExtraNotes" name="subExtraNotes" class="form-control" placeholder="Articles from the front page of the BBC."></textarea>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="submit" class="btn btn-primary">Submit</button>
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
                </div>
            </form>
        </div>
    </div>
</div>