HelenaExpressApp/www/pages/rateresult.html

<!-- This Source Code Form is subject to the terms of the Mozilla Public
   - License, v. 2.0. If a copy of the MPL was not distributed with this
   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->

<div class="page" data-name="rateresult">

    <div class="navbar">
        <div class="navbar-bg"></div>
        <div class="navbar-inner">
            <div class="left">
                <a class="link back hapticbtn" href="#">
                    <i class="icon icon-back"></i>
                    <span class="if-not-md">Back</span>
                </a>
            </div>
            <div class="title">Rates</div>
        </div>
    </div>


    <div class="page-content">
        <div class="row justify-content-center">
            <div class="col-100 medium-60 large-50 xlarge-40">
                <div class="list transparent no-hairlines tablet-inset elevation-tablet">
                    <ul>
                        <li class="item-divider">From:</li>
                        {{#with from}}
                        <li>
                            <div class="item-content">
                                <div class="item-inner">
                                    <div class="item-title" style="white-space: normal !important;">
                                        {{street}}
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="item-content">
                                <div class="item-inner">
                                    <div class="item-title" style="white-space: normal !important;">
                                        {{citystatezip}}
                                    </div>
                                </div>
                            </div>
                        </li>
                        {{/with}}
                        <li class="item-divider">To:</li>
                        {{#with to}}
                        <li>
                            <div class="item-content">
                                <div class="item-inner">
                                    <div class="item-title" style="white-space: normal !important;">
                                        {{street}}
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="item-content">
                                <div class="item-inner">
                                    <div class="item-title" style="white-space: normal !important;">
                                        {{citystatezip}}
                                    </div>
                                </div>
                            </div>
                        </li>
                        {{/with}}
                        <li class="item-divider">Item:</li>
                        <li>
                            <div class="item-content">
                                <div class="item-inner">
                                    <div class="item-title" style="white-space: normal !important;">
                                        {{weight}}
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="item-content">
                                <div class="item-inner">
                                    <div class="item-title" style="white-space: normal !important;">
                                        {{size}}
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li class="item-divider">Rates:</li>
                        {{#if rates}}
                        <li>
                            <div class="item-content">
                                <div class="item-inner item-cell">
                                    <div class="item-row" style="font-weight: 500;">
                                        <div class="item-cell">
                                            Service
                                        </div>
                                        <div class="item-cell">
                                            Delivery Estimate
                                        </div>
                                        <div class="item-cell">
                                            Price
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </li>
                        {{#each rates}}
                        <li>
                            <div class="item-content">
                                <div class="item-inner item-cell">
                                    <div class="item-row">
                                        <div class="item-cell">
                                            {{carrier}} {{service}}
                                        </div>
                                        <div class="item-cell">
                                            {{date}}
                                        </div>
                                        <div class="item-cell">
                                            ${{rate}}
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </li>
                        {{/each}}
                        {{else}}
                        <li>
                            <div class="item-content">
                                <div class="item-inner item-cell">
                                    <div class="item-row">
                                        <div class="item-cell">
                                            We could find no available shipping options based on the information you provided.
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </li>
                        {{/if}}
                        {{#if hints}}
                        <li class="item-divider">Tip{{#js_if "this.hints.length > 1"}}s{{/js_if}}:</li>
                        {{#each hints}}
                        <li>
                            <div class="item-content">
                                <div class="item-inner item-cell">
                                    <div class="item-row">
                                        <div class="item-cell">
                                            {{this}}
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </li>
                        {{/each}}
                        {{/if}}
                    </ul>
                </div>
            </div>
        </div>
        <div class="block">
            Rates provided do not include pickup fees. This tool provides shipping cost <i>estimates</i>; actual prices, available service options, and delivery dates shown are not guaranteed to be actually available when you ship your item. Your item's contents may not be eligible for certain services.
        </div>
    </div>

</div>