<extend name="Public/base" />

<block name="body">
  <link rel="stylesheet" href="__CSS__/select2.min.css" type="text/css" />
  <link rel="stylesheet" type="text/css" href="__CSS__/admin_table.css" media="all">
  <link href="__STATIC__/icons_alibaba/iconfont.css" rel="stylesheet">
  <script type="text/javascript" src="__STATIC__/uploadify/jquery.uploadify.min.js"></script>
  <script type="text/javascript" src="__STATIC__/provincecityarea/AreaData_min.js"></script>
  <script src="__STATIC__/layer/layer.js"></script>
  <script src="__STATIC__/laydate/laydate.js"></script>
  <script type="text/javascript" src="__JS__/select2.min.js"></script>

  <style>
    .tabcon1711 input.time {
      width: 150px;
    }
    #form .txt_area {
      width: 300px;
      height: 150px;
    }
    .tabcon1711 .form_unit {
      margin-left: 2px;
    }
    .tabcon1711 .mustmark {
      margin-left:-7px;
    }
    .list-ratio {
      display: table;
    }
    .list-ratio .li-ratio {
      display: flex;
      margin-bottom: 20px;
      align-items: center;
    }
    .list-ratio .li-ratio .turnover, .list-ratio .li-ratio .turnover-ratio {
      position: relative;
    }
    .list-ratio .li-ratio .turnover span, .list-ratio .li-ratio .turnover-ratio .error-message {
      color: red;
      position: absolute;
      left: 0;
      top: 30px;
      white-space: nowrap;
      display: none;
    }
    .iconfont-btn {
      cursor: pointer;
    }
    .iconfont-style {
      font-size: 18px;
      color: #fff;
      border-radius: 4px;
      border: 0;
      padding: 5px;
      margin-left: 10px;
    }
    .iconfont-selected {
      background-color: #0A9AF2;
    }
    .iconfont-selected:hover {
      background-color: #03a9f4;
    }
    .iconfont-unselected {
      background-color: #999;
    }
    .iconfont-unselected:hover {
      background-color: #ababab;
    }
  </style>
  <div class="cf main-place top_nav_list navtab_list">
    <h3 class="page_title">{$meta_title}</h3>
<!--    <p class="description_text">说明:此功是创建推广员时所需填写信息</p>-->
  </div>

  <!-- 标签页导航 -->
  <div class="tab-wrap">
    <div class="tab-content tabcon1711">
      <!-- 表单 -->
      <form id="form" action="{:U('save')}" method="post" class="form-horizontal">
        <!-- 基础文档模型 -->
        <div id="tab1" class="tab-pane in tab1">
          <table  border="0" cellspacing="0" cellpadding="0">
            <tbody>
            <tr>
              <td class="l"><i class="mustmark">*</i>推广公司:</td>
              <td class="r table_radio">
                <span class="form_radio table_btn" style="color: red;">{$company.company_name}</span>
                <span class="notice-text"></span>
              </td>
            </tr>
            <tr>
              <td class="l"><i class="mustmark">*</i>押金付款方式:</td>
              <td class="r">
                <select name="pay_type" id="pay_type" class="select_gallery">
                  <option value="">押金付款方式</option>
                  <?php foreach($payTypes as $key => $name):?>
                  <option value="<?=$key?>" <?php if($record && $record['pay_type'] == $key):?>selected<?php endif;?>><?=$name?></option>
                  <?php endforeach;?>
                </select>
                <span class="notice-text"></span>
              </td>
            </tr>
            <tr class="need-amount" <?php if($record && $record['pay_type']==3):?>style="display:none;"<?php endif;?>>
              <td class="l"><i class="mustmark">*</i>付款方式:</td>
              <td class="r">
                <select name="pay_way" id="pay_way" class="select_gallery">
                  <option value="">付款方式</option>
                  <?php foreach($payWays as $key => $name):?>
                  <option value="<?=$key?>" <?php if($record && $record['pay_way'] == $key):?>selected<?php endif;?>><?=$name?></option>
                  <?php endforeach;?>
                </select>
                <span class="notice-text"></span>
              </td>
            </tr>
            <tr class="need-amount" <?php if($record && $record['pay_type']==3):?>style="display:none;"<?php endif;?>>
              <td class="l"><?php if($record):?><i class="mustmark">*</i><?php endif?>金额:</td>
              <td class="r table_radio">
                <input type="text" class="txt ratio" name="amount" id="amount" value="<?=$record?$record['amount']:''?>" placeholder="请输入金额">
                <span class="notice-text"></span>
              </td>
            </tr>
            <tr class="need-amount" <?php if($record && $record['pay_type']==3):?>style="display:none;"<?php endif;?>>
              <td class="l">付款人:</td>
              <td class="r table_radio">
                <input type="text" class="txt ratio" name="payer" id="payer" value="<?=$record?$record['payer']:''?>" placeholder="请输入付款人">
                <span class="notice-text"></span>
              </td>
            </tr>
            <tr class="need-amount" <?php if($record && $record['pay_type']==3):?>style="display:none;"<?php endif;?>>
              <td class="l">付款账号:</td>
              <td class="r table_radio">
                <input type="text" class="txt ratio" name="pay_account" id="pay_account" value="<?=$record?$record['pay_account']:''?>" placeholder="请输入付款账号">
                <span class="notice-text"></span>
              </td>
            </tr>
            <tr>
              <td class="l">押金收到时间:</td>
              <td class="r">
                <input type="text" class="txt time-stamp" name="pay_accept_time" id="pay_accept_time" value="<?= $record['pay_accept_time']?date('Y-m-d', $record['pay_accept_time']):''?>" readonly>
              </td>
            </tr>
            <tr>
              <td class="l">押金退款时间:</td>
              <td class="r">
                <input type="text" class="txt time-stamp" name="refund_time" id="refund_time" value="<?=$record['refund_time']?date('Y-m-d', $record['refund_time']):''?>" readonly>
              </td>
            </tr>
            </tbody>
          </table>
        </div>
        <input type="hidden" name="company_id" id="company_id" value="{$company.id}" />
        <div class="form-item cf">
          <button class="submit_btn mlspacing" id="submit" type="submit" target-form="form-horizontal">
            确认
          </button>
          <a class="submit_btn " alt="返回上一页" title="返回上一页" href="javascript:window.history.back();" >
            返回
          </a>
        </div>
      </form>
    </div>
  </div>

  <div class="common_settings">
    <span class="plus_icon"><span><img src="__IMG__/zwmimages/icon_jia.png"></span></span>
    <form class="addShortcutIcon">
      <input type="hidden" name="title" value="{$m_title}">
      <input type="hidden" name="url" value="Promote/lists/type/1">
    </form>
    <a class="ajax-post add-butn <notempty name='commonset'>addSIsetted</notempty>" href="javascript:;" target-form="addShortcutIcon" url="{:U('Think/addShortcutIcon')}"><img src="__IMG__/zwmimages/icon_jia.png"><span><notempty name='commonset'>已添加<else />添加至常用设置</notempty></span></a>
  </div>

