<div class="modal modal-sm" id="search-modal"><a class="modal-overlay" href="#close" aria-label="Close"></a>
    <div class="modal-container" role="document">
        <div class="modal-header"><a class="btn btn-clear float-right" href="#close" aria-label="Close"></a>
            <div class="modal-title h5">Search Ghosts</div>
        </div>
        <div class="modal-body">
            <div class="content">
                <form method="get" , action="/ghosts">
                    <div class="form-group">
                        <label class="form-label" for="search_string">
                            <h6>Search Term</h6>
                        </label>
                        <input class="form-input" id="search_string" name="initial" type="text"
                            placeholder="Type a string here">
                    </div>
                </form>
            </div>
        </div>
        <div class="modal-footer">
            <button class="btn btn-primary">Search</button>
        </div>
    </div>
</div>
