{extend name="common/common2" /}
{block name="main"}
<style>
    .ibox-title h5{
        margin-top: 6px;
    }

</style>
<div class="row">
    <div class="col-sm-12">
        <div class="ibox float-e-margins">
            <div class="ibox-title" style="min-height:58px">
                <h5>{$meta_title}</h5>
                <div class="col-xs-11" style="text-align: right;">
                    <form class="form-inline" id="form-search" action="{:url('ServiceCount')}">
                        <input type="hidden" name="type" value="{$type}">
                        <div class="input-group" style="width: 250px">
                            <span class="input-group-addon">开始时间</span>
                            <input class="form-control dialog-datetime" id="startTime" name="start" type="text" data-date-format="yyyy-mm-dd" value="{$start}" placeholder="" readonly style="width: 160px"/>
                        </div>
                        <div class="input-group" style="width: 250px">
                            <span class="input-group-addon">结束时间</span>
                            <input class="form-control dialog-datetime" id="endTime" name="end" type="text" data-date-format="yyyy-mm-dd" value="{$end}" placeholder="" readonly style="width: 160px"/>
                        </div>

                        <div class="input-group">
                        <span class="input-group-btn">
                            <button class="btn-sm btn-primary" type="submit" id ="search-btn" ><i class="fa fa-search"></i></button>
                        </span>
                        </div>
                    </form>
                </div>
            </div>

            <div class="panel-group">
                <div class="panel panel-default">
                    {if ($type == 1) or ($type ==2)}
                    <div class="panel-body">
                        <table class="table table-bordered">
                            <thead>
                            <tr>
                                <th>名称</th>
                                    {if isset($cateList)}
                                        {foreach $cateList as $k=>$v}
                                            <th>{$v.title} (预约人数)</th>
                                        {/foreach}
                                    {/if}

                            </tr>
                            </thead>
                            {foreach $data as $k=>$v}
                            <tbody>
                            <tr>
                                <td>{$v['title']}</td>
                                {if isset($v['list'])}
                                    {foreach $v['list'] as $kk=>$vv}
                                    <td>{$vv}</td>
                                    {/foreach}
                                {/if}
                            </tr>
                            </tbody>
                            {/foreach}
                            <tr>
                                <td><strong>合计</strong></td>
                                {foreach $count as $k=>$v}
                                <td>{$v.count}</td>
                                {/foreach}

                            </tr>
                        </table>
                    </div>
                    {elseif($type == 3)}
                    <div class="panel-body" id="printer">
                        <table class="table table-bordered">
                            <thead>
                            <tr>
                                <th>#</th>
                                <th>预约总人数</th>
                            </tr>
                            </thead>

                            <tbody>
                            <tr>
                                <td>{$data['k']}</td>
                                <td>{$data['count']}</td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                    {elseif($type == 4 || $type == 5)}
                    <div class="panel-body" id="printer">
                        <table class="table table-bordered">
                            <thead>
                            <tr>
                                <th>#</th>
                                <th>名称</th>
                                <th>预约总人数</th>

                            </tr>
                            </thead>
                            {foreach $data as $k=>$v}
                            <tbody>
                            <tr>
                                <td>{$v['id']}</td>
                                <td>{$v['title']}</td>
                                <td>{$v['count']}</td>
                            </tr>
                            </tbody>
                            {/foreach}
                            <tr>
                                <td><strong>合计</strong></td>
                                <td></td>
                                <td>{$countNum}</td>
                            </tr>
                        </table>
                    </div>
                    {/if}

                </div>
            </div>

        </div>
    </div>
</div>
{/block}
{block name="script"}
<script src="/static/layDate-v5.0.9/laydate.js"></script>
<script>
    //日期时间选择器
    laydate.render({
        elem: '#startTime',
        type: 'datetime',
        trigger: 'click' ,
    });

    laydate.render({
        elem: '#endTime',
        type: 'datetime',
        trigger: 'click' ,
    });

</script>
{/block}