tp_servicedesk/ui/views/ticket/create.html

<h1 class="title">Create Ticket Form</h1>


<form action="/ticket/create" method="POST">

    <bulma type="H_FIELD_INPUT" label="Title:" name="title" value=""></bulma>
    <bulma type="H_FIELD_INPUT" label="Created At:" name="created_at" value=""></bulma>
    <bulma type="H_FIELD_TEXTAREA" label="Description:" name="description" value=""></bulma>

    <!-- TODO implement priority and status -->
    <bulma type="H_FIELD_SELECT" label="Priority:" name="priority" options="['Low', 'Medium', 'High']" selected="Medium"></bulma>
    <bulma type="H_FIELD_SELECT" label="Status:" name="status" options="['New', 'In Progress', 'On Hold', 'Completed']" selected="New"></bulma>

    <!-- custom fields -->
    <hr>
    <div class="block">
        <div class="field is-grouped is-grouped-right">
            <div class="control">
                <label class="label">Key:</label>
                <input class="input" type="text" name="meta_key[]" placeholder="eg. Department">
            </div>
            <div class="control">
                <label class="label">Value:</label>
                <input class="input" type="text" name="meta_value[]" placeholder="eg. Finance">
            </div>
        </div>
        <div class="field is-grouped is-grouped-right">
            <div class="control">
                <label class="label">Key:</label>
                <input class="input" type="text" name="meta_key[]" placeholder="eg. Category">
            </div>
            <div class="control">
                <label class="label">Value:</label>
                <input class="input" type="text" name="meta_value[]" placeholder="eg. Urgent">
            </div>
        </div>
    </div>

    <div class="field is-grouped is-grouped-right">
        <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>
</form>