<vn-watcher
    vn-id="watcher"
    url="TicketRequests"
    data="$ctrl.ticketRequest"
    insert-mode="true"
    form="form">
</vn-watcher>
<form name="form" ng-submit="$ctrl.onSubmit()" class="vn-ma-md">
    <div class="vn-w-md">
        <vn-card class="vn-pa-lg">
            <vn-horizontal>
                <vn-textfield
                    label="Description"
                    ng-model="$ctrl.ticketRequest.description"
                    rule
                    vn-focus>
                </vn-textfield>
                <vn-autocomplete
                    label="Buyer"
                    ng-model="$ctrl.ticketRequest.attenderFk"
                    url="TicketRequests/getItemTypeWorker"
                    show-field="nickname"
                    search-function="{firstName: $search}">
                </vn-autocomplete>
            </vn-horizontal>
            <vn-horizontal>
                <vn-input-number
                    label="Quantity" 
                    ng-model="$ctrl.ticketRequest.quantity"
                    min="1"
                    rule>
                </vn-input-number>
                <vn-input-number
                    label="Price"
                    ng-model="$ctrl.ticketRequest.price"
                    step="0.01"
                    min="0"
                    rule>
                </vn-input-number>
            </vn-horizontal>
        </vn-card>
        <vn-button-bar>
            <vn-submit
                disabled="!watcher.dataChanged()"
                label="Create">
            </vn-submit>
            <vn-button
                class="cancel"
                label="Cancel"
                ui-sref="ticket.card.request.index">
            </vn-button>
        </vn-button-bar>
    </div>
</form>