{{t "service-rate.fields.distance"}}	{{t "service-rate.fields.fee"}}
{{rateFee.distance}}-{{add rateFee.distance 1}} {{@resource.max_distance_unit}}

{{t "service-rate.fields.min-drop"}}	{{t "service-rate.fields.max-drop"}}	{{t "service-rate.fields.fee"}}

Label	Geography Type	Geography	Priority	Rate	Unit
	{{type.label}}	{{#if (eq rateFee.geography_type "zone")}} {{zone.name}} {{else if (eq rateFee.geography_type "fallback")}} Unmatched route distance {{else}} {{serviceArea.name}} {{/if}}			{{unit.label}}
No geographic pricing rules defined

(
                            {{@resource.per_meter_flat_rate_fee}}
                            * {distance}
                            {{@resource.per_meter_unit}}
                            ) +
                            {{or @resource.base_fee (format-currency 0 @resource.currency)}}

{{else if @resource.isAlgorithm}} Define a custom formula for this service rate using variables wrapped in a single pair of curly braces.

{distance}, {distance_m}, {distance_km}, {distance_mi}: route distance in meters, kilometers, or miles.
{time}, {time_s}, {time_min}: route time in seconds or minutes.
{stops}: total service stops including pickup, dropoff, and intermediate waypoints.
{waypoints}: intermediate waypoint count only.
{parcels}, {entities}: parcel count and total payload entity count.
{weight}, {weight_kg}, {weight_g}, {weight_lb}, {weight_oz}, {weight_tonne}, {weight_t}: total entity weight converted across supported units.
{base_fee}: the configured base fee for this service rate.
Supported functions: max(a,b), min(a,b), ceil(x), floor(x), round(x).

{{t "service-rate.fields.example"}} 1

Charge by distance in miles after the first 15 miles, plus the base fee.

max({distance_mi} - 15, 0) * 5 + {base_fee}

{{t "service-rate.fields.example"}} 2

Charge extra for stops after the first 2 service stops.

max({stops} - 2, 0) * 10 + {base_fee}

{{t "service-rate.fields.example"}} 3

Combine waypoint, payload weight, and distance surcharges in one formula.

max({waypoints}, 0) * 15 + max({weight_kg} - 100, 0) * 0.25 + max({distance_km} - 25, 0) * 0.5 + {base_fee}

</InputGroup>
        </ContentPanel>
    {{else if @resource.isParcelService}}
        <ContentPanel @title={{t "service-rate.fields.percel-fee-title"}} @open={{true}} @wrapperClass="bordered-top">
            <div class="space-y-2">
                {{#each @resource.parcelFees as |parcelFee|}}
                    <div class="dark:text-gray-100">
                        <div class="grid grid-cols-7">
                            <div class="flex flex-col items-start justify-start pt-3">
                                <img src="/engines-dist/images/boxes/{{parcelFee.size}}.png" alt="parcel size {{parcelFee.size}}" width="44" class="w-11" />
                                <label class="mt-2">{{humanize parcelFee.size}}</label>
                            </div>
                            <div class="col-span-6 dimensions-box space-x-2">
                                <div class="grid grid-cols-4 gap-2 px-2">
                                    <InputGroup
                                        @name={{t "service-rate.fields.length-label"}}
                                        @type="tel"
                                        @value={{parcelFee.length}}
                                        @inputClass="form-input-sm"
                                        disabled={{cannot-write @resource}}
                                        placeholder={{t "service-rate.fields.length-placeholder" htmlSafe=true parcelFeeDimension=@parcelFee.dimension_unit}}
                                    />

<InputGroup @name={{t "service-rate.fields.deminsions-unit"}}>
                                        <div class="fleetbase-model-select fleetbase-power-select ember-model-select">
                                            <PowerSelect
                                                @options={{get-fleet-ops-options "dimensionUnits"}}
                                                @selected={{find-by "value" parcelFee.dimensions_unit (get-fleet-ops-options "dimensionUnits")}}
                                                @onChange={{set-model-attr parcelFee "dimensions_unit"}}
                                                @placeholder={{t "service-rate.fields.select-unit-placeholder"}}
                                                @triggerClass="form-select form-input form-input-sm"
                                                @disabled={{cannot-write @resource}}
                                                as |status|
                                            >
                                                <div class="text-sm">
                                                    <div class="font-semibold normalize-in-trigger">{{status.label}}</div>
                                                    <div class="hide-from-trigger">{{status.description}}</div>
                                                </div>
                                            </PowerSelect>
                                        </div>
                                    </InputGroup>

<InputGroup @name={{t "service-rate.fields.weight-unit"}}>
                                        <div class="fleetbase-model-select fleetbase-power-select ember-model-select">
                                            <PowerSelect
                                                @options={{get-fleet-ops-options "weightUnits"}}
                                                @selected={{find-by "value" parcelFee.weight_unit (get-fleet-ops-options "weightUnits")}}
                                                @onChange={{set-model-attr parcelFee "weight_unit"}}
                                                @placeholder={{t "service-rate.fields.select-unit-placeholder"}}
                                                @triggerClass="form-select form-input form-input-sm"
                                                @disabled={{cannot-write @resource}}
                                                as |status|
                                            >
                                                <div class="text-sm">
                                                    <div class="font-semibold normalize-in-trigger">{{status.label}}</div>
                                                    <div class="hide-from-trigger">{{status.description}}</div>
                                                </div>
                                            </PowerSelect>
                                        </div>
                                    </InputGroup>

<InputGroup @name={{t "service-rate.fields.additional-fee"}} @wrapperClass="col-span-2">
                                        <MoneyInput class="w-full form-input-sm" @currency={{@resource.currency}} @value={{parcelFee.fee}} disabled={{cannot-write @resource}} />
                                    </InputGroup>
                                </div>
                            </div>
                        </div>
                    </div>
                {{/each}}
            </div>
        </ContentPanel>
    {{/if}}

{{#if @resource.has_cod_fee}}
            <div class="grid grid-cols-1 lg:grid-cols-2 gap-2 mt-2">
                <InputGroup @name={{t "service-rate.fields.calculation-method-label"}} @helpText={{t "service-rate.fields.calculation-method-help-text"}} @required={{true}}>
                    <div class="fleetbase-model-select fleetbase-power-select ember-model-select">
                        <PowerSelect
                            @options={{get-fleet-ops-options "serviceRateCodCalculationMethods"}}
                            @selected={{find-by "value" @resource.cod_calculation_method (get-fleet-ops-options "serviceRateCodCalculationMethods")}}
                            @onChange={{set-model-attr @resource "cod_calculation_method"}}
                            @placeholder={{t "service-rate.fields.calculation-method-placeholder"}}
                            @triggerClass="form-select form-input"
                            @disabled={{cannot-write @resource}}
                            as |status|
                        >
                            <div class="text-sm">
                                <div class="font-semibold normalize-in-trigger">{{status.label}}</div>
                                <div class="hide-from-trigger">{{status.description}}</div>
                            </div>
                        </PowerSelect>
                    </div>
                </InputGroup>

{{#if @resource.hasCodFlatFee}}
                    <InputGroup @name={{t "service-rate.fields.delivery-flat-fee"}} @helpText={{t "service-rate.fields.delivery-flat-fee-help-text"}} @required={{true}}>
                        <MoneyInput class="w-full" @currency={{@resource.currency}} @value={{@resource.cod_flat_fee}} disabled={{cannot-write @resource}} />
                    </InputGroup>
                {{else if @resource.hasCodPercentageFee}}
                    <InputGroup
                        @name={{t "service-rate.fields.fee-percentage"}}
                        @type="number"
                        @value={{@resource.cod_percent}}
                        @disabled={{cannot-write @resource}}
                        @placeholder={{t "service-rate.fields.percentage-placeholder"}}
                        @helpText={{t "service-rate.fields.fee-percentage-help-text"}}
                        @required={{true}}
                        min="0"
                        max="100"
                    />
                {{/if}}
            </div>
        {{/if}}
    </ContentPanel>

{{#if @resource.has_peak_hours_fee}}
            <div class="grid grid-cols-1 lg:grid-cols-2 gap-2 mt-2">
                <InputGroup
                    @name={{t "service-rate.fields.peak-hours-start-label"}}
                    @type="time"
                    @value={{@resource.peak_hours_start}}
                    @disabled={{cannot-write @resource}}
                    @helpText={{t "service-rate.fields.peak-hours-start-help-text"}}
                    @required={{true}}
                />

<InputGroup @name={{t "service-rate.fields.peak-hours-fee-label"}} @helpText={{t "service-rate.fields.peak-hours-fee-help-text"}} @required={{true}}>
                    <div class="fleetbase-model-select fleetbase-power-select ember-model-select">
                        <PowerSelect
                            @options={{get-fleet-ops-options "serviceRatePeakHourCalculationMethods"}}
                            @selected={{find-by "value" @resource.peak_hours_calculation_method (get-fleet-ops-options "serviceRatePeakHourCalculationMethods")}}
                            @onChange={{set-model-attr @resource "peak_hours_calculation_method"}}
                            @placeholder={{t "service-rate.fields.peak-hours-fee-placeholder"}}
                            @triggerClass="form-select form-input"
                            @disabled={{cannot-write @resource}}
                            as |status|
                        >
                            <div class="text-sm">
                                <div class="font-semibold normalize-in-trigger">{{status.label}}</div>
                                <div class="hide-from-trigger">{{status.description}}</div>
                            </div>
                        </PowerSelect>
                    </div>
                </InputGroup>

{{#if @resource.hasPeakHoursFlatFee}}
                    <InputGroup @name={{t "service-rate.fields.flat-fee-label"}} @helpText={{t "service-rate.fields.flat-fee-help-text"}} @required={{true}}>
                        <MoneyInput class="w-full" @currency={{@resource.currency}} @value={{@resource.peak_hours_flat_fee}} disabled={{cannot-write @resource}} />
                    </InputGroup>
                {{else if @resource.hasPeakHoursPercentageFee}}
                    <InputGroup
                        @name={{t "service-rate.fields.peak-hours-percentage-label"}}
                        @type="number"
                        @value={{@resource.peak_hours_percent}}
                        @placeholder={{t "service-rate.fields.percentage-placeholder"}}
                        @disabled={{cannot-write @resource}}
                        @helpText={{t "service-rate.fields.peak-hours-percentage-help-text"}}
                        @required={{true}}
                        min="0"
                        max="100"
                    />
                {{/if}}
            </div>
        {{/if}}
    </ContentPanel>

<ContentPanel @title={{t "service-rate.fields.restrict-service-title"}} @open={{true}} @wrapperClass="bordered-top">
        <InputGroup @name={{t "service-rate.fields.service-area-label"}} @helpText={{t "service-rate.fields.service-area-help-text"}}>
            <ModelSelect
                @modelName="service-area"
                @selectedModel={{@resource.serviceArea}}
                @placeholder={{t "service-rate.fields.service-area-placeholder"}}
                @triggerClass="form-select form-input"
                @infiniteScroll={{false}}
                @renderInPlace={{true}}
                @onChange={{fn (mut @resource.serviceArea)}}
                @onChangeId={{fn (mut @resource.service_area_uuid)}}
                @disabled={{cannot-write @resource}}
                @allowClear={{true}}
                as |model|
            >
                {{model.name}}
            </ModelSelect>
        </InputGroup>

{{#if @resource.serviceArea}}
            <InputGroup @name={{t "service-rate.fields.zone-label"}} @helpText={{t "service-rate.fields.zone-help-text"}} @wrapperClass="mt-2">
                <ModelSelect
                    @modelName="zone"
                    @selectedModel={{@resource.zone}}
                    @query={{hash service_area_uuid=@resource.serviceArea.id}}
                    @placeholder={{t "service-rate.fields.zone-placeholder"}}
                    @triggerClass="form-select form-input"
                    @infiniteScroll={{false}}
                    @renderInPlace={{true}}
                    @onChange={{fn (mut @resource.zone)}}
                    @onChangeId={{fn (mut @resource.zone_uuid)}}
                    @disabled={{cannot-write @resource}}
                    @allowClear={{true}}
                    as |model|
                >
                    {{model.name}}
                </ModelSelect>
            </InputGroup>
        {{/if}}
    </ContentPanel>
</div>