<?php defined('IN_YUNYECMS') or exit('No permission.'); ?><!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>YUNYECMS <?php echo YUNYECMS_VERSION;?></title>
  <!-- Tell the browser to be responsive to screen width -->
  <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
  <!-- Bootstrap 3.3.6 -->
  <link rel="stylesheet" href="<?php echo YUNYECMS_UI;?>bootstrap/css/bootstrap.min.css">
  <!-- Font Awesome -->
  <link rel="stylesheet" href="<?php echo YUNYECMS_UI;?>plugins/font-awesome-4.7.0/css/font-awesome.min.css">
  <!-- Theme style -->
  <link rel="stylesheet" href="<?php echo YUNYECMS_UI;?>plugins/iCheck/all.css">
  <link rel="stylesheet" href="<?php echo YUNYECMS_UI;?>dist/css/AdminLTE.min.css">
  <!-- AdminLTE Skins. Choose a skin from the css/skins
       folder instead of downloading all of them to reduce the load. -->
  <link rel="stylesheet" href="<?php echo YUNYECMS_UI;?>dist/css/skins/_all-skins.min.css">
  <link rel="stylesheet" href="<?php echo YUNYECMS_UI;?>dist/css/admin.css">
<link rel="stylesheet" href="<?php echo YUNYECMS_UI;?>validator/dist/css/bootstrapValidator.css"/>
<script type="text/javascript" charset="utf-8" src="<?php echo YUNYECMS_PUBLIC;?>ueditor/ueditor.config.js"></script>
 <script type="text/javascript" charset="utf-8" src="<?php echo YUNYECMS_PUBLIC;?>ueditor/ueditor.all.js"> </script> 
<script src="<?php echo YUNYECMS_UI;?>plugins/jQuery/jquery-2.2.3.min.js"></script>
  <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
  <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  <!--[if lt IE 9]>
  <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
  <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  <![endif]-->
