tp_servicedesk/app/ui/views/ticket/create.html

<!-- Ticket - View -->
<!-- made to look more in line with view-->
<form action="/ticket/create" method="POST">
    {{ \CSRFHelper::field() | raw }}
    <div class="is-flex">
        <div class="is-flex-grow-1">
            <bulma type="FIELD_INPUT" name="title" value="" class="mr-3"></bulma>
        </div>
        <div class="field is-grouped">
            <div class="control">
                <a class="button is-secondary" href="/tickets">Cancel</a>
            </div>
            <div class="control">
                <button class="button is-primary" type="submit">Create Ticket</button>
            </div>
        </div>
    </div>

    <hr>
    <div class="block">
        <div class="columns">
            <div class="column is-two-thirds">

                <div class="block">
                    <bulma type="FIELD_INPUT" name="created_at" value="" label="Created At:"></bulma>
                </div>

                <div class="tabs">
                    <ul>
                        <li class="is-active">
                            <a data-tab="write"><span class="icon is-small">
                                    <i class="fas fa-pen" aria-hidden="true"></i></span><span>Write</span>
                            </a>
                        </li>
                        <li>
                            <a data-tab="preview"><span class="icon is-small">
                                    <i class="fas fa-magnifying-glass"
                                        aria-hidden="true"></i></span><span>Preview</span>
                            </a>
                        </li>
                    </ul>
                </div>

                <div id="tab-write" class="tab-content block">
                    <bulma type="FIELD_TEXTAREA" name="description" value="" rows="20"></bulma>
                </div>
                <div id="tab-preview" class="tab-content content">
                    <div id="preview-output"></div>
                </div>

            </div>

            <div class="column">



                <bulma type="FIELD_SELECT" label="Priority:" name="priority_id" options="{{@priorities}}"
                    option_value="id" option_name="name" selected="0"></bulma>

                <bulma type="FIELD_SELECT" label="Status:" name="status_id" options="{{@statuses}}" option_value="id"
                    option_name="name" selected="0"></bulma>

                <bulma type="FIELD_SELECT" label="Assigned User:" name="assigned_to" options="{{@users}}"
                    option_value="id" option_name="display_name" selected="0"></bulma>

                <!-- field select multiple (TODO: move this to a custom bulma tag)-->
                <div class="field">
                    <label class="label">Tags</label>
                    <div class="control">
                        <div class="select is-multiple" style="width:100%">
                            <select name="tags[]" multiple size="5" style="width:100%">
                                <repeat group="{{ @all_tags }}" value="{{@tag_option}}">
                                    <option value="{{ @tag_option.id}}">{{ @tag_option.name }}</option>
                                </repeat>
                            </select>
                        </div>
                        <p class="help">Hold Ctrl to select multiple.</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</form>