{if empty($orders)}
    <div class="block double-padded align-center blank">
            <br><br><br><br>
            <span class="gray large">[`There are no orders in this view.`]</span>
            <div class="clear-left"></div>
        </div>
    </div>
{else}

<div class="{if $view != 'table'}sidebar left300px bordered-left{/if}" id="s-orders">
    <div class="">
        {if $view == 'split'}
            <ul class="zebra s-orders" id="order-list">
            </ul>
            {capture name="template-order-list-split"}
                {literal}
                {% var orders = o.orders; %}
                {% for (var i = 0, n = orders.length; i < n; i += 1) { %}
                    {% var order = orders[i]; %}
                    <li class="order s-order-status-pending" data-order-id="{%#order.id%}">
                        <a href="#/orders/{/literal}{if $params_str}{$params_str}&{/if}{literal}id={%#order.id%}/">
                            {% if (!$.isEmptyObject(order.contact)) { %}
                                <div class="profile image50px">
                                    <div class="image">
                                        <img src="{%#order.contact.photo_50x50%}" class="userpic">
                                    </div>
                                    <div class="details nowrap">
                                        {% include('template-order-list-split-details', { order: order }); %}
                                    </div>
                                </div>
                            {% } %}
                        </a>
                    </li>
                {% } %}
                {/literal}
            {/capture}
            {capture name="template-order-list-split-details"}
                {literal}{%#o.order.status%}
                    <span class="float-right small" style="{%#o.order.style%}">{%#o.order.total_str%}</span>

                    <i class="{%#o.order.icon%}"></i><span {% if (o.order.state_id == 'new') { %}class="highlighted"{% } %} style="{%#o.order.style%}">{%#o.order.id_str%}</span>

                    <p>
                        <span class="small black">{%#o.order.contact.name%}</span><br>
                        <span class="hint">{%#o.order.create_datetime_str%}</span>
                    </p>
                {/literal}
            {/capture}
        {else if $view == 'table'}
            <table class="zebra single-lined padded" id="order-list">
                <thead>
                    <tr class="header">
                        <th>
                            <input type="checkbox" class="s-select-all">
                        </th>
                        <th colspan="2">
                            <ul class="menu-h with-icons dropdown s-with-selected" style="display:none;">
                                <li>
                                    <a class="inline-link nowrap" style="display:inline;">
                                        <b><i><strong>[`With selected`]</strong></i></b>
                                        <i class="icon10 darr"></i>
                                    </a>
                                    <ul class="menu-v wf-actions">
                                        {foreach $actions as $a_id => $a}
                                            <li>
                                                <a href="#" data-action-id="{$a_id}">{* <i class="icon16 color" background: #{$a.style.button_class}></i> *}{$a['name']}</a>
                                            </li>
                                        {/foreach}
                                    </ul>
                                </li>
                            </ul>
                        </th>
<!--                         <th>[`Order content`]</th> -->
                        <th>[`Customer`]</th>
                        <th class="nowrap align-right">[`Total`]</th>
                        <th>[`Shipping`]</th>
                        <th>[`Payment`]</th>
                    </tr>
                </thead>
                <tbody></tbody>
            </table>
            {capture name="template-order-list-table"}
                {literal}
                {% var orders = o.orders; %}
                {% var check_all = o.check_all; %}
                {% for (var i = 0, n = orders.length; i < n; i += 1) { %}
                    {% var order = orders[i]; %}
                    <tr class="order" data-order-id="{%#order.id%}">
                        <td><input type="checkbox" {% if (check_all) { %}checked="checked"{% } %}></td>
                        <td style="{%#order.style%}" class="nowrap">
                            <div><a href="#/order/{%#order.id%}/{/literal}{if $params_str}{$params_str}/{/if}{literal}">
                                <i class="{%#order.icon%}"></i><span{% if (order.state_id == 'new') { %} class="highlighted"{% } %}>{%#order.id_str%}</span></a>
                            </div>
                        </td>
                        <td style="{%#order.style%}">
                            <div><a href="#/order/{%#order.id%}/{/literal}{if $params_str}{$params_str}/{/if}{literal}">{%#order.create_datetime_str%}</a>
                                <i class="shortener"></i>
                            </div>
                        </td>
                        <td style="{%#order.style%}">
                            <div><a href="#/order/{%#order.id%}/{/literal}{if $params_str}{$params_str}/{/if}{literal}">{%#order.contact.name%}</a>
                                <i class="shortener"></i>
                            </div>
                        </td>
                        <td style="{%#order.style%}" class="nowrap align-right">
                            <div><a href="#/order/{%#order.id%}/{/literal}{if $params_str}{$params_str}/{/if}{literal}">{%#order.total_str%}</a>
                            </div>
                        </td>
                        <td style="{%#order.style%}">
                            <div><a href="#/order/{%#order.id%}/{/literal}{if $params_str}{$params_str}/{/if}{literal}">{%#order.shipping_name%}</a>
                            </div>
                        </td>
                        <td style="{%#order.style%}">
                            <div><a href="#/order/{%#order.id%}/{/literal}{if $params_str}{$params_str}/{/if}{literal}">{%#order.payment_name%}</a></div>
                        </td>
                    </tr>
                {% } %}
                {/literal}
            {/capture}
        {/if}

        <div class="lazyloading-wrapper">
            <div class="lazyloading-progress-string">{_w('%d order','%d orders', $count)}&nbsp;{sprintf(_w('of %d'), $total_count)}</div><br>
             <a href="javascript:void(0);" class="lazyloading-link" {if $count >= $total_count}style="display:none;"{/if}>[`Show more orders`]</a>
            <span class="lazyloading-progress" style="display:none">
                <i class="icon16 loading"></i> [`Loading`] <span class="lazyloading-chunk">{_w('%d order', '%d orders', min($total_count - $count, $count))}...</span>
            </span>
        </div>
        <div class="clear-left"></div>
    </div>
</div>
<div class="content {if $view != 'table'}left300px{/if}" id="s-order" {if $view == 'table'}style="display:none;"{/if}></div>

{* js templates block*}

{foreach $smarty.capture as $template => $template_content}
    {if $template_content && (strpos($template, 'template-')===0)}
        <script id="{$template}" type="text/html">
            {$template_content|replace:'</':'<\/'}
        </script>
        {capture name=$template}{/capture}
    {/if}
{/foreach}

{/if}

<script type="text/javascript">
    $.order_list.init({
        id: {if $view != 'table' && $order.id}{$order.id}{else}0{/if},
        view: '{$view}',
        filter_params: {json_encode($params)},
        filter_params_str: '{$params_str}',
        orders: {json_encode($orders)},
        total_count: {$total_count},
        count: {$count},
        lazy_loading: {
            auto: true
        },
        update_process: {
            timeout: {$timeout}
        },
        title_suffix: '{' — '|cat:{$wa->accountName(false)}|escape:'javascript'}',
        state_names: {json_encode($state_names)},
        counters: {json_encode($counters)}
    });
</script>