<?php
/**
 * Created by PhpStorm.
 * User: xiaofeng
 * Date: 2018/4/19
 * Time: 上午11:01
 */
use backend\assets\AppAsset;
AppAsset::addScript($this,Yii::$app->request->baseUrl."/js/routine/morecomment.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;}

    /*2018-11-1楼盘点评*/
    .wh_remark {}
    .wh_remark .wh_remark_cont {margin:15px 10px 0;}
    .wh_remark .wh_remark_cont ul li {background:#fff;padding:15px 10px 20px;overflow:hidden;position:relative;border-radius:5px;}
    .wh_remark .wh_remark_cont ul li + li {margin-top:10px;}
    .wh_remark .wh_remark_cont ul li > a {display:inline-block;width:60px;height:21px;line-height:17px;border-radius:10px;border:1px solid #424E5F;text-align:center;position:absolute;right:15px;bottom:15px;}
    .wh_remark .wh_remark_cont ul li > a img {display:inline-block;width:13px;height:13px;vertical-align:middle;margin-right:5px;margin-top:-2px;}
    .wh_remark .wh_remark_cont ul li > a i {font-size:0.8125rem;}
    .wh_remark .wh_remark_cont ul li .wh_photo {display:inline-block;vertical-align:top;width:29px;height:29px;}
    .wh_remark .wh_remark_cont ul li .wh_photo img {display:inline-block;width:100%;height:100%;}
    .wh_remark .wh_remark_cont ul li .wh_cont {display:inline-block;vertical-align:top;width:86%;float:right;}
    .wh_remark .wh_remark_cont ul li .wh_cont .wh_cont_top > p span {font-size:0.875rem;color:#A58064;}
    .wh_remark .wh_remark_cont ul li .wh_cont .wh_cont_top > p em {display:inline-block;font-size:0.625rem;color:#8F6401;padding:2px 7px;margin-left:5px;
        background:#DFBD6C;
        background: -webkit-linear-gradient(right, #DFBD6C , #FFE4A7); /* Safari 5.1 - 6.0 */
        background: -o-linear-gradient(right,  #DFBD6C, #FFE4A7); /* Opera 11.1 - 12.0 */
        background: -moz-linear-gradient(right,  #DFBD6C , #FFE4A7); /* Firefox 3.6 - 15 */
        background: linear-gradient(to right,  #DFBD6C ,#FFE4A7); /* 标准的语法 */
    }
    .wh_remark .wh_remark_cont ul li .wh_cont .wh_cont_top > p i {display:inline-block;margin-left:11px;color:#999;font-size:0.6875rem;}
    .wh_remark .wh_remark_cont ul li .wh_cont .wh_cont_top .wh_cont_star dl {display:inline-block;vertical-align:top;}
    .wh_remark .wh_remark_cont ul li .wh_cont .wh_cont_top .wh_cont_star dl dd {display:inline-block;width:12px;height:12px;background:url(./star.png) no-repeat center/12px 12px;}
    .wh_remark .wh_remark_cont ul li .wh_cont .wh_cont_top .wh_cont_star dl dd + dd {margin-left:-3px;}
    .wh_remark .wh_remark_cont ul li .wh_cont .wh_cont_top .wh_cont_star p {display:inline-block;vertical-align:top;margin-left:6px;}
    .wh_remark .wh_remark_cont ul li .wh_cont .wh_cont_top .wh_cont_star p span {font-size:0.6875rem;color:#A58064;}
    .wh_remark .wh_remark_cont ul li .wh_cont .wh_cont_top .wh_cont_star p span +span {margin-left:-2px;}
    .wh_remark .wh_remark_cont ul li .wh_cont .wh_cont_top .wh_cont_star p span i {font-size:0.6875rem;color:#848484;}
    .wh_remark .wh_remark_cont ul li .wh_cont .wh_info {font-size:0.8125rem;color:#424E5F;margin:12px 0;line-height:22px;}
    .wh_remark .wh_remark_cont ul li .wh_cont .wh_time {font-size:0.625rem;color:#999;margin-top:20px;}
    .wh_remark .wh_remark_cont ul li .wh_cont .wh_time em {margin-left:15px;}

    .wh_remark .wh_remark_more {background:#fff;margin:15px 10px 0;}
    .wh_remark .wh_remark_more a {display:block;font-size:0.9375rem;text-align:center;color:#666;padding:8px 0;}
    .wh_remark .wh_remark_fill {margin:20px 10px 0;}
    .wh_remark .wh_remark_fill a {display:block;padding:12px 0;border-radius:30px;color:#fff;text-align:center;
        background:#FE5904;
        background: -webkit-linear-gradient(right, #FF8D22 , #FE5603); /* Safari 5.1 - 6.0 */
        background: -o-linear-gradient(right,  #FF8D22, #FE5603); /* Opera 11.1 - 12.0 */
        background: -moz-linear-gradient(right,  #FF8D22 , #FE5603); /* Firefox 3.6 - 15 */
        background: linear-gradient(to right,  #FF8D22 ,#FE5603); /* 标准的语法 */
    }
    .wh_remark .wh_remark_fill a img {display:inline-block;width:17px;height:18px;margin-right:8px;}

</style>


<div class="xm_qytc_box">
    <!-- 楼盘点评 -->
    <div class="wh_remark">
<!--        <div class="lphomeV2type_h"><span>楼盘<em style="color:#FF5A5A; font-weight:600;">点评</em></span></div>-->
        <div class="wh_remark_cont">
            <ul>
                <li>
                    <div class="wh_photo"><img src="./wh_photo.png" alt=""></div>
                    <div class="wh_cont">
                        <div class="wh_cont_top">
                            <p><span><?= $model['mobile'] ?></span><em><?= $model['demand'] ?></em>
<!--                                <i>东方</i>-->
                            </p>
                            <div class="wh_cont_star">
                                <dl>
                                    <dd></dd>
                                    <dd></dd>
                                    <dd></dd>
                                    <dd></dd>
                                    <dd></dd>
                                </dl>
                                <p>
                                    <span>地段 :<i><?= $model['diduan'] ?></i></span>
                                    <span>交通 :<i><?= $model['jiaotong'] ?></i></span>
                                    <span>配套 :<i><?= $model['peitao'] ?></i></span>
                                    <span>环境 :<i><?= $model['huanjing'] ?></i></span>
                                    <span>性价比 :<i><?= $model['xingjiabi'] ?></i></span>
                                </p>
                            </div>
                        </div>
                        <div class="wh_info"><?= $model['content']  ?></div>

                        <div class="wh_time"><?= date('Y-m-d H:i',$model['create_at']) ?> </div>
                    </div>
<!--                    <a href="javascript:void(0)"><img src="./praise_1.png" alt=""><i>68</i></a>-->
                </li>
            </ul>

        </div>
    </div>

    <form class="layui-form layui-form-pane" id="citysignupForm">

        <div class="layui-form-item" style="margin-bottom:-5px">
            <div class="layui-inline">
                <label class="layui-form-label">标签：</label>
                <div class="layui-input-block layui_w_acti" style="padding-bottom:8px;">

                        <input type="radio" name="label" <?php  if(!empty($reply['label']) && $reply['label'] == 1) echo 'checked'; ?>  value="1" lay-skin="primary" title="精华">
                        <input type="radio" name="label" <?php  if(!empty($reply['label']) && $reply['label'] == 0) echo 'checked'; ?>  value="0" lay-skin="primary" title="其他">

                </div>
            </div>
        </div>

        <label class="layui-form-label">回复内容：</label>
        <div class="layui-input-inline" >
            <textarea  name="reply_content" style="width: 400px;height:200px;" placeholder="请输入点评回复内容" class="layui-textarea"><?php   if(!empty($reply['reply_content'])){echo $reply['reply_content'];}   ?></textarea>
        </div>

        <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="reply_id" value="<?php  if(!empty($reply['id'])){echo $reply['id'];} ?>">
                <input type="hidden" name="cid" value="<?= $model['id'] ?>">
                <button class="layui-btn"  lay-submit="" lay-filter="tijiao">提交</button>
            </div>
        </div>
    </form>
</div>