</block>

<block name="script">
  <link href="__STATIC__/datetimepicker/css/datetimepicker.css" rel="stylesheet" type="text/css">
  <php>if(C('COLOR_STYLE')=='blue_color') echo '<link href="__STATIC__/datetimepicker/css/datetimepicker_blue.css" rel="stylesheet" type="text/css">';</php>
  <link href="__STATIC__/datetimepicker/css/dropdown.css" rel="stylesheet" type="text/css">
  <script type="text/javascript" src="__STATIC__/datetimepicker/js/bootstrap-datetimepicker.min.js"></script>
  <script type="text/javascript" src="__STATIC__/datetimepicker/js/locales/bootstrap-datetimepicker.zh-CN.js" charset="UTF-8"></script>
<script type="text/javascript">
//导航高亮
highlight_subnav('{:U('PresidentDeposit/records')}');
$(".select_gallery").select2();

$(function(){
    $('.time').datetimepicker({
        format: 'yyyy-mm',
        language: "zh-CN",
        autoclose: true,
        scrollMonth: false,
        scrollTime: false,
        scrollInput: false,
        startView: 'year',
        minView:'year',
        maxView:'year',
    });
    
    $('.time-stamp').each(function(){
      laydate.render({
      elem: this,
      type: 'date'
    });
    })
    
    // $('.time-stamp').datetimepicker({
    //         format: 'yyyy-mm-dd hh:ii:ss',
    //         dateFormat: 'yyyy-mm-dd',//日期显示格式
    //         timeFormat: 'HH:mm:ss',//时间显示格式
    //         autoclose : true,
    //         todayBtn : true,
    //         todayHighlight : true,
    //         language : 'zh-CN',
    //         startView : 2,//月视图
    //         showMeridian : true,
    //         pickerPosition : "bottom-left",
    //         minuteStep : 1
    //     });
    showTab();

    $('#pay_type').change(function() {
      var val = $(this).val()
      if (val == 2) {
        $('.need-amount').show();
        $("#pay_way option[value='4']").removeProp('disabled');
        $('#pay_way').val('4').select2()
        $('#pay_way').attr('disabled', 'disabled')
      } else if(val == 3) {
        $('.need-amount').hide();
      } else {
        $('.need-amount').show();
        $('#pay_way').removeAttr('disabled');
        $("#pay_way option[value='4']").prop('disabled', true);
        $('#pay_way').val('').select2()
      }
    })

    $('#submit').click(function (e) {
        var target = $('form').get(0).action;
        var query = $('form').serialize();
        var that = this;
        $(that).addClass('disabled').attr('autocomplete','off').prop('disabled',true);
        $.post(target,query).success(function(data){
            if(layer) {layer.closeAll('loading');}
            if (data.status==1) {
                if (data.url) {
                    updateAlert(data.info + ' 页面即将自动跳转~');
                }else{
                    updateAlert(data.info);
                }
                setTimeout(function(){
                    $(that).removeClass('disabled').prop('disabled',false);
                    if (data.url) {
                        location.href=data.url;
                    }else if( $(that).hasClass('no-refresh')){
                        $('#tip').find('.tipclose').click();
                    }else{
                        location.reload();
                    }
                },1500);
            }else{
                updateAlert(data.info,'tip_error');
                setTimeout(function(){
                    $(that).removeClass('disabled').prop('disabled',false);
                    if (data.url) {
                        location.href=data.url;
                    }else{
                        $('#tip').find('.tipclose').click();
                    }
                },3000);
            }
        });
    });
});
</script>
</block>