{template 'common/header'}
<link rel="stylesheet" type="text/css" href="../addons/{$_GPC['m']}/resource/css/style.css"/>
<link rel="stylesheet" type="text/css" href="../addons/{php echo $_GPC['m']}/resource/swal/dist/sweetalert2.min.css" />
<style type="text/css" media="screen">
.add-goods{display: inline-flex; align-items: center; justify-content: center; padding: 0; background-color: #fff; border: 1px solid #ddd; width: 100px; height:100px;}
.add-goods img{ width: 50px; height: 50px; }
.tip-blue{color:#3296fa; display:none; cursor: pointer;}
</style>
<div class="panel panel-default">
    {if $id}<div class="panel-heading">编辑选项</div>{else}<div class="panel-heading">添加选项</div>{/if}
    <div class="panel-body">
        <form id="sign-form" class="form-horizontal" role="form" method="post" action="{url 'site/entry/userDryingSave',array('m'=>$_GPC['m'],'op'=>'ownerrecSave','version_id'=>$_GPC['version_id'])}" name="submit" style="padding: 20px 0;">


            <div class="form-group">
                <label class="col-sm-2 control-label">添加用户</label>
                <div class="col-sm-8">
                    <a class="add-goods" href="javascript:void(0);" id="addUser">
                        {if $item['avatar']}
                            <img src="{$item['avatar']}" style="width:100%;height:100%;" alt="通用的占位符缩略图" class="nav-img" id="user_pic">
                        {else}
                            <img src="../addons/{$_GPC['m']}/resource/images/bottom_nav.jpg" alt="通用的占位符缩略图" class="nav-img" id="user_pic">
                        {/if}
                        <input type="hidden" name="uid" value="{$item['uid']}" />
                        <input type="hidden" name="level" value="{$item['level']}" />
                    </a>
                </div>
            </div> 
            <div class="form-group" id="add_o">
                <label class="col-sm-2 control-label">添加订单</label>
                <div class="col-sm-8">
                    <a class="add-goods" href="javascript:void(0);" id="addOrders">
                        {if $item['img']}
                            <img src="{$item['img']}" style="width:100%;height:100%;" alt="通用的占位符缩略图" class="nav-img" id="orders_pic">
                        {else}
                            <img src="../addons/{$_GPC['m']}/resource/images/bottom_nav.jpg" alt="通用的占位符缩略图" class="nav-img" id="orders_pic">
                        {/if}
                        
                    </a>
                </div>
            </div>

            <div class="form-group" id="add_g">
                <label class="col-sm-2 control-label">添加商品</label>
                <div class="col-sm-8">
                    <a class="add-goods" href="javascript:void(0);" id="addGoods">
                        {if $item['img']}
                            <img src="{$item['img']}" style="width:100%;height:100%;" alt="通用的占位符缩略图" class="nav-img" id="goods_pic">
                        {else}
                            <img src="../addons/{$_GPC['m']}/resource/images/bottom_nav.jpg" alt="通用的占位符缩略图" class="nav-img" id="goods_pic">
                        {/if}
                    
                    </a>
                    <div style="color:#9A999B;">商品和订单不能同时添加,二选一</div>
                </div>
            </div> 

            <input type="hidden" name="goods_id" value="{$item['goods_id']}" />
            <input type="hidden" name="order_id" value="{$item['order_id']}" />
            <input type="hidden" name="source" value="{$item['source']}" />
            <input type="hidden" name="goods_url" value="{$item['goods_url']}" />
            <input type="hidden" name="goods_name" value="{$item['goods_name']}" />
            <input type="hidden" name="price" value="{$item['price']}" />
            <input type="hidden" name="coupon" value="{$item['coupon']}" />
            <input type="hidden" name="img" value="{$item['img']}" />
            <input type="hidden" name="sales" value="{$item['sales']}" />

            <div class="form-group">
                <label class="col-sm-2 control-label">晒单理由</label>
                <div class="col-sm-8">
                    <textarea name="share_content" id="introduce"  class="form-control" cols="30" rows="5" placeholder="介绍内容不超过300字" onkeyup="checkLength(this);" maxlength="300">{$item['share_content']}</textarea>
                    <span style="color:#9A999B;">限制字数为：300 剩余字数：</span><span id="sy" style="color:Red;">300</span>&nbsp;&nbsp;&nbsp;<span id="useDesc" class="tip-blue">使用商品简介</span>
                </div>
            </div>

            <div class="form-group">
                <label class="col-sm-2 control-label">晒单类型</label>
                <div class="col-sm-8">
                      <div class="radio">
                          <label for="type" class="col-sm-2">
                              <input name="type" id="type" type="radio" value="0" {if $item['type'] == 0}checked{/if}>图片
                          </label>
                          <label for="type1" class="col-sm-2">
                              <input name="type" id="type1" type="radio" value="1" {if $item['type'] == 1}checked{/if}>视频
                          </label>
                      </div>
                </div>
            </div>


            {if $id}


            {if $item['type'] == 0}
            <div class="form-group" id="picsInput">
                <label class="col-sm-2 control-label">上传图片</label>
                <div class="col-sm-8">
                    {php echo tpl_form_field_multi_image('pics', json_decode($item['pics'], true), $options = array());}
                    <p style="color:#b3b3b3;padding:5px;">最多可以上传9张图片&nbsp;&nbsp;&nbsp;<span id="useGallery" class="tip-blue">使用商品相册图</span></p>
                </div>
            </div>
            {/if}


            {if $item['type'] == 1}
            <div class="form-group" id="pathInput">
                <label class="col-sm-2 control-label">上传视频</label>
                <div class="col-sm-8">
                 {php echo tpl_form_field_video('path', $item['path']);}
                 {if $item['path']}
                 <p style="color:#b3b3b3;padding:5px;"><a href="{php echo getFileUrlSd($item['path']);}" target="_blank">点击查这里查看视频</a></p>
                 {/if}
                </div>
            </div>
            {/if}

            {else}

            <div class="form-group" id="picsInput">
                <label class="col-sm-2 control-label">上传图片</label>
                <div class="col-sm-8">
                    {php echo tpl_form_field_multi_image('pics', json_decode($item['pics'], true), $options = array());}
                    <p style="color:#b3b3b3;padding:5px;">最多可以上传9张图片&nbsp;&nbsp;&nbsp;<span id="useGallery" class="tip-blue">使用商品相册图</span></p>
                </div>
            </div>

            <div class="form-group" id="pathInput" style="display:none;">
                <label class="col-sm-2 control-label">上传视频</label>
                <div class="col-sm-8">
                 {php echo tpl_form_field_video('path', $item['path']);}
                </div>
            </div>

            {/if}

            <div class="form-group">
                <div class="col-sm-offset-2 col-sm-10">
                    <input type="hidden" name="id" value="{$item['id']}" />
                    <input type="submit" name="submit" class="btn btn-default">
                    <a class="btn btn-default" href="javascript:history.back(-1)">返回</a>
                </div>
            </div>
        </form>
    </div>
</div>

{template 'common/footer_hj'}
{template 'common/footer'}
<script type="text/javascript">

    require(["../addons/{php echo $_GPC['m']}/resource/swal/dist/sweetalert2.min.js", "../addons/{php echo $_GPC['m']}/resource/js/layer.js"],function(){
            //用户    
            $('#addUser').click(function (){
                var area = [$(window).width() > 1250 ? '1250px' : '95%', $(window).height() > 1000 ? '100px' : '95%'];
                var jump = "{url 'site/entry/getAllUsers',array('m'=>$_GPC['m'],'op'=>'getAllUsers','version_id'=>$_GPC['version_id'])}";
                layer.open({
                    type: 2, 
                    title: '请选择要添加的用户',
                    shadeClose: true,
                    maxmin: true,
                    skin: 'layui-layer-fast',
                    area: area,
                    content: jump,
                    zIndex: layer.zIndex,
                })
            });
            //订单
            $('#addOrders').click(function (){
                var area = [$(window).width() > 1250 ? '1250px' : '95%', $(window).height() > 1000 ? '100px' : '95%'];
                var jump = "{url 'site/entry/getAllOrders',array('m'=>$_GPC['m'],'op'=>'getAllOrders','version_id'=>$_GPC['version_id'])}";
                layer.open({
                    type: 2, 
                    title: '请选择要添加的订单',
                    shadeClose: true,
                    maxmin: true,
                    skin: 'layui-layer-fast',
                    area: area,
                    content: jump,
                    zIndex: layer.zIndex,
                })
            });
            //商品
            $('#addGoods').click(function (){
                var area = [$(window).width() > 1250 ? '1250px' : '95%', $(window).height() > 1000 ? '100px' : '95%'];
                var jump = "{url 'site/entry/getAllGoods',array('m'=>$_GPC['m'],'op'=>'getAllGoods','version_id'=>$_GPC['version_id'])}";
                layer.open({
                    type: 2, 
                    title: '请选择要添加的商品',
                    shadeClose: true,
                    maxmin: true,
                    skin: 'layui-layer-fast',
                    area: area,
                    content: jump,
                    zIndex: layer.zIndex,
                })
            });
    })

    var goods = false;
    //用户
    function getUsersInfo(uid, avatar){
        if(!uid || !avatar){
            layer.msg('less param!!!');
            return false;
        }
        
        $('.loader').show();
        $.ajax({
            type:"post",
            url:"{url 'site/entry/getUsersInfo',array('m'=>$_GPC['m'],'op'=>'getUsersInfo','version_id'=>$_GPC['version_id'])}",
            data: {uid:uid},
            dataType:'json',
            success:function(res){
                $('.loader').hide();
                 if(res.status == 1){
                     console.log(res)
                     uers = res.data
                     $('#user_pic').css({"width":"100%","height":"100%"}).attr('src', avatar);
                     $('input[name="uid"]').val(uid);
                     $('input[name="level"]').val(uers.level);
                 }else{
                     swal(res.msg, '系统提示!', 'warning');
                 }
            }
        })
    }
    //订单
    function getOrdersDetail(goods_id, source, order_id,order_amount){
        if(!goods_id || !source){
            layer.msg('less param!!!');
            return false;
        }
        var data= {
                'source' : source,
                'goods_id': goods_id
        };
        
        $('.loader').show();
        $.ajax({
            type:"post",
            url:"{url 'site/entry/getGoodsDetail',array('m'=>$_GPC['m'],'op'=>'getGoodsDetail','version_id'=>$_GPC['version_id'])}",
            data: data,
            dataType:'json',
            success:function(res){
                $('.loader').hide();
                 if(res.status == 1){
                     $('#add_g').hide();
                     console.log(res)
                     goods = res.data
                     $('#orders_pic').css({"width":"100%","height":"100%"}).attr('src', goods.goods_image_url);
                     goods.goods_desc ?  $('#useDesc').show() : $('#useDesc').hide();
                     goods.goods_gallery_urls.length > 0 ?  $('#useGallery').show() : $('#useDesc').hide();
                     $('input[name="goods_id"]').val(goods_id);
                     $('input[name="order_id"]').val(order_id);
                     $('input[name="source"]').val(source);
                     $('input[name="price"]').val(order_amount);
                     $('input[name="coupon"]').val(goods.coupon_discount);
                     $('input[name="img"]').val(goods.goods_image_url);
                     $('input[name="sales"]').val(goods.sales_tip);
                     $('input[name="goods_name"]').val(goods.goods_name);
                     $('input[name="goods_url"]').val(typeof goods_url !='undefined' ? goods_url : '');
                 }else{
                     swal(res.msg, '系统提示!', 'warning');
                 }
            }
        })
    }

    //商品
    function getGoodsDetail(goods_id, source, goods_url){
        if(!goods_id || !source){
            layer.msg('less param!!!');
            return false;
        }
        var data= {
                'source' : source,
                'goods_id': goods_id
        };
        $('.loader').show();
        $.ajax({
            type:"post",
            url:"{url 'site/entry/getGoodsDetail',array('m'=>$_GPC['m'],'op'=>'getGoodsDetail','version_id'=>$_GPC['version_id'])}",
            data: data,
            dataType:'json',
            success:function(res){
                $('.loader').hide();
                 if(res.status == 1){
                     $('#add_o').hide();

                     console.log(res)
                     goods = res.data
                     $('#goods_pic').css({"width":"100%","height":"100%"}).attr('src', goods.goods_image_url);

                     goods.goods_desc ?  $('#useDesc').show() : $('#useDesc').hide();
                     goods.goods_gallery_urls.length > 0 ?  $('#useGallery').show() : $('#useDesc').hide();

                     $('input[name="goods_id"]').val(goods_id);
                     // $('input[name="order_id"]').val(order_id);
                     $('input[name="source"]').val(source);
                     $('input[name="price"]').val(goods.min_group_price);
                     $('input[name="coupon"]').val(goods.coupon_discount);
                     $('input[name="img"]').val(goods.goods_image_url);
                     $('input[name="sales"]').val(goods.sales_tip);
                     $('input[name="goods_name"]').val(goods.goods_name);
                     $('input[name="goods_url"]').val(typeof goods_url !='undefined' ? goods_url : '');
                 }else{
                     swal(res.msg, '系统提示!', 'warning');
                 }
            }
        })
    }
    $('#useDesc').click(function (){
        $('textarea[name="share_content"]').val(goods.goods_desc);
        $(this).hide();
    })

    $('#useGallery').click(function (){
        $('.multi-img-details').html('');
        for(var x in goods.goods_gallery_urls){
            if(x > 8) break;
            $('.multi-img-details').append('<div class="multi-item"><img src="'+ goods.goods_gallery_urls[x] +'" class="img-responsive img-thumbnail"><input type="hidden" name="pics[]" value="'+ goods.goods_gallery_urls[x] +'"><em class="close" title="删除这张图片" onclick="deleteMultiImage(this)">×</em></div>');
        }
        $(this).hide();
    })

    $('input[name="type"]').change(function (){
        var type = $(this).val();
        if(type == 1){
            $('#picsInput').hide();
            $('#pathInput').show();
        }else{
            $('#pathInput').hide();
            $('#picsInput').show();
        }
    })

    //状态
    // if ($("#status").attr("data-value") == "1") {
    //     $('#status').attr("checked", "checked");
    // }else {
    //     $('#status').attr("checked", false)
    // }

    function checkLength(which) {
        var maxChars = 300; 
        if (which.value.length > maxChars)
        {
            alert("您输入的字数超过限制!");
            which.value = which.value.substring(0,maxChars);
            return false;
        } else{
            var curr = maxChars - which.value.length;
            document.getElementById("sy").innerHTML = curr.toString();
            return true;
        }
    }
</script>