{include file="../application/h5/view/wx_book_dinner/header.html"}
<style>
    .pull-right{
        float: right;
        margin-left: 10px;
    }
</style>
<div class="weui-header bg-blue">
    <div class="weui-header-left"> <a class="icon icon-109 f-white close-popup close-pop" href="{:url('order')}">返回</a>  </div>
    <h1 class="weui-header-title">订单详情</h1>
    <div class="weui-header-right"></div>
</div>
<div>

    {if $info['cate'] == 1}
    {volist name="info['types']" id="v"}
    <div class="weui_cells_title">
        {$v.day} [{$v.dinner_type}] {$v.group}
        {if $v['type'] == 0 && $v['options'] == 1}
<!--        <a href="javascript:;" data-title="{$v.day} [{$v.dinner_type}] {$v.group}" data-sign="{$v.sign}" onclick="cancelBtn(this)" class="pull-right"><span style="color: red;">取消</span></a>-->
        <a href="{:url('changedinner',['sign'=>$v['sign']])}" class="pull-right">换流食</a>
        {/if}
        {if $v['options'] == 1}
        <a href="{:url('refunddinner',['sign'=>$v['sign']])}" class="pull-right"><span style="color: red;">退餐</span></a>
        {/if}
    </div>
    <div class="weui_cells weui_cells_form">
        <div class="weui_cell text-muted">
            {$v.dinners}
        </div>
    </div>
    {/volist}
    <div style="height: 15px"></div>
    {/if}

    {if $info['cate'] == 0}
    <div class="weui_panel_hd" style="background-color: #ffffff;">订购物品</div>
    <div class="weui_panel_bd weui_panel_bd weui_cells_access" style="background-color: #ffffff;">
    	{foreach $item as $key => $value}
    	    <a href="javascript:;" class="weui_media_box weui_media_appmsg show-dialog-get">
                <div class="weui_media_hd weui-lazy">
                    <img class="weui_media_appmsg_thumb" src="{$value.img}">
                </div>
                <div class="weui_media_bd">
                    <h4 class="weui_media_title">{$value.dinner_name}<span style="color: red;">x{$value.num}份</span></h4>
                    <p class="weui_media_desc">{$value.content}</p>
                    <p class="weui_media_info">￥{$value.money}</p>
                </div>
    	    </a>
    	{/foreach}
    </div>

    {if !empty($refuse_item)}
    <div class="weui_panel_hd" style="background-color: #ffffff;">退款物品</div>
    <div class="weui_panel_bd weui_panel_bd weui_cells_access" style="background-color: #ffffff;">
        {foreach $refuse_item as $key => $value}
        <a href="javascript:;" class="weui_media_box weui_media_appmsg show-dialog-get">
            <div class="weui_media_hd weui-lazy">
                <img class="weui_media_appmsg_thumb" src="{$value.img}">
            </div>
            <div class="weui_media_bd">
                <h4 class="weui_media_title">{$value.dinner_name}<span style="color: red;">x{$value.num}份</span></h4>
                <p class="weui_media_desc">{$value.content}</p>
                <p class="weui_media_info">￥{$value.money}</p>
            </div>
        </a>
        {/foreach}
    </div>
    {/if}
    {/if}

    <ul class="weui-payrec">
        <div class="weui-pay-m">
            <li class="weui-pay-order">
                <dl class="weui-pay-line">
                    <dd class="weui-pay-name">收件人</dd>
                    <dt class="weui-pay-label">姓名：</dt><dd class="weui-pay-e">{$info.name}</dd>
                </dl>
                <dl class="weui-pay-line"><dt class="weui-pay-label">金额：</dt><dd class="weui-pay-e">￥{$info.price}</dd></dl>
                <dl class="weui-pay-line"><dt class="weui-pay-label">手机号：</dt><dd class="weui-pay-e">{$info.mobile}</dd></dl>
                <dl class="weui-pay-line"><dt class="weui-pay-label">所属单位：</dt><dd class="weui-pay-e">{$info.orgName}</dd></dl>
                <dl class="weui-pay-line"><dt class="weui-pay-label">收货地址：</dt><dd class="weui-pay-e">{$info.address}</dd></dl>
                <dl class="weui-pay-line"><dt class="weui-pay-label">床号备注：</dt><dd class="weui-pay-e">{$info.remark}</dd></dl>
                <dl class="weui-pay-line"><dt class="weui-pay-label">下单时间：</dt><dd class="weui-pay-e">{$info.pay_time}</dd></dl>
            </li>
        </div>

    </ul>

</div>

<script>

    function cancelBtn(_self){
        let title = $(_self).attr('data-title');
        let sign = $(_self).attr('data-sign');
        $.confirm("您确定要取消"+title+"吗?", "确认取消?", function() {
            let url = "{:url('canceldinner')}";
            $.post(url,{sign:sign},function (ret) {
                console.log('ret',ret);
                if(ret.code == 1){
                    $.toast("取消成功!");
                    setTimeout(()=>{
                        window.location.reload();
                    },1000);
                }else{
                    $.toast(ret.msg);
                }
            });

        }, function() {
            //取消操作
        });
    }
</script>