{layout name="layout/food" /}

<div class="row-content am-cf">

    <div class="row">

        <div class="am-u-sm-12 am-u-md-12 am-u-lg-12">

            <div class="widget am-cf">

                <div class="widget-head am-cf">

                    <div class="widget-title am-cf">预约订桌列表</div>

                </div>

                <div class="widget-body am-fr">

                    <!-- 工具栏 -->

                    <div class="page_toolbar am-margin-bottom am-cf">

                        <form class="toolbar-form" action="{:url('food.order.pact/index')}">

                            {if $user['applet']['shop_mode']['value']==20}

                            <div class="am-u-sm-12">

                                <div class="am-fr">

                                    <div class="am-form-group am-fr">

                                        <select name="shop_id"

                                                data-am-selected="{btnSize: 'sm', placeholder: '全部门店'}">

                                            <option value=""></option>

                                            {if isset($category)}

                                                {foreach $category as $item}

                                                <option value="{$item['shop_id']}" {$shop_id == $item['shop_id'] ? 'selected' : ''}>{$item['shop_name']}</option>

                                                {/foreach}

                                            {/if}

                                        </select>

                                        <div class="am-input-group am-input-group-sm tpl-form-border-form am-fr">

                                            <div class="am-input-group-btn am-fl">

                                                <button class="am-btn am-btn-default am-icon-search" type="submit"></button>

                                            </div>

                                        </div>

                                    </div>

                                </div>

                            </div>

                            {/if}

                        </form>

                    </div>

                    <div class="am-scrollable-horizontal am-u-sm-12">

                        <table width="100%" class="am-table am-table-hover tpl-table-black">

                            <thead>

                            <tr>

                                <th>编号ID</th>
								<th>联系人</th>
                                <th>电话</th>
                                <th>人数</th>
                                <th>备注</th>
                                <th>约定时间</th>
                                <th>门店</th>
                                <th>状态</th>
                                <th>时间</th>
                            </tr>

                            </thead>

                            <tbody>

                            {if !$list->isEmpty()}

                                {foreach $list as $item}

                                <tr>

                                    <td class="am-text-middle">{$item['pact_id']}</td>

                                    <td class="am-text-middle"><P>{$item['linkman']}</P></td>

                                    <td class="am-text-middle">{$item['phone']}</td>

                                    <td class="am-text-middle">{$item['people']}</td>
                                    <td class="am-text-middle">{$item['message']}</td>
                                    <td class="am-text-middle">{$item['pact_time']['text']}</td>
                                    <td class="am-text-middle">{$item['shop']['shop_name']|default='--'}</td>
									<td class="am-text-middle">

                                            <span class="j-state am-badge x-cur-p  

                                            {$item['status']['value']==10?' am-badge-warning':''}

                                            {$item['status']['value']==20?' am-badge-danger':''}

                                            {$item['status']['value']==30?' am-badge-success':''}" 

                                            data-id="{$item['pact_id']}" >

                                            {$item['status']['text']}

                                            </span>

                                    </td>

                                    <td class="am-text-middle">{$item['create_time']}</td>

                                </tr>

                                {/foreach}

                            {else /}

                                <tr>

                                    <td colspan="9" class="am-text-center">暂无记录</td>

                                </tr>

                            {/if}

                            </tbody>

                        </table>

                    </div>

                    <div class="am-u-lg-12 am-cf">

                        <div class="am-fr">{:$list->render()} </div>

                        <div class="am-fr pagination-total am-margin-right">

                            <div class="am-vertical-align-middle">总记录：{:$list->total()}</div>

                        </div>

                    </div>

                </div>

            </div>

        </div>

    </div>

</div>

<script>

    $(function () {

        var url = "{:url('food.order.pact/status')}";

        $('.j-state').del('id', url,'确定要设置为守约状态？');

    });

</script>