Creating Fleet-Ops order...

{{this.completedMessage}} {{this.orderReference}}

Order type {{#if this.isEditingOrderType}} {{or model.name model.key}} {{else}} {{this.orderTypeLabel}} {{/if}}

Schedule {{#if this.isEditingSchedule}} {{else}} {{#if this.draft.scheduled_at}} {{format-date-fns this.draft.scheduled_at "yyyy-MM-dd HH:mm" fallback=this.scheduledAtLabel}} {{else}} {{this.scheduledAtLabel}} {{/if}} {{/if}}

Pickup {{#if this.isEditingPickup}}

{{else}} {{this.pickupLabel}} {{/if}}

Dropoff {{#if this.isEditingDropoff}}

{{else}} {{this.dropoffLabel}} {{/if}}

Driver {{#if this.isEditingDriver}} {{driver.name}} {{else}} {{this.driverLabel}} {{/if}}

Vehicle {{#if this.isEditingVehicle}} {{or vehicle.display_name vehicle.name vehicle.plate_number}} {{else}} {{this.vehicleLabel}} {{/if}}

Notes {{#if this.isEditingNotes}}

{{else}}
                        <strong>{{this.notesLabel}}</strong>
                    {{/if}}
                </div>
                <Button
                    @icon={{if this.isEditingNotes "check" "pen"}}
                    @helpText={{if this.isEditingNotes "Done" "Edit notes"}}
                    @wrapperClass="fleetbase-ai-create-order-preview__edit-wrapper"
                    class="fleetbase-ai-create-order-preview__edit-button"
                    @onClick={{if this.isEditingNotes this.closeEditor (fn this.editField "notes")}}
                />
            </div>
        </div>

<div class="fleetbase-ai-create-order-preview__toggles">
            <div class="fleetbase-ai-create-order-preview__toggle-row">
                <Toggle @isToggled={{this.draft.pod_required}} @onToggle={{this.setPodRequired}} @label="Require POD" />
                {{#if this.draft.pod_required}}
                    {{#if this.isEditingPodMethod}}
                        <select class="fleetbase-ai-create-order-preview__inline-native-select" value={{this.draft.pod_method}} {{on "change" this.setPodMethodFromEvent}}>
                            {{#each this.podMethods as |method|}}
                                <option value={{method}} selected={{eq method this.draft.pod_method}}>{{this.titleize method}}</option>
                            {{/each}}
                        </select>
                    {{else}}
                        <button type="button" class="fleetbase-ai-create-order-preview__inline-pill" {{on "click" (fn this.editField "podMethod")}}>
                            {{this.podMethodLabel}}
                            <FaIcon @icon="pen" />
                        </button>
                    {{/if}}
                {{/if}}
            </div>
            <div class="fleetbase-ai-create-order-preview__toggle-row">
                <Toggle @isToggled={{this.draft.dispatched}} @onToggle={{this.setDispatched}} @label="Dispatch after create" />
            </div>
        </div>

{{#if this.hasMissingFields}}
            <div class="fleetbase-ai-action-list">
                <div class="fleetbase-ai-action-list-title">Required before apply</div>
                <ul>
                    {{#each this.missingFields as |field|}}
                        <li>{{field}}</li>
                    {{/each}}
                </ul>
            </div>
        {{/if}}

<div class="fleetbase-ai-create-order-preview__controls">
            <Button
                @type="primary"
                @size="sm"
                @icon="check"
                @text="Create order"
                @disabled={{this.isApplyDisabled}}
                @isLoading={{@isApplying}}
                @onClick={{this.apply}}
            />
            <Button @size="sm" @icon="xmark" @text="Cancel" @disabled={{@isCancelling}} @onClick={{this.cancel}} />
            {{#if this.refreshPreview.isRunning}}
                <span class="fleetbase-ai-create-order-preview__refreshing">Updating preview...</span>
            {{/if}}
        </div>
    {{/if}}
</div>