{php $no_left =true;}
{template '_header'}

<link href="/favicon.ico" rel="shortcut icon" />
<link rel="stylesheet" type="text/css" href="../addons/{EWEI_SHOP_V2_MODULE_NAME}/static/css/card/index.css"/>
<script type="text/javascript" src="js/bootstrap-colorpalette.js" charset="utf-8"></script>

<style>
	.dropdown-menu {
		border: medium none;
		font-size: 12px;
		left: 0;
		list-style: none outside none;
		padding: 0;
		text-shadow: none;
		top: 100%;
		z-index: 1000;
		border-radius: 0;
		box-shadow: 0 0 3px rgba(86, 96, 117, 0.3);
	}

	.dropdown-menu li {
		display: inline-block;
	}

	.bootstrap-colorpalette {
		padding-left: 4px;
		padding-right: 4px;
		white-space: normal;
		line-height: 1;
	}

	.tabs-container .form-group-color {
		margin-right: -15px;
		margin-left: -15px;
	}
</style>
<link rel="stylesheet" type="text/css" href="../addons/{EWEI_SHOP_V2_MODULE_NAME}/template/web/sale/wxcard/css/iconfont.css"/>

<form {ifp 'member.card'}action="" method='post'{/if} class='form-horizontal form-validate'>
<div class="wrapper">
    <div class='card_title'>
        <div>
            基本信息
        </div>
    </div>

    <div class="preview" style="overflow: visible;position: relative;margin-top: 30px;top: 0;">
        <div class="cart-top">
            <img src="../addons/{EWEI_SHOP_V2_MODULE_NAME}/static/images/cart_top.jpg" alt=""/>
        </div>
        <div class="title">
            <i class="back icon icon-back"></i>
            <i class="more pull-right icon icon-more"></i>
        </div>
        <div class="panel">
            <!--商户信息-->
            <div class="logo-area">

                <div class="logo">
                    <img id="logoimg" src="{if empty($card)}../addons/{EWEI_SHOP_V2_MODULE_NAME}/static/images/default.png{else}{$card['card_logoimg']}{/if}"/>
                </div>
                <div class="name"  id="brandname">
                    {php echo empty($card['card_brand_name'])?'会员卡商铺名称':$card['card_brand_name']}
                </div>
                </br>
                <div class="name"  id="title">
                    {php echo empty($card['card_title'])?'会员卡标题名称':$card['card_title']}
                </div>
                <div class="code">
                    <img src="../addons/{EWEI_SHOP_V2_MODULE_NAME}/static/images/code.jpg" alt="" />
                </div>

                <div class="bot">
                    <span>0268 8888 8888</span>
                    <i class="icon icon-info pull-right"></i>
                </div>
            </div>
            <div class="card-other">
                <ul>
                    <li id="show_custom_cell1" {if empty($card['custom_cell1'])}style="display:none;" {/if}>
                    <span id="show_custom_cell1_name">{php echo empty($card['custom_cell1_name'])?'自定义入口':$card['custom_cell1_name']}</span>
                    <span style="float: right;">
                        <span id="show_custom_cell1_tips">{php echo empty($card['custom_cell1_tips'])?'立即进入':$card['custom_cell1_tips']}</span>

						<i  class="go pull-right icon icon-right"></i>
					</span>
                    </li>
                    <li>会员卡详情<i class="go pull-right icon icon-right"></i></li>
                    <li>公众号<i class="go pull-right icon icon-right"></i></li>
                </ul>
            </div>
        </div>
        <!--自定义入口-->
        <!--卡券其他-->
        <div class="card-other">
            <ul>
            </ul>
        </div>
    </div>



    <!--控制台-->
        <div class="control" style="padding: 10px;margin-top: 30px;border: 1px solid #d0d1d2;width: 582px;">
            <div class="editor_section">

                <!--商铺名称-->
                <div class="control-group limit">
                    <div class="frm_label pull-left">
                        商铺名称<span style="color: red;">*</span>
                    </div>
                    <div class="frm_controls">
                        {ifp 'member.card'}
                        <input type="text" name="card_brand_name" id="card_brand_name" class="input" value="{$card['card_brand_name']}" {if !empty($card)}disabled{/if} maxlength=15/>
                        {else}
                        {$card['card_brand_name']}
                        {/if}
                    </div>
                    <p class='card_tip'>商铺名称创建后无法修改</p>
                </div>

                <!--会员卡标题-->
                <div class="control-group limit">
                    <div class="frm_label pull-left">
                        会员卡标题<span style="color: red;">*</span>
                    </div>
                    <div class="frm_controls">
                        {ifp 'member.card'}
                        <input type="text" name="card_title" id="card_title" class="input" value="{$card['card_title']}" {if  !empty($card)}disabled{/if} maxlength=15 />
                        {else}
                            {$card['card_title']}
                        {/if}
                    </div>
                    <!--<p class='error'>会员卡标题创建后无法修改</p>-->
                    <p class='card_tip'>会员卡标题创建后无法修改</p>
                </div>

                <hr style="height: 3px; background: #fff;margin: 0 -30px">

                <!--库存总量-->
                <div class="control-group limit">
                    <div class="frm_label pull-left">
                        库存总量<span style="color: red;">*</span>
                    </div>
                    <div class="frm_controls">
                        {ifp 'member.card'}
                        <input type="text" name="card_totalquantity" id="card_totalquantity" maxlength=10  class="input" value="{$card['card_totalquantity']}" {if !empty($card)}disabled{/if} />
                        {else}
                        {$card['card_totalquantity']}
                        {/if}
                    </div>
                </div>


                <!--logo图片-->
                <div class="control-group">
                    <div class="frm_label pull-left">
                        logo图片<span style="color: red;">*</span>
                    </div>
                    <div class="frm_controls">
                        <div class="frm-image">
                            <input type="hidden" name="card_logoimg" id="card_logoimg" value="{$card['card_logoimg']}"/>
                            <input type="hidden" name="card_logolocalpath" id="card_logolocalpath" value=""/>
                            <img  id="showlogo" style="border-radius: 50%" src="{if empty($card)}../addons/{EWEI_SHOP_V2_MODULE_NAME}/static/images/default.png{else}{$card['card_logoimg']}{/if}" />
                        </div>
                    </div>
                    <div class="frm_controls">
                        <a class="btn btn-default upload" href="javascript:void(0);" {ifp 'member.card'}id="uploadlogo"{else}disabled{/if} >上传图片</a>
                        <p class='frm_tip'>会员卡的商户logo，建议像素为300*300。图片大小不能超过1mb,仅支持jpg,png格式</p>
                    </div>
                </div>

                <!--卡券是否显示余额设置-->
                <div class="control-group">
                    <div class="frm_label pull-left">
                        是否显示余额
                    </div>
                    {ifp 'member.card'}
                        {if empty($card)}
                            <div class="frm_controls">
                                <input type="radio" name="card_supply_balance" value="0" {if empty($card['card_supply_balance'])}checked="true"{/if} />
                                <span>不使用</span>
                            </div>
                            <div class="frm_controls">
                                <input type="radio" name="card_supply_balance" value="1" {if !empty($card['card_supply_balance'])}checked="true"{/if} />
                                <span>使用</span>
                            </div>
                        {else}
                            <input type="hidden" name="card_supply_balance" value="{$card['card_supply_balance']}">
                            <div class='frm_controls'>
                                {if empty($card['card_supply_balance'])}
                                不使用
                                {else}
                                使用
                                {/if}
                            </div>
                        {/if}
                    {else}
                    <input type="hidden" name="card_supply_balance" value="{$card['card_supply_balance']}">
                    <div class='frm_controls'>
                        {if empty($card['card_supply_balance'])}
                            不使用
                        {else}
                            使用
                        {/if}
                    </div>
                    {/if}
                    <div class="frm_controls">
                        <p class='frm_tip'>使用微信卡券余额（具体为在会员卡中使用“余额/supply_balance”字段）需提交《单用途预付卡备案》。 操作指引详见： <a href="https://mp.weixin.qq.com/cgi-bin/readtemplate?token=1091016770&t=cardticket/faq_tmpl&type=info&token=1494071418&lang=zh_CN#3dot2">卡券储值功能权限开通</a>。​</p>
                    </div>

                </div>

                <!--卡券背景设置-->
                <div class="control-group">
                    <div class="frm_label pull-left">
                        卡券背景设置
                    </div>
                    {ifp 'member.card'}
                        <div class="frm_controls">
                            <input type="radio" name="card_backgroundtype" value="0"
                                   onclick="$('.backgroundimg').hide();$('.color').show();$('.btn-color-down').hide();"
                                   {if empty($card['card_backgroundtype'])}checked="true"{/if} />
                            <span>使用背景色</span>
                        </div>
                        <div class="frm_controls">
                            <input type="radio" name="card_backgroundtype" value="1"
                                   onclick="$('.backgroundimg').show();$('.color').hide();$('.btn-color-down').hide();"
                                   {if !empty($card['card_backgroundtype'])}checked="true"{/if} />
                            <span>使用背景图片</span>
                        </div>
                    {else}
                        <input type="hidden" name="card_backgroundtype" value="{$card['card_backgroundtype']}">
                        <div class='frm_controls'>
                            {if empty($card['card_backgroundtype'])}
                            使用背景色
                            {else}
                            使用背景图片
                            {/if}
                        </div>
                    {/if}
                </div>

                <!--会员卡背景图-->
                <div class="control-group backgroundimg" {if empty($card['card_backgroundtype'])} style="display:none;"{/if}>
                    <div class="frm_label pull-left">
                        会员卡背景图
                    </div>
                    <div class="frm_controls">
                        <div class="frm-image">
                            <input type="hidden" name="card_backgroundimg" id="card_backgroundimg" value="{$card['card_backgroundimg']}"/>
                            <input type="hidden" name="card_backgroundimg_localpath" id="card_backgroundimg_localpath" value=""/>
                            <img  id="showbackground"  src="{$card['card_backgroundimg']}"/>
                        </div>
                    </div>
                    <div class="frm_controls">
                        <a class="btn btn-default upload" href="javascript:void(0);" {ifp 'member.card'} id="uploadbackground"    {else}disabled{/if} >上传图片</a>
                        <p class='frm_tip'>会员卡背景图，建议像素为1000*600。图片大小不能超过1mb,仅支持jpg,png格式</p>
                    </div>
                </div>

                <!--卡券颜色-->
                <div class="control-group color"   {if !empty($card['card_backgroundtype'])} style="display:none;"{/if}>
                    <div class="frm_label pull-left">
                        卡券背景色
                    </div>
                    <div class="btn-groups  btn-group btns">
                        <input type="hidden" name="color2" id="color2" value="{$card['color2']}"/>
                        <input type="hidden" name="color" id="color" value="{if empty($card['color'])}Color010{else}{$card['color']}{/if}"/>
                        {ife 'sale.wxcard' $card}
                        <a id="selected-color2" class="dropdown-toggle" data-toggle="dropdown"><i  {if empty($card['color'])}style=" background-color: rgb(99, 179, 89);"{else}style=" background-color: {$card['color2']};"{/if}></i><span class="caret pull-right"></span></a>
                        {else}
                        <a class="dropdown-toggle" ><i {if empty($card['color'])}style=" background-color: rgb(99, 179, 89);"{else}style=" background-color: {$card['color2']};"{/if}></i><span class="caret pull-right"></span></a>
                        {/if}
                        <ul class="dropdown-menu" style="width:180px;">
                            <li style="display:inline-block;">
                                <div id="colorpalette3"></div>
                            </li>
                        </ul>
                    </div>
                </div>

                <!--特权说明-->
                <div class="control-group">
                    <div class="frm_label pull-left">
                        特权说明<span style="color: red;">*</span>
                    </div>
                    {ifp 'member.card'}
                    <div class="input-group">
                        <textarea  name="prerogative" rows="5" cols="50">{$card['prerogative']}</textarea>
                    </div>
                    {else}
                        <div class='form-control-static'>{$card['prerogative']}</div>
                    {/if}
                    <p class='card_tip'>文本长度不能超过300字</p>
                </div>

                <!--使用须知-->
                <div class="control-group">
                    <div class="frm_label pull-left">
                        使用须知<span style="color: red;">*</span>
                    </div>
                    {ifp 'member.card'}
                    <div class="input-group">
                        <textarea  name="card_description" rows="5" cols="50">{$card['card_description']}</textarea>
                    </div>
                    {else}
                    <div class='form-control-static'>{$card['card_description']}</div>
                    {/if}
                    <p class='card_tip'>文本长度不能超过300字</p>
                </div>

                <!--商户服务-->
                <div class="control-group">
                    <div class="frm_label pull-left">
                        商户服务
                    </div>
                    {ifp 'member.card'}
                    <div class="frm_controls">
                        <div class="con-label">
                            <!--BIZ_SERVICE_FREE_WIFI-->
                            <input type="checkbox" name="freewifi" id="freewifi" {if !empty($card['freewifi'])}checked{/if} {if  !empty($card)}disabled{/if} / >免费WIFI
                        </div>
                        <div class="con-label">
                            <!--BIZ_SERVICE_WITH_PET-->
                            <input type="checkbox" name="withpet" id="withpet" {if !empty($card['withpet'])}checked{/if} {if  !empty($card)}disabled{/if} />可带宠物</div>
                        <div class="con-label">
                            <!--BIZ_SERVICE_FREE_PARK-->
                            <input type="checkbox" name="freepark" id="freepark" {if !empty($card['freepark'])}checked{/if} {if !empty($card)}disabled{/if} / >免费停车</div>
                        <div class="con-label">
                            <!--BIZ_SERVICE_DELIVER-->
                            <input type="checkbox" name="deliver" id="deliver" {if !empty($card['deliver'])}checked{/if} {if  !empty($card)}disabled{/if} / >可外卖</div>
                    </div>
                    <p class='card_tip'>会员卡商户服务创建后无法修改</p>
                    {else}
                    <div class='frm_controls'>
                        {if !empty($card['freewifi'])}免费WIFI {/if}
                        {if !empty($card['withpet'])}可带宠物{/if}
                        {if !empty($card['freepark'])}免费停车{/if}
                        {if !empty($card['deliver'])}可外卖{/if}
                    </div>
                    {/if}
                </div>

                <!--是否自定义入口-->
                <div class="control-group">
                    <div class="frm_label pull-left">
                        开启自定入口
                    </div>
                    {ifp 'member.card'}
                    <div class="frm_controls">
                        <input type="radio" name="custom_cell1" value="0"   onclick="$('.custom_cell1').hide();$('#show_custom_cell1').hide();" {if empty($card['custom_cell1'])}checked="true"{/if} />
                        <span>关闭</span>
                    </div>
                    <div class="frm_controls">
                        <input type="radio" name="custom_cell1" value="1"  onclick="$('.custom_cell1').show();$('#show_custom_cell1').show();" {if !empty($card['custom_cell1'])}checked="true"{/if}  />
                        <span>开启</span>
                    </div>
                    {else}
                    <input type="hidden" name="custom_cell1" value="{$card['custom_cell1']}">
                    <div class='frm_controls'>
                        {if empty($card['custom_cell1'])}
                        关闭
                        {else}
                        开启
                        {/if}
                    </div>
                    {/if}
                </div>

                <!--入口名称-->
                <div class="control-group custom_cell1"  {if empty($card['custom_cell1'])} style="display:none;"{/if}>
                    <div class="frm_label pull-left">
                        入口名称
                    </div>
                    <div class="frm_controls">
                        {ifp 'member.card'}
                        <input type="text" name="custom_cell1_name" id="custom_cell1_name" class="input" value="{$card['custom_cell1_name']}" />
                        {else}
                        {$card['custom_cell1_name']}
                        {/if}
                    </div>
                </div>

                <!--引导语-->
                <div class="control-group custom_cell1"  {if empty($card['custom_cell1'])} style="display:none;"{/if}>
                    <div class="frm_label pull-left">
                        引导语
                    </div>
                    <div class="frm_controls">
                        {ifp 'member.card'}
                        <input type="text" name="custom_cell1_tips" id="custom_cell1_tips" class="input" value="{$card['custom_cell1_tips']}" />
                        {else}
                        {$card['custom_cell1_tips']}
                        {/if}
                    </div>
                </div>

                <!--入口跳转链接-->
                <div class="control-group custom_cell1"  {if empty($card['custom_cell1'])} style="display:none;"{/if}>
                    <div class="frm_label pull-left">
                        入口跳转链接
                    </div>
                    <div class="frm_controls">
                        {ifp 'member.card'}
                        <input type="text" name="custom_cell1_url" id="custom_cell1_url" class="input" value="{$card['custom_cell1_url']}"  />
                        <span data-input="#custom_cell1_url" data-toggle="selectUrl" class="btn btn-default" data-full="true">选择链接</span>
                        {else}
                        {$card['custom_cell1_url']}
                        {/if}
                    </div>
                </div>


            </div>
        </div>

