{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/ownerrecSave',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="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}
                        <input type="hidden" name="img" value="{$item['img']}" />
                        <input type="hidden" name="goods_id" value="{$item['goods_id']}" />
                        <input type="hidden" name="goods_url" value="{$item['goods_url']}" />
                        <input type="hidden" name="source" value="{$item['source']}" />
                        <input type="hidden" name="title" value="{$item['title']}" />
                        <input type="hidden" name="coupon" value="{$item['coupon']}">
                        <input type="hidden" name="price" value="{$item['price']}">
                        <input type="hidden" name="share_pic" value="{$item['share_pic']}">
                    </a>
                </div>
            </div> 

           
            <div class="form-group">
                <label class="col-sm-2 control-label">推荐理由</label>
                <div class="col-sm-8">
                    <textarea name="share_title" id="introduce"  class="form-control" cols="30" rows="5" placeholder="介绍内容不超过300字" onkeyup="checkLength(this);" maxlength="300">{$item['share_title']}</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}


            
            <div class="form-group" id="picsInput" {php $item['type'] == 0 ? '' : 'style="display:none;"';}>
                <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" {php $item['type'] == 0 ? '' : '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']);}
                 {if $item['path']}
                 <p style="color:#b3b3b3;padding:5px;"><a href="{php echo getFileUrlSd($item['path']);}" target="_blank">点击查这里查看视频</a></p>
                 {/if}
                </div>
            </div>

            {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">
              <label class="col-sm-2 control-label">排序</label>
              <div class="col-sm-8">
                  <input type="text" class="form-control"  name="sort" value="{$item['sort']}" onkeyup="this.value=this.value.replace(/[^\d]/g,'') "  style="width:90%;">
              </div>
            </div>

            <div class="form-group">
                <label class="col-sm-2 control-label">状态</label>
                <div class="col-sm-8">
                    {if $id}
                    <input type="checkbox" class="js-switch" value="1" id="status" name="status" data-value="{$item['status']}" data-field="status">
                    {else}
                    <input type="checkbox" class="js-switch" value="1" id="status" name="status" data-value="1" data-field="status">
                    {/if}
                </div>
            </div>

            <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(){
                
            $('#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;

    $('#useDesc').click(function (){
        $('textarea[name="share_title"]').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();
    })

    function getGoodsDetail(goods_id, source, goods_url){
        if(!goods_id || !source){
            layer.msg('less param!!!');
            return false;
        }

        if((source == 3 || source == 5) && !goods_url){
            layer.msg('less param2!!!');
            return false;
        }

        var data= {
                'source' : source,
                'goods_id': goods_id,
                'goods_url': goods_url
        };
        
        $('.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){

                     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="img"]').val(goods.goods_image_url);
                     $('input[name="goods_id"]').val(goods_id);
                     $('input[name="goods_url"]').val(typeof goods_url !='undefined' ? goods_url : '');
                     $('input[name="source"]').val(source);
                     $('input[name="title"]').val(goods.goods_name);
                     $('input[name="coupon"]').val(goods.coupon_discount);
                     $('input[name="price"]').val(goods.min_group_price);
                     $('input[name="share_pic"]').val(typeof goods.share_pic !='undefined' ?  goods.share_pic : '');
                 }else{

                     swal(res.msg, '系统提示!', 'warning');

                 }
            }
        })
    }

    $('input[name="type"]').change(function (){
        //console.log($(this).val())
        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>