{{#if success}}
    <div class="csl-list-header row hidden-xs semi-bold text-black">
        {{#unless errorMessages.length}}
            <div class="col-sm-2">
                <div>Default</div>
            </div>
        {{/unless}}
        <div class="col-sm-9">
            <div class="row">
                <div class="col-sm-4">
                    <div>Name</div>
                </div>
                <div class="col-sm-5">
                    <div>Type</div>
                </div>
                <div class="col-sm-3">
                    <div>Updated</div>
                </div>
            </div>
        </div>
    </div>
    <!-- Check for errorMessages before displaying shopping lists -->
    {{#if errorMessages.length}}
        <div class="csl-result-error-modal">
            {{errorMessages}}
        </div>
    {{else}}
    <!--Default List Display-->
    {{#xif 'Object.keys(this.defaultShoppingList).length'}}
        <div class="csl-default-list">
            <div class="row csl-item" data-list-details='{"listID":{{defaultShoppingList.listId}},"listName":"{{defaultShoppingList.listName}}","listType":"{{defaultShoppingList.listType.strId}}"}'>
                <div class="col-xs-2 csl-item-default-icon">
                    {{> set_default_icon}}
                </div>
                <a href="#" class="col-xs-8 col-sm-9 csl-default-item-details csl-add-to-list" data-cm-link='["cart","save-cart-to-list-modal","list-select"]'>
                    <div class="row">
                        <div class="col-xs-12 col-sm-4">
                            <div><span class="semi-bold text-black">(Default)</span>&nbsp;{{defaultShoppingList.listName}} </div>
                        </div>
                        <div class="col-xs-12 col-sm-5">
                            <div>{{defaultShoppingList.listType.description}} </div>
                        </div>
                        <div class="col-xs-12 col-sm-3">
                            <div>{{defaultShoppingList.updated}} </div>
                        </div>
                    </div>
                </a>
                <a href="#" class="col-xs-2 col-sm-1 csl-default-item-action csl-add-to-list" data-cm-link='["cart","save-cart-to-list-modal","list-select"]'>
                    <span class="dropdown-arrow arrow-right">&nbsp;</span>
                </a>
            </div>
        </div>
    {{else}}
        {{#xif '!defaultShoppingList'}}
            <div class="csl-result-error">
                {{errorMessages}}
            </div>
        {{/xif}}
    {{/xif}}

    <!--CSL Results Display-->
    {{#xif shoppingListColl.length}}
        <div class="csl-result-list">
            {{#each (lookup shoppingListColl viewPageIndex)}}
                <div class="row csl-item" data-list-details='{"listID":{{this.listId}},"listName":"{{this.listName}}","listType":"{{this.listType.strId}}"}'>
                    <div class="col-xs-2 csl-item-default-icon">
                        {{#xif 'this.eligibleToBeDefaultShoppingList'}}
                            <a href="javascript:void(0)" class="csl-make-default" title="Make Default List" data-cm-link='["cart","save-cart-to-list-modal","default-select"]'>
                                {{> set_default_icon}}
                            </a>
                        {{/xif}}
                    </div>
                    <a href="#" class="col-xs-8 col-sm-9 csl-item-details csl-add-to-list" data-cm-link='["cart","save-cart-to-list-modal","list-select"]'>
                        <div class="row">
                            <div class="col-xs-12 col-sm-4">
                                <div>{{this.listName}} </div>
                            </div>
                            <div class="col-xs-12 col-sm-5">
                                <div>{{this.listType.description}} </div>
                            </div>
                            <div class="col-xs-12 col-sm-3">
                                <div>{{this.updated}} </div>
                            </div>
                        </div>
                    </a>
                    <a href="#" class="col-xs-2 col-sm-1 csl-item-action csl-add-to-list" title="Save to List" data-cm-link='["cart","save-cart-to-list-modal","list-select"]'>
                        <span class="dropdown-arrow arrow-right">&nbsp;</span>
                    </a>
                </div>
            {{/each}}
        </div>
    {{/xif}}
    {{/if}}
{{else}}
    <div class="csl-result-error">
        {{errorMessages}}
    </div>
{{/if}}