</div>
<div class='panel-body' style="text-align: right;">
    <a class="btn btn-default  btn-sm" href="{php echo webUrl('member.card')}">返回</a>
    {ifp 'member.card.add|member.card.edit'}
    <input type="submit" value="提交" class="btn btn-primary"/>
    {else}
    {$card['custom_cell1_url']}
    {/if}
</div>
</form>
<script type="text/javascript" src="../addons/{EWEI_SHOP_V2_MODULE_NAME}/static/js/app/biz/sale/wxcard/colorpalette.js" charset="utf-8"></script>

<script>
    {if !empty($card)&&  !empty($card['card_backgroundtype']) &&!empty($card['card_backgroundimg'])}
        $(".logo-area").css({
            "background":"url('{$card['card_backgroundimg']}') no-repeat left top",
            "background-size":"100% 100%",
        });
    {/if}

    {if !empty($card)&&  empty($card['card_backgroundtype'])}
        $(".logo-area").css({
            "background":"{$card['color2']}"
        });
    {/if}


  $('#colorpalette3').colorPalette()
          .on('selectColor', function (e) {
              $('#selected-color2 i').css('background-color', e.color);
              $(".btn-color-down").hide();
              $(".logo-area").css({
                  "background":e.color
              });

              $('#color2').val(e.color);
          });

  $(".btn-color-drop").off("click").on("click", function () {
      if ($(".btn-color-down").css("display") == "block") {
          $(".btn-color-down").hide();
      } else {
          $(".btn-color-down").show();
      }
  })

  require(['jquery', 'util'], function ($, util) {
      //示例图logo控制
      $('#uploadlogo').click(function () {
          util.image('', function (data) {
              $("#showlogo").attr('src', data.url);
              $("#showlogo").show();
              $("#card_logoimg").val(data.url);
              $("#card_logolocalpath").val(data.attachment);

              $("#logoimg").attr('src', data.url);

          });
      });

      //示例图封面图片控制
      $('#uploadbackground').click(function () {
          util.image('', function (data) {
              $("#showbackground").attr('src', data.url);
              $("#showbackground").show();
              $("#card_backgroundimg").val(data.url);
              $("#card_backgroundimg_localpath").val(data.attachment);


              $(".logo-area").css({
                  "background":"url("+data.url+") no-repeat left top",
                  "background-size":"100% 100%",
              });

          });
      });

      //示例图自定义入口1文本控制
      $('#custom_cell1_name').change(function(){

          var str = $(this).val();

          if(str=="")
          {
              str="自定义入口1(选填)";
          }

          $('#show_custom_cell1_name').html(str);
      });
      //示例图自定义入口1引导文本控制
      $('#custom_cell1_tips').change(function(){
          $('#show_custom_cell1_tips').html($(this).val());
      });
      //示例图自定义入口1引导文本控制
      $('#card_title').change(function(){
          $('#title').html($(this).val());
      });

      //示例图自定义入口1引导文本控制
      $('#card_brand_name').change(function(){
          $('#brandname').html($(this).val());
      });



  });

</script>

{template '_footer'}