{extend name="public/common"/}
{block name="content"}
<div class="page_content_offset">
	<div class="container">
		<div class="row clearfix">
			<aside class="col-sm-4">
				<figure class="text-center">
					<div class="circle wrapper team_photo mb_15">
						<img src="{$data['cover_url']}" alt="{$data.name}" height="200" width="200">
					</div>
					<figcaption>
						<h2 class="mb_10 mt_10">{$data.name}</h2>
						<button class="btn_1  tr_all_hover mb_5 music-action-btn" data-id="{$data['id']}" data-action="fav"  data-type="artist" ><i class="jy jy-fav"></i>收藏 ({$data.favtimes})</button>
						<ul class="horizontal_list l_width_divider row clearfix pt_10">
							<li class="f_md_none  text-center col-lg-4">
								<strong>{$data->song_count}</strong>
								<span>篇分享</span>
							</li>
							<li class="f_md_none text-center col-lg-4">
								<strong>{$data->album_count}</strong>
								<span>张专辑</span>
							</li>
							<li class="f_md_none col-lg-4 text-center">
								<strong>{$data['hits']}</strong>
								
							</li>
						</ul>
						<hr class="mb_10 ">
					</figcaption>
				</figure>
				<div class="sidebar_content">
					<div class="mb_15 pt_10">
						<p class="d_inline_b mr_20">所属类别: {$data.type_name}</p>
						<p class="d_inline_b">所属地区: {$data.region}</p>
					</div>
				</div>

			</aside>
			<!--右侧分享列表-->
			<section class="col-sm-8 mb_10">
				<div class="clearfix pt_10 mb_10">
					<ul class="tabs_nav clearfix pull-left">
						<li class="active"><a href="javascript:;">详细介绍</a></li>
						<li><a href="{$data['song_url']}" target="_self">分享列表</a></li>
						<li><a href="{$data['album_url']}" target="_self">专辑列表</a></li>
					</ul>
					<h3 class="pull-right">{$data['name']} - 详细介绍</h3>
				</div>
				<hr>
				<div class="clearfix mb_20 mt_10">
					<div class="artist-introduce"  style="display: none;">
						{:empty($data.introduce)? '暂无' : $data.introduce}
					</div>
					<p class="introduce-btns text-center mt_20 mb_10">
						<a class="introduce-btns-action  btn_1" href="javascript:;" style="display: none;">
							展开<i class="jy jy-sort-down"></i>
						</a>
					</p>
				</div>

				<div class="clearfix new-title mb_10">
					<h3 class="pull-left">
						<i class="jy jy-hot-s mr_10"></i>{$data['name']} - 热门分享
					</h3>
					<div class="more">
						<a target="_blank" href="{$data['song_url']}">{:lang('more')}&gt;&gt;</a>
					</div>
				</div>
				<hr>
				<div class="clearfix mb_20">
					{JY:songs result="lv" artist="$data['id']" limit="10" order="create_time"}
					<div class="mb_10 clearfix relative play_box">
						<div class="row clearfix song_list">
							<span class="col-sm-5 col-xs-8">
								<span class="ls_num ls_num_top">{$i}</span>
								<a class="text-ellipsis" target="_play" href="{$lv['url']}">{$lv['name']}</a>
							</span>
							<span class="col-sm-3 col-xs-2 p_hr_0">
								
							</span>
							<span class="col-sm-2 ls_listen hidden-xs">{:number_format($lv['listens'])}</span>
							<span class="col-sm-2 col-xs-2 ls_btns">
								<a class="hidden-xs " target="_down" href="{$lv['down_url']}"><i class="jy jy-cloud-down-f"></i></a>
								<a class="music-action-btn hidden-xs" data-id="{$lv['id']}" data-action="fav" href="javascript:;"><i class="jy jy-like"></i></a>
								<a class="jp-play-me" data-id="{$lv['id']}" href="javascript:;"><i class="jy jy-play"></i></a>
							</span>
						</div>
					</div>
					{/JY:songs}
				</div>

				<div class="clearfix new-title mb_10">
					<h3 class="pull-left">
						<i class="jy jy-hot-s mr_10"></i>{$data['name']} - 热门专辑
					</h3>
				</div>
				<hr>
				<div class="hot-carousel">
					{JY:album result="v" artist="$data['id']" limit="5" cache="7200" order="hits"}
					<figure class=" photoframe shadow relative tr_all_hover">
						<a href="{$v['url']}" target="_album" class="d_block relative animate_half_tc" >
							<img src="{$v['cover_url']}" width="100%" alt="{$v['name']}">
						</a>
						<figcaption class="text-center mt_10">
							<h5 class="mb_5">
								<a href="{$v['url']}" target="_album" class="text-ellipsis">
									{$v['name']}
								</a>
							</h5>
						</figcaption>
					</figure>
					{/JY:album}
				</div>

			</section>
		</div>
	</div>
</div>
{/block}
{block name="script"}
<script type="text/javascript">
$(document).ready(function () {
    $.ajax({
        url: U("/api/actions/hits"),
        data: {id: "{$data['id']}", type : 'artist'},
        dataType: "jsonp"
    });
});
</script>
{/block}
{block name="player"}{include file="player/default"/}{/block}