<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:th="http://www.thymeleaf.org"
	xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">

<head th:replace="common::header(~{::title},~{::link})">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>技淘网-知识产权顾问</title>
	<link th:href="${portalHost+'/dll/dll.css'}"  rel="stylesheet">
	<link th:href="${portalHost+'/vendors.css'}"  rel="stylesheet">
	<link th:href="${portalHost+'/newMenu/safeguardingDetail.css'}"  rel="stylesheet">
</head>

<body>
	<div th:replace="common::nav('','safeguardingDetail')"></div>
    <!-- 公共头部结束 -->
    <div class="safeBanner">
        <div class="container">
            <div class="bannerLeft">
                <div class="portraitLeft">
                    <div>
                        <img  th:src="${sd.personPortraitUrl} != null and  ${sd.personPortraitUrl} != '' ? ${avatarUploadHost+sd.personPortraitUrl}:${portalHost + '/img/newMenu/policyBanner.png'}" alt="">
                    </div>
                    <p class="collectionN active"><span th:class="${sd.interested}==0?'heart':'heart active'" ></span><span class="nubCollect" th:text="${sd.countInterest}">4</span>次关注</p>
                    <!-- <p><img th:src="${portalHost + '/img/newMenu/safeAddress.png'}"  alt=""><span>湖南长沙</span></p> -->
                </div>
                <div class="portraitRight">
                    <h4><span th:text="${sd.username}">李四光</span><img th:src="${portalHost + '/img/newMenu/sadeRezh.png'}" alt="">平台认证</h4>
                    <!-- <p th:text="${sd.workUnit}">湖南好的噜律师事务所</p> -->
                    <p th:text="${sd.professionalTitle}">湖南好的噜律师事务所委员职称</p>
                    <a href="javascript:;" onclick="openZoosUrl('chatwin');">立即咨询</a>
                </div>
            </div>
            <div class="bannerRight">
                <h3>电话咨询热线</h3>
                <p>400-8800-926</p>
            </div>
        </div>
    </div>
    <!--主体内容--> 
    <div class="container safeBody">
        <div class="safeBodyLeft">
            <div class="safeIntroduce">
                <h3>个人简介</h3>
                <figure>
                	<pre th:text="${sd.introduction}">
                		简介
                	</pre>
                </figure>
            </div>
            <div class="safeIntroduce">
                <h3>擅长行业</h3>
                <figure>
                	<pre th:text="${sd.goodAtIndustry}">
                		行业
                	</pre>
                </figure>
            </div>
            <div class="safeIntroduce">
                <h3>典型案例</h3>
                <figure>
                	<pre th:text="${sd.typicalCase}">
                		案例
                	</pre>
                </figure>
            </div>
            <div class="adviser_list">
                <p>用户评价</p>
            </div>
            <div class="evaluateList">
                <div class="commentDetails">评价 :<span>好评-100%</span><span>中评-100%</span><span>差评-100%</span></div>
                <div>
                    <div class="commentStar">
                        <span>选择星级 : </span>
                        <div class="ulStar">
                            <span class="glyphicon glyphicon-star-empty"></span>
                            <span class="glyphicon glyphicon-star-empty"></span>
                            <span class="glyphicon glyphicon-star-empty"></span>
                            <span class="glyphicon glyphicon-star-empty"></span>
                            <span class="glyphicon glyphicon-star-empty"></span>
                        </div>
                    </div>
                    <textarea id="commentArea" placeholder="来说几句吧。。"></textarea>
                    <div class="CommentSend">
                        <button class="btn btn-primary">评论</button>
                    </div>
                </div>
                <ul>
                    <li>
                        <div class="stasf">
                            <p>用户 :<span class="uName">132465498</span></p>
                            <div class="satisfied">
                                <span>满意度:</span>
                                <ol>
                                    <li><span class="glyphicon glyphicon-star"></span></li>
                                    <li><span class="glyphicon glyphicon-star"></span></li>
                                    <li><span class="glyphicon glyphicon-star"></span></li>
                                    <li><span class="glyphicon glyphicon-star"></span></li>
                                    <li><span class="glyphicon glyphicon-star-empty"></span></li>
                                </ol>
                            </div>
                        </div>
                        <time>124/121/12</time>
                        <div class="satisfiedContent">
                            <p>dsadsadsadasdasd</p> 
                        </div>
                    </li>
                </ul>
                <div class="pagination_box">
                    <nav aria-label="Page navigation" class="clearfix">
                        <ul class="pagination">
                            <li class="pagePre">
                                <a href="#" aria-label="Previous">
                                    <span aria-hidden="true">首页</span>
                                </a>
                            </li>
                            <li class="pageNumber"><a href="#" value="1">1</a></li>
                            <li class="pageNext">
                                <a href="#" aria-label="Next">
                                    <span aria-hidden="true">末页</span>
                                </a>
                            </li>
                        </ul>
                        <span class="totalCount">共0条数据</span>
                    </nav>
                </div>
            </div>
        </div>
        <div class="safeBodyRight">
            <p>看过该律师的用户还看过</p>
            <ul>
                <li th:each="adviser:${list}">
                	<a th:href="@{/portal/service/safeguardingDetail(id=${adviser.uid})}">
	                    <img th:src="${adviser.personPortraitUrl} != null and  ${adviser.personPortraitUrl} != '' ? ${avatarUploadHost+adviser.personPortraitUrl}:${portalHost + '/img/newMenu/policyBanner.png'}" alt="">
	                    <div>
	                        <h4><span th:text="${adviser.username}">李四光</span><span class="praise">好评率: <span th:text="${adviser.favorableRate}">98%</span></span></h4>
	                        <p th:text="${adviser.workUnit}">湖南好的噜律师事务所</p>
	                    </div>
                    </a>
                </li>
            </ul>
        </div>
    </div>

<!-- 公共底部开始 -->
	<footer>
		<div th:replace="common::copyright"></div>
		<div th:replace="common::login"></div>
	</footer>
	<div th:replace="common::footer(~{::script})">
		<script type="text/javascript" th:src="${portalHost + '/dll/dll.js'}"></script>
		<script type="text/javascript" th:src="${portalHost + '/vendors.js'}"></script>
		<script type="text/javascript" th:src="${portalHost+'/newMenu/safeguardingDetail.js'}"></script>
		<script>
  			document.querySelectorAll(".nav>ul>li")[5].className="active"
  			  document.querySelector(".adviser_list").style.display = "none"
  				  document.querySelector(".evaluateList").style.display = "none"
		</script>
	</div>
</html>