</head>
<body class="hold-transition rightbgcolor"  onload="changefrmHeight()">
  <!-- Content Wrapper. Contains page content -->
  <div class="container-fluid" id="mainwrap">
    <!-- Main content -->
    <section class="content">
      <div class="row">
        <!-- left column -->
        <div class="col-md-12">
        <div class="box  box-solid">
            <div class="box-header">
             <div class="col-xs-12 col-sm-12 col-md-8 pb10">
              <h3 class="box-title"><?php if($yyact=='add') { ?> 增加在线客服 <?php } elseif ($yyact=="edit") { ?> 修改在线客服 <?php } ?></h3> &nbsp; 
                 <?php include tpl_addons('menu','admin',1); ?>
             </div>
             <div class="col-xs-12 col-sm-12 col-md-4">
              <div class="box-tools">
               <form class="form-search" method="post" action="<?php echo YUNYECMS_URLADDONS;?>">
                 <?php echo $this->hashurl['svp'];?>
                <div class="col-xs-12 col-md-12">
                  <div class="input-group input-group-sm" >
                   <input type="text" name="searchkey" class="form-control pull-right" value="<?php if(!empty($searchkey)) { ?><?php echo $searchkey;?><?php } ?>" placeholder="请输入关键词">
                  <div class="input-group-btn">
                   <button type="submit" class="btn btn-info"><i class="fa fa-search"></i></button>
                  </div>
                  </div>
                </div>
               </form>
             </div>
       </div>
   </div>
   <div class="box-body" style="padding-left: 0px; padding-right: 0px;">
			 					<form id="form1" class="form-horizontal" method="post" action="<?php echo YUNYECMS_URLADDONS;?>"   >
										<!--BEGIN TABS-->
										<div class="nav-tabs-custom">
											<ul class="nav nav-tabs">
												<?php if(is_array($lang_list)): $i = -1; $__DATA__ = $lang_list;if(count($__DATA__)==0 )  echo "" ;foreach($__DATA__ as $key=>$var): $mod = ($i % 2 );++$i;?>
												<li <?php if($var['isdefault']==1) { ?> class="active" <?php } ?>   ><a href="#tab_<?php echo $var["id"] ;?>" data-toggle="tab"><span class="lancnbox"><span class="lan" style="background:url(<?php echo $var["lang_icon"] ;?>) no-repeat 0px 0px; background-size: 16px;"></span></span> <?php echo $var["title"] ;?></a></li>
											    <?php  endforeach;  endif; ?>
											</ul>
	   <div class="tab-content">
		  <?php if(is_array($lang_list)): $i = -1; $__DATA__ = $lang_list;if(count($__DATA__)==0 )  echo "" ;foreach($__DATA__ as $kl=>$vl): $mod = ($i % 2 );++$i;?>
		   <?php 
		   	 $langid=$vl["id"];
		     $lang_default=$vl["isdefault"];
		   ?>
		<div class="tab-pane <?php if($vl['isdefault']==1) { ?> active <?php } ?>" id="tab_<?php echo $langid;?>">  
		<div class="box-body">
        <div class="form-group">
            <label class="col-md-2 control-label" for="title">客服名称</label>
            <div class="col-md-6">
                <input type="text"  placeholder="如：售前咨询" class="form-control " id="title_<?php echo $langid;?>" name="title_<?php echo $langid;?>" <?php if(!empty($id)) { ?>  value="<?php echo $rs_shadow[$langid]['title'];?>" <?php } ?>  />
            </div>
        </div>
	 <?php if($lang_default==1) { ?>	 
        <div class="form-group">
            <label class="col-md-2 control-label" for="title">客服类型</label>
            <div class="col-md-6">
                 <?php if(is_array($online_type)): $i = -1; $__DATA__ = $online_type;if(count($__DATA__)==0 )  echo "" ;foreach($__DATA__ as $km=>$vm): $mod = ($i % 2 );++$i;?>
							<input type="radio" name="online_type" value="<?php echo $vm["index"] ;?>" class="minimal-blue"   <?php  if(empty($rsinfo['online_type'])){ if($vm["index"]=='qq') echo "checked";}else{  if($rsinfo['online_type']==$vm["index"]) echo "checked";} ?> >  <?php echo $vm["name"] ;?> &nbsp;
				 <?php  endforeach;  endif; ?>
            </div>
        </div>
        <div class="form-group">
            <label class="col-md-2 control-label" for="title">二维码</label>
            <div class="col-md-6">
              <script type="text/plain" id="upload_ue"></script>
             <div class="col-md-12" id="imgpicbox" style="padding-left: 0">
            <input type="hidden" id="pic" name="pic" <?php if(!empty($id)) { ?>  value="<?php echo $rsinfo["pic"] ;?>" <?php } ?> />
   	        <?php 
   	          if(empty($rsinfo['pic'])){ 
			  $strimgcss='style="display: none;"'; 
			  $picurl=YUNYECMS_PUBLIC.'img/addpic.png'; 
			   }else{ 
			  $strimgcss=''; 
			  $picurl=$rsinfo['pic']; 
			  }
   	        ?>
    	        <img src="<?php echo $picurl;?>" id="img_pic" style="width: 135px;height:135px;  border: solid 1px #ccc;padding: 2px; cursor: pointer;  " onclick="upImage();" /><br>
				<div style="margin-top:8px;">
					<a href="javascript:void(0);" onclick="upImage();" class="btn btn-primary btn-flat"><i class="fa fa-upload"></i> 点击上传图片 </a>
  <?php  if(!empty($rsinfo["pic"])){ $strcanclecss="style=''";} else{ $strcanclecss="style='display:none;'" ;} ?>	
 <button type="button" class="btn bg-red btn-flat" id="cancle" <?php echo $strcanclecss;?>><i class="fa fa-remove"></i> 取消图片</button>
				</div> 
              </div>
		<script type="text/javascript">
		var _editor;
		$(function() {
		//重新实例化一个编辑器，防止在上面的editor编辑器中显示上传的图片或者文件
		_editor = UE.getEditor('upload_ue');
		_editor.ready(function () {
		//设置编辑器不可用
		//_editor.setDisabled();
		//隐藏编辑器，因为不会用到这个编辑器实例，所以要隐藏
		_editor.hide();
		//侦听图片上传
		_editor.addListener('beforeInsertImage', function(t, arg) {
		//将地址赋值给相应的input,只去第一张图片的路径
		$("#pic").attr("value", arg[0].src);
		$("#img_pic").attr("src", arg[0].src);
		$("#imgpicbox").show();
		//图片预览
		//$("#preview").attr("src", arg[0].src);
		})
		});
		}); 
		//弹出图片上传的对话框
		function upImage() {
		var myImage = _editor.getDialog("insertimage");
		myImage.open();
		}
		$("#cancle").click(function(){
					$("#pic").val('');
					$("#img_pic").attr("src","<?php echo YUNYECMS_PUBLIC;?>img/noimg.jpg");
				});	
		</script>
        </div>
        </div>  
        <div class="form-group">
            <label class="col-md-2 control-label" for="title">电话/QQ/微信号</label>
            <div class="col-md-6">
                <input type="text"  class="form-control " id="num" name="num"  <?php if($id) { ?>  value="<?php echo $rsinfo["num"] ;?>" <?php } ?> />
            </div>
        </div> 
	  <?php } ?>
       <div class="form-group">
            <label class="col-md-2 control-label" for="description">简介</label>
            <div class="col-md-6">
                <textarea name="summary_<?php echo $langid;?>" id="summary_<?php echo $langid;?>"   class="form-control "  class="span5"><?php if(!empty($id)) echo $rs_shadow[$langid]["summary"];?> </textarea>
            </div>
        </div> 
	   <?php if($lang_default==1) { ?>	 
       <div class="form-group">
            <label class="col-md-2 control-label" for="title">排序</label>
            <div class="col-md-6">
                <?php if(empty($id)) { ?>
                <input type="text"  class="form-control " id="ordernum" name="ordernum" value="<?php echo $ordermax;?>" />
                <?php } else { ?>
                <input type="text"  class="form-control " id="ordernum" name="ordernum" value="<?php echo $rsinfo["ordernum"] ;?>" />
                <?php } ?>
            </div>
        </div>
	    <?php } ?>
          </div>
              <!-- /.box-body -->
              <div class="box-footer">
				   <div class="row">
					<div class="col-md-offset-2 col-md-9">
					 <?php if($lang_default==1) { ?>	 	 	
					 <input name="yyact" type="hidden" value="<?php echo $yyact;?>">
                     <input name="c" type="hidden" value="<?php echo ROUTE_C;?>">
                     <input name="a" type="hidden" value="<?php echo ROUTE_A;?>">
                     <?php echo $this->hashurl['svp'];?>
                     <?php if(!empty($id)) { ?>
                     <input name="id" type="hidden" value="<?php echo $id;?>">
                     <?php } ?>
	                <?php } ?>	 
                     <button type="submit" class="btn bg-blue  btn-flat"><?php if($yyact=="add") { ?> <i class="icon fa fa-plus"></i> 添 加 <?php } elseif ($yyact=="edit") { ?> <i class="icon fa fa-edit"></i> 修 改 <?php } ?></button> &nbsp; &nbsp;
                     <button type="reset" class="btn btn-default btn-flat"> <i class="fa fa-undo"></i> 重 置 </button>  
					</div>
				</div>
               </div>
              <!-- /.box-footer -->
		</div>
	  <?php  endforeach;  endif; ?>
					</div>
		</div>

										<!--END TABS-->
                            </form>	
           
           
           
            </div>

         
         
          </div>
	                 
            
        </div>
        <!--/.col (left) -->
      </div>
      <!-- /.row -->
    </section>
    <!-- /.content -->
  </div>
  <!-- /.content-wrapper -->
