<?php
/**
 * Created by PhpStorm.
 * User: xiaofeng
 * Date: 2018/3/24
 * Time: 上午10:01
 */
use backend\assets\AppAsset;
AppAsset::addScript($this,Yii::$app->request->baseUrl."/js/housetypebinding.js");
?>

<style>
    .xm_qytc_box{width:920px;margin:auto;margin-top:20px;}
    .xm_xcxqTc_img{margin:0;}
    .xm_xcxqTc_button{position:absolute;bottom:0;left:0;}
    .xm_pr{position:relative;}
    .ml{margin-left:18px}
    /*.layui-form-pane .layui-form-checkbox{position:absolute;bottom:0;left:100px;}*/
    .layui-upload-img{display: inline-block;height:120px;width:245px;/*border: 1px solid #dbdbdb;*/margin-right: 10px;position: absolute;position: relative;bottom:14px;margin-top:14px;}
    .layui-upload-img img{display: block;height:100%;width: 100%;}
    .close-icon{position: absolute;right:0px;top: 1px;cursor: pointer;font-weight:600;}
    .close-input{cursor: pointer;width:121px}
    .close-input input{height:35px;}
    .xm_tgqcTc_dztpsc{position:relative;}
    .picture_box {display:inline-block;vertical-align:top;width:117px;height:113px;border:1px solid #E6E6E6;position: relative;overflow:hidden;}
    .info_box {display:inline-block;vertical-align:top;width:120px;}
    .info_box input {padding-right:5px;font-size:12px;color:#D6D6D6;}
    /*删除*/
    .delete-list {background:rgba(0,0,0,0.5);position:absolute;top:-28px;left:0;width:100%;padding:3px 0;}
    .delete-list i {float:right;margin-right:8px;cursor:pointer;font-size:20px !important;; color: #fff;}
    .picture_box:hover .delete-list {top:0;}

</style>

<div class="xm_qytc_box">
    <!--    <span>楼盘相册  -  详情</span>-->
    <!--    <hr class="layui-bg-blue">-->

    <form class="layui-form layui-form-pane" action="" id="album_form">
        <div class="layui-form-item">
            <label class="layui-form-label">所属-楼盘</label>
            <a href="javascript:;" style="display: inline-block;line-height:38px;padding-left: 10px;"><?php echo $post['name']?></a>
            <input type="hidden" name="hid" value="<?php echo $post['id']?>">
        </div>

        <div class="layui-form-item">
            <label class="layui-form-label">所属栏目</label>

            <div class="layui-input-inline">
                <select name="aaa"  disabled="disabled">
                    <option value="" selected="">请选择</option>
                    <?php foreach($model as $val){?>
                        <option value="<?php echo $val['id']?>"  <?php echo $val['selected']?>><?php echo $val['huxing_name'] ?></option>

                    <?php }?>
                </select>
                <input type="hidden" name="type_id" value="<?php echo $albumlist[0]['type_id']?>">
            </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_watermark" value="1" checked title="水印">
                <blockquote class="layui-elem-quote layui-quote-nm" style="margin-top: 10px;">
                    预览图：
                    <div class="layui-upload-list xm_tgqcTc_dztpsc" id="demo2">

                        <?php foreach($albumlist as $val){?>
                            <?php  if(!empty($val['img'])) {?>
                                <div class="layui-upload-img layer-photos-demo" id="layer-photos-demo">
                                    <div class="info_box">
                                        <input type="text" name="'+index+'"  placeholder="例：如A户型" autocomplete="off" class="layui-input">
                                        <input type="text" name="'+index+'"  placeholder="例：厅卫厨" autocomplete="off" class="layui-input">
                                        <input type="text" name="'+index+'"  placeholder="例：建筑面积" autocomplete="off" class="layui-input">
                                    </div>
                                    <div class="picture_box">
                                        <div class="delete-list" id="delimg"><i class="layui-icon fa-trash-o" >&#xe640;</i></div>
                                        <img imgname="<?php echo $val['id']?>"  src="<?php echo $val['img']?>">
                                        <!-- <div class="close-icon layui-icon" id="delimg" style="font-size:20px !important;color:red;">&#x1006;</div> -->
                                    </div>
                                </div>
                            <?php }}?>

                        <!--                         <?php foreach($albumlist as $val){?>
                            <?php  if(!empty($val['img'])) {?>
                            <div class="layui-upload-img layer-photos-demo" id="layer-photos-demo">
                                <img imgname="<?php echo $val['id']?>"  src="<?php echo $val['img']?>">
                                <div class="close-icon layui-icon" id="delimg" style="font-size:20px !important;color:red;">&#x1006;</div>
                                <div class="close-input">

                                    <input type="text" name="title" value="<?php echo $val['title']?>"  placeholder="请输入" autocomplete="off" class="layui-input">

                                </div>
                            </div>

                        <?php }}?> -->


                    </div>
                </blockquote>
            </div>
        </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;">
                <button class="layui-btn" lay-submit="" lay-filter="editAlbum">提交</button>
            </div>
        </div>

    </form>
</div>