<?php
/**
 * Created by PhpStorm.
 * User: xiaofeng
 * Date: 2018/4/19
 * Time: 上午11:01
 */
use backend\assets\AppAsset;
AppAsset::addScript($this,Yii::$app->request->baseUrl."/static/plug-in/ueditor/1.4.3/ueditor.config.js");
AppAsset::addScript($this,Yii::$app->request->baseUrl."/static/plug-in/ueditor/1.4.3/ueditor.all.min.js");
AppAsset::addScript($this,Yii::$app->request->baseUrl."/static/plug-in/ueditor/1.4.3/lang/zh-cn/zh-cn.js");

AppAsset::addScript($this,Yii::$app->request->baseUrl."/js/routine/city.js");
?>


<style>
    .layui-upload-img img{display: block;height: 100%;width: 100%;}
    .layui-upload-img{display: inline-block;height:120px;width: 120px;border: 1px solid #999;margin-right: 10px;position: absolute;position: relative;
        overflow: hidden;}
    .xm_qytc_box {width:80%;margin:20px auto 0;}

</style>
<div class="xm_qytc_box">
    <form class="layui-form layui-form-pane" id="citysignupForm">
        <div class="layui-form-item">
            <label class="layui-form-label"><span style="color:red">*</span>标题</label>
            <div class="layui-input-inline" style="width:270px;">
                <input type="text" name="title"  lay-verify="required" value="<?php echo $details['title']  ?>" placeholder="请输入标题" autocomplete="off" class="layui-input">
            </div>
        </div>

        <div class="layui-form-item">
            <label class="layui-form-label">区域</label>
            <div class="layui-input-inline" style="width:270px;">
                <select name="city_id" >
                    <option value="">请选择</option>
                    <?php foreach($city as $val){?>
                        <option value="<?php echo $val['id'] ?>" <?php if($val['id'] == $details['city_id']) echo 'selected'  ?>  ><?php echo $val['city_name']?></option>
                    <?php }?>
                </select>
            </div>
        </div>

        <div class="layui-form-item">
            <label class="layui-form-label">区域拼音：</label>
            <div class="layui-input-inline" style="width:270px;">
                <input type="text" name="pinyin"   value="<?php echo $details['pinyin']  ?>" lay-verify="required" placeholder="请输入区域拼音" autocomplete="off" class="layui-input">
            </div>
        </div>


        <div class="layui-form-item">
            <label class="layui-form-label">视频地址：</label>
            <div class="layui-input-inline" style="width:270px;">
                <input type="text" name="video"   value="<?php echo $details['video']  ?>" lay-verify="required" placeholder="请输入视频地址" autocomplete="off" class="layui-input">
            </div>
        </div>


        <div class="layui-form-item xm_pr">
            <div class="layui-upload">
                <button type="button" class="layui-btn" id="upload_edits">区域图集（3张）</button>
                <blockquote class="layui-elem-quote layui-quote-nm" style="margin-top: 10px;">
                    预览图：
                    <div class="layui-upload-list" id="demo1">
                            <?php if(!empty($details['img'])){  foreach ($details['img'] as $key=>$val){?>
                        <div class="layui-upload-img">
                            <div class="delete-list" id="delimg">
                                <i class="layui-icon fa-trash-o" >&#xe640;</i>
                            </div>
                            <img delIdentification="" imgname="<?php echo $val ?>" src="<?php echo $url.$val ?>" alt=""></div>
                        <?php }} ?>
                    </div>
                </blockquote>
            </div>
        </div>


        <div class="layui-form-item xm_pr">
            <div class="layui-upload">
                <button type="button" class="layui-btn" id="upload_edit">缩略图（单张）</button>
                <!--                <input type="checkbox" class="xm_xcxqTc_button"  name="thumb_size" value="2" title="大图">-->
                <!--                <input type="checkbox" class="xm_xcxqTc_button"  name="thumb_watermark" value="1" checked title="水印">-->

                <blockquote class="layui-elem-quote layui-quote-nm" style="margin-top: 10px;">
                    预览图：
                    <div class="layui-upload-list" id="demo2">

                        <div class="layui-upload-img"><div  id="delimg"></div><img  src="<?php  echo $url.$details['thumb'] ?>" alt=""></div>
                    </div>
                </blockquote>
            </div>
        </div>

        <div class="layui-form-item xm_pr">
            <div class="layui-upload">
                <button type="button" class="layui-btn" id="upload_edit_bg">背景图（单张）</button>

                <blockquote class="layui-elem-quote layui-quote-nm" style="margin-top: 10px;">
                    预览图：
                    <div class="layui-upload-list" id="demo_bg">

                        <div class="layui-upload-img"><div  id="delimg"></div><img  src="<?php  echo $url.$details['background_img'] ?>" alt=""></div>
                    </div>
                </blockquote>
            </div>
        </div>

        <div class="layui-bg-gray" style="padding:12px 15px;">简介：</div>
        <div class="editor_box">
            <textarea  name="introduce" id="editor_content" cols="30" rows="10" style="width:100%;height:400px;float:left;"><?php echo $details['introduce'] ?></textarea>
        </div>
        <hr class="layui-bg-blue">

        <div class="layui-form-item">
            <div class="layui-input-block xm_xcxqTc_tj" style="margin:20px 0 0 0;text-align:center;">
                <input type="hidden" name="id" value="<?php  echo $details['id'] ?>">
                <button class="layui-btn"  lay-submit="" lay-filter="edit">提交</button>
                <!--                <input type="checkbox" class="xm_xcxqTc_button" name="like[write]" title="水印">-->
            </div>
        </div>
    </form>
</div>