{layout name="public/layout_main"}
<link rel="stylesheet" href="/static/fileinput/css/fileinput.css">
<link rel="stylesheet" href="/static/bootstrap-select/css/bootstrap-select.min.css">
<style type="text/css">
.progress-bar{
    text-align: center;
}
.dropdown-menu{
    z-index: 100000;
}
</style>

<section class="wrapper">
    <h3 class="">
        <a href="<?php echo url('@admin/Guide/index')?>">
            <i class="fa fa-angle-right"></i> <a href="{:url('admin/Guide/index')}">美行攻略</a> <i class="fa fa-angle-right"></i> 修改攻略
        </a>
    </h3>
    <hr>

    <?php if(isset($msg) && $msg):?>
    <div class="row margin-bottom">
        <div class="col-md-12">
            <div class="alert alert-danger alert-dismissible fade in" role="alert">
                <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span></button>
                <?php echo $msg;?>
            </div>
        </div>
    </div>
    <?php endif;?>

    <div class="row margin-bottom">
        <div class="col-md-12">
            <form name="myFrom" class="form-horizontal" enctype="multipart/form-data" method="POST" action="<?php echo url("@admin/Guide/update/id/".$article['id'])?>" id="article-create-form">
                <div class="form-group">
                    <label for="title" class="col-sm-2 control-label text-right">攻略标题</label>
                    <div class="col-sm-20 col-md-8 col-lg-6">
                        <input type="text" class="form-control validate[required]" value="{$article.title}" name="title" id="title" placeholder="请输入美行攻略的标题 ">
                    </div>
                </div>
                <div class="form-group">
                    <label for="title" class="col-sm-2 control-label text-right">攻略描述</label>
                    <div class="col-sm-10 col-md-8 col-lg-6">
                        <textarea name="intro" id="" cols="30" rows="3" class="form-control" placeholder="请输入美行攻略的简单描述">{$article.intro}</textarea>
                    </div>
                </div>
                <div class="form-group">
                    <label for="title" class="col-sm-2 control-label text-right" >攻略封面</label>
                    <div class="col-sm-20 col-md-8 col-lg-6">
                      <input type="hidden" name='old_poster' value="{$article.poster}">
                        <img src="{$article.poster}" style="width:170px;margin-bottom:10px" alt="" id="poster_view">
                        <input id="input-b1" name="poster" type="file">
                    </div>
                </div>
                <div class="form-group">
                    <label for="title" class="col-sm-2 control-label text-right">攻略标签</label>
                    <div class="col-sm-20 col-md-8 col-lg-6">
                        <input type="hidden" name="tags" id="tags" value="{$tags}">
                        <select class="selectpicker form-control" name="tags" multiple data-live-search="true">
                            {volist name="tag_list" name="tag_list" id="vo"}
                            <option {if condition="in_array($vo.id,$tag_arr)"}selected{/if} value="{$vo.id}">{$vo.name}</option>
                            {/volist}
                        </select>
                    </div>
                </div>
                <div class="form-group">
                    <label for="title" class="col-sm-2 control-label text-right">攻略类型</label>
                    <div class="col-sm-20 col-md-8 col-lg-6">
                        <select class="form-control" name="type" id="post_type">
                            <option {if condition="$article.type == 1"}selected{/if} value="1">手动编写文章</option>
                            <option {if condition="$article.type == 2"}selected{/if} value="2">链接到网络文章</option>
                        </select>
                    </div>
                </div>
                <div class="form-group" id="href" style="display: none">
                    <label for="title" class="col-sm-2 control-label text-right">请输入url</label>
                    <div class="col-sm-20 col-md-8 col-lg-6">
                       {if condition="$article.type == 1"}
                         <input type="text" name="href" class="form-control">
                         {else/}
                         <input type="text" value="{$article.content}" name="href" class="form-control">
                       {/if}
                        <code>http:// + 网址 或 https:// + 网址</code>
                    </div>
                </div>
                <div class="form-group" id="content">
                    <label for="content" class="col-sm-2 control-label text-right">攻略详情</label>
                    <div class="col-sm-20 col-md-8 col-lg-6">
                        <!-- 加载编辑器的容器 -->
                        {if condition="$article.type == 1"}
                          <script id="post_container" name="content" type="text/plain" style="width: 100%">
                          {$article.content}
                          </script>
                          {else/}
                          <script id="post_container" name="content" type="text/plain" style="width: 100%">
                          </script>
                        {/if}
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-sm-offset-2 col-sm-10">
                        <button type="submit" class="btn btn-success" id="btn-save">修改</button>
                    </div>
                </div>
            </form>
        </div>
    </div>
</section>
<!-- 文件上传和select插件 -->
<script type="text/javascript" src="/static/fileinput/js/fileinput.min.js"></script>
<script type="text/javascript" src="/static/fileinput/js/locales/zh.js"></script>
<script type="text/javascript" src="/static/bootstrap-select/js/bootstrap-select.min.js"></script>
<script type="text/javascript" src="/static/bootstrap-select/js/i18n/defaults-zh_CN.js"></script>


                        <!-- 配置文件 -->
<script type="text/javascript" src="/static/ueditor/ueditor.config.js"></script>
<!-- 编辑器源码文件 -->
<script type="text/javascript" src="/static/ueditor/ueditor.all.js"></script>

<script type="text/javascript">
$(function(){
    // 即时显示封面图
    $('#poster').change(function(e){
        var file = e.target.files[0];
        preview(file, 0);
    });
    var type = $("#post_type").val();
    if(type == 1){
        $("#content").show();
        $("#href").hide();
    }else{
        $("#href").show();
        $("#content").hide();
    }
});
$("#post_type").change(function(){
    var type = $(this).val();
    if(type == 1){
        $("#content").show();
        $("#href").hide();
    }else{
        $("#href").show();
        $("#content").hide();
    }
});
// 初始化文件上传
var fileInput = $("#input-b1").fileinput({
    language: 'zh',
    showUpload:false, //是否显示上传按钮
    allowedFileExtensions: ['bmp','jpg','png','tif','gif','pcx','tga','exif','fpx','svg','cdr','pcd','dxf','ufo','eps','raw','WMF','webp'],//接收的文件后缀
})
$("#input-b1").change(function(data){
    if(this.files.length>0){
      $("#poster_view").hide();
    }else{
      $("#poster_view").show();
    }
})
$("#input-b1").on("fileclear",function(event, data, msg){
  $("#poster_view").show();
});
function setTags(){
    var slected = $("#tags_select").val();
    if(slected){
        $("#tags").val(slected.toString());
    }else{
        $("#tags").val("");
    }
}
UE.getEditor('post_container', {
    //编辑区域大小
    'initialFrameHeight' : '350',
    'elementPathEnabled':false,
    'autoHeight': true,
    'autoHeightEnabled':true,
    'autoFloatEnabled': true,
    'iframeCssUrl': '/static/ueditor/themes/iframe.css',// 引入css
    //定制菜单
    'toolbars' : [
        [
            'fullscreen', 'source', 'undo', 'redo', '|',
            'fontsize',
            'bold', 'italic', 'underline', 'fontborder', 'strikethrough', 'removeformat',
            'formatmatch', 'blockquote', 'pasteplain', '|',
            'forecolor', 'backcolor', '|',
            'lineheight', '|',
            'indent', '|', 'insertimage', '|',
            'justifyleft', //居左对齐
            'justifyright', //居右对齐
            'justifycenter', //居中对齐
            'justifyjustify', //两端对齐
        ],
    ]
});
</script>