<?php include tpl_adm("foot"); ?> 
<!-- jQuery 2.2.3 -->
<script src="<?php echo YUNYECMS_UI;?>plugins/jQuery/jquery-2.2.3.min.js"></script>
<!-- Bootstrap 3.3.6 -->
<script src="<?php echo YUNYECMS_UI;?>bootstrap/js/bootstrap.min.js"></script>
<!-- FastClick -->
<!-- AdminLTE for demo purposes -->
<script src="<?php echo YUNYECMS_UI;?>dist/js/admin.js"></script>
<script src="<?php echo YUNYECMS_UI;?>plugins/iCheck/icheck.min.js"></script>

<script type="text/javascript" src="<?php echo YUNYECMS_UI;?>validator/dist/js/bootstrapValidator.js"></script>
<script>
  $(function () {
    //iCheck for checkbox and radio inputs
    $('input[type="checkbox"].minimal, input[type="radio"].minimal').iCheck({
      checkboxClass: 'icheckbox_minimal-blue',
      radioClass: 'iradio_minimal-blue'
    });
    //Red color scheme for iCheck
    $('input[type="checkbox"].minimal-red, input[type="radio"].minimal-red').iCheck({
      checkboxClass: 'icheckbox_minimal-red',
      radioClass: 'iradio_minimal-red'
    });
    //Flat red color scheme for iCheck
    $('input[type="checkbox"].flat-blue, input[type="radio"].flat-blue').iCheck({
      checkboxClass: 'icheckbox_flat-blue',
      radioClass: 'iradio_flat-blue'
    });
  });
</script>
<script type="text/javascript">
$(document).ready(function() {
    $('#defaultForm').bootstrapValidator({
        message: 'This value is not valid',
//        live: 'disabled',
        feedbackIcons: {
            valid: 'glyphicon glyphicon-ok',
            invalid: 'glyphicon glyphicon-remove',
            validating: 'glyphicon glyphicon-refresh'
        },
        fields: {
            title: {
                message: '栏目名称是无效的',
                validators: {
                    notEmpty: {
                        message: '栏目名称必需填写'
                    },
                   /* remote: {
                        url: 'user_add.php',
                        message: '部门名是不可用的'
                    },*/
                }
            },
        }
    });
});
</script>
<script language="javascript" type="text/javascript">
        $(function() {
			var navudinfo="<?php echo $parnav;?>";
			$('.breadcrumb',window.parent.document).children('#homeitem').nextAll().remove();
			$('.breadcrumb',window.parent.document).children('#homeitem').after(navudinfo);
        });
</script>

    <script>
			  $(function () {
				//iCheck for checkbox and radio inputs
				$('input[type="checkbox"].minimal, input[type="radio"].minimal').iCheck({
				  checkboxClass: 'icheckbox_minimal-blue',
				  radioClass: 'iradio_minimal-blue'
				});
				//Red color scheme for iCheck
				$('input[type="checkbox"].minimal-red, input[type="radio"].minimal-red').iCheck({
				  checkboxClass: 'icheckbox_minimal-red',
				  radioClass: 'iradio_minimal-red'
				});
				$('input[type="checkbox"].minimal-blue, input[type="radio"].minimal-blue').iCheck({
				  checkboxClass: 'icheckbox_minimal-blue',
				  radioClass: 'iradio_minimal-blue'
				});
				//Flat red color scheme for iCheck
				  $('input[type="checkbox"].flat-blue, input[type="radio"].flat-blue').iCheck({
				  checkboxClass: 'icheckbox_flat-blue',
				  radioClass: 'iradio_flat-blue'
				});
			  });
     </script>
</body>
</html>