{layout name="manager/layout" /}
<style>
    .layui-table-cell{
        height: auto;
        white-space: normal;
    }
    .layui-table .layui-layer-photos {height: 90px;}
    .layui-table img{
        max-height: 100%;
        object-fit: cover;
        margin-left: auto;
        margin-right: auto;
        display: block;
        max-width: 150px;
        vertical-align: middle;
        border: 0;
    }
    #avatar{
        max-width: 100%;
        display: block;
        margin: auto;
    }
</style>

<div class="layui-row layui-col-space12">
    <div class="layui-row layui-col-space15">
        <div class="layui-col-md2">
            <div class="layui-col-md12">
                        <div class="layui-layer-photos">
                            <img id="avatar" src="{$coupon.image_url}" layer-src="{$coupon.image_url}" alt="">
<!--                            <img id="avatar" src="http://yhq.taikoosoft.com:8888/2020-12-08/50b734a826b955fd42d19acddce63b84.jpg" layer-src="http://yhq.taikoosoft.com:8888/2020-12-08/50b734a826b955fd42d19acddce63b84.jpg" alt="">-->
                        </div>
            </div>
        </div>
        <div class="layui-col-md10">
            <div class="layui-col-md12">
                <div class="layui-row" >
                    <div class="layui-panel layui-row" style="border-radius: 8px;padding: 8px; ">
                        <div class="layui-inline layui-col-md6">
                            <label class="layui-form-label">名称</label>
                            <div class="layui-inline">
                                <input type="text" name="keyword" disabled class="layui-input" value="{$coupon['name']}">
                            </div>
                        </div>
                        <div class="layui-inline layui-col-md6">
                            <label class="layui-form-label">商家名称</label>
                            <div class="layui-inline">
                                <input type="text" name="keyword" disabled class="layui-input" value="{$coupon['business']['business_name']??''}">
                            </div>
                        </div>

                        <div class="layui-inline layui-col-md6">
                            <label class="layui-form-label">签到券类型</label>
                            <div class="layui-inline">
                                <input type="text" name="keyword" disabled class="layui-input" value="{$coupon['couponType']['name']??$coupon['type_name']}">
                            </div>
                        </div>


<!--                        <div class="layui-inline layui-col-md6">-->
<!--                            <label class="layui-form-label">签到券金额</label>-->
<!--                            <div class="layui-inline">-->
<!--                                <input type="text" name="keyword" disabled class="layui-input" value="{$coupon['money']}">-->
<!--                            </div>-->
<!--                        </div>-->

                        <div class="layui-inline layui-col-md6">
                            <label class="layui-form-label">签到券数量</label>
                            <div class="layui-inline">
                                <input type="text" name="keyword" disabled class="layui-input" value="{$coupon['count']}">
                            </div>
                        </div>




                        <div class="layui-inline layui-col-md6">
                            <label class="layui-form-label">开始时间</label>
                            <div class="layui-inline">
                                <input type="text" name="keyword" disabled class="layui-input" value="{$coupon['start_time']}">
                            </div>
                        </div>



                        <div class="layui-inline layui-col-md6">
                            <label class="layui-form-label">结束时间</label>
                            <div class="layui-inline">
                                <input type="text" name="keyword" disabled class="layui-input" value="{$coupon['end_time']}">
                            </div>
                        </div>

                        <div class="layui-inline layui-col-md6">
                            <label class="layui-form-label">扣除金额</label>
                            <div class="layui-inline">
                                <input type="text" name="keyword" disabled class="layui-input" value="{$coupon['deduction_money']}">
                            </div>
                        </div>
<!--                        <div class="layui-inline layui-col-md12">-->
<!--                            <label class="layui-form-label">使用规则</label>-->
<!--                            <div class="layui-inline">-->
<!--                                <textarea name=""  cols="100" rows="3" disabled>{$coupon['using_rule']}</textarea>-->
<!--                            </div>-->
<!--                        </div>-->

<!--                        <div class="layui-inline layui-col-md12">-->
<!--                            <label class="layui-form-label">处罚规则</label>-->
<!--                            <div class="layui-inline">-->
<!--                                <textarea name=""  cols="100" rows="3" disabled>{$coupon['punishing_rule']}</textarea>-->
<!--                            </div>-->
<!--                        </div>-->

                    </div>
                </div>
             </div>
        </div>



    </div>

    <div class="layui-col-xs12 layui-col-md12">
        <div id="echarts-records" style="background-color:#ffffff;min-height:600px;">
            <div class="layuimini-container location-index-page">
                <div class="layuimini-main">
                    <div>
                        <table id="table-container" class="layui-table" data-url="/manager/coupon/info.html?id={$coupon.id}" lay-filter="table-container"></table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>


<!-- 操作列 -->
<script type="text/html" id="row-state">
        {{# if(d.is_verificated == 1){  }}
                已验证
         {{# }else{ }}
                未使用
          {{# } }}
</script>


<!-- 签到位置 -->
<script type="text/html" id="row-sign_map">
    <a href="" target="_blank">点击查看</a>
</script>

<!-- 领取位置 -->
<script type="text/html" id="row-received_map">
    <a onclick="getAddress({{d.lat}},{{d.lng}},this)" target="_blank">点击查看</a>
</script>
<!-- toolbar -->
<script type="text/html" id="toolbar-tpl">
    <a class="layui-btn layui-btn-primary layui-btn-sm" data-table-refresh lay-event="refresh"><i class="fa fa-refresh"></i></a>
</script>

<!-- 列 轮播图 -->
<script type="text/html" id="row-cover">
    <div class="layui-layer-photos">
        <img  src="{{ d.account?d.account.avatar_url:'' }}" layer-src="{{ d.account?d.account.avatar_url:'' }}" alt="">
    </div>
</script>

<script src="__MANAGER__/js/coupon/info.js?v={:mt_rand()}"></script>
<script src="__STATIC__/js/jquery-3.3.1.js?v={:mt_rand()}"></script>
<script src="__MANAGER__/js/get_addredss.js?v={:mt_rand()}"></script>