{header:novel/header.html}
<div class="portal-main">
	<div class="wm-container">
		<div class="portal-hero">
			<div class="portal-category-left">
				<div class="portal-category-title">Danh mục phổ biến</div>
				<div class="portal-category-list">
					{小说分类:数量=10}
					<a href="{url}" title="{小说分类名字}">{小说分类名字}</a>
					{/小说分类}
				</div>
			</div>
			
			<div class="portal-carousel">
				<div class="portal-carousel-inner">
					{推荐小说:首页封面=是;数量=5;排序=推荐顺序}
					<div class="portal-carousel-item {i:1}active{/i}">
						<a href="{url}" target="_blank" title="{小说名字}">
							<img src="{小说封面}" alt="{小说名字}" onerror="this.src='https://via.placeholder.com/760x320/667eea/ffffff?text={小说名字}'" />
							<div class="portal-carousel-caption">
								<h3>{小说名字}</h3>
								<p>{小说简介:30}</p>
							</div>
						</a>
					</div>
					{/推荐小说}
					{小说:排序=总点击;数量=5}
					<div class="portal-carousel-item {i:1}active{/i}">
						<a href="{url}" target="_blank" title="{小说名字}">
							<img src="{小说封面}" alt="{小说名字}" onerror="this.src='https://via.placeholder.com/760x320/764ba2/ffffff?text={小说名字}'" />
							<div class="portal-carousel-caption">
								<h3>{小说名字}</h3>
								<p>{小说简介:30}</p>
							</div>
						</a>
					</div>
					{/小说}
				</div>
				<button class="portal-carousel-nav portal-carousel-prev" id="carousel-prev">&lt;</button>
				<button class="portal-carousel-nav portal-carousel-next" id="carousel-next">&gt;</button>
				<div class="portal-carousel-dots" id="carousel-dots">
					{推荐小说:首页封面=是;数量=5;排序=推荐顺序}
					<span class="portal-carousel-dot {i:1}active{/i}" data-index="{运算:{i}-1}"></span>
					{/推荐小说}
					{小说:排序=总点击;数量=5}
					<span class="portal-carousel-dot {i:1}active{/i}" data-index="{运算:{i}-1}"></span>
					{/小说}
				</div>
			</div>
			
			<div class="portal-category-right">
				<div class="portal-category-title">Mới cập nhật</div>
				<div class="portal-category-list">
					{小说:排序=最新更新;数量=10}
					<a href="{url}" title="{小说名字}">{小说名字}</a>
					{/小说}
				</div>
			</div>
		</div>
		
		<div class="portal-section">
			<div class="portal-section-header">
				<h3 class="portal-section-title">Truyện chất lượng</h3>
				<a href="{全部小说}" class="portal-section-more">Xem thêm &gt;&gt;</a>
			</div>
			<div class="portal-section-body">
				<div class="portal-book-grid">
					{推荐小说:首页精品=是;数量=6}
					<div class="portal-book-item">
						<a href="{url}" title="{小说名字}" target="_blank">
							<div class="portal-book-cover">
								<img src="{小说封面}" alt="{小说名字}" />
							</div>
						</a>
						<h4 class="portal-book-title">
							<a href="{url}" title="{小说名字}" target="_blank">{小说名字}</a>
						</h4>
						<p class="portal-book-author">{小说作者}</p>
					</div>
					{/推荐小说}
					{小说:排序=总点击;数量=6}
					{无数据}
					<div class="portal-book-item">
						<a href="{url}" title="{小说名字}" target="_blank">
							<div class="portal-book-cover">
								<img src="{小说封面}" alt="{小说名字}" />
							</div>
						</a>
						<h4 class="portal-book-title">
							<a href="{url}" title="{小说名字}" target="_blank">{小说名字}</a>
						</h4>
						<p class="portal-book-author">{小说作者}</p>
					</div>
					{/无数据}
					{/小说}
				</div>
			</div>
		</div>
		
		<div class="portal-two-col">
			<div class="portal-col-main">
				<div class="portal-section">
					<div class="portal-section-header">
						<h3 class="portal-section-title">Bảng xếp hạng</h3>
					</div>
					<div class="portal-section-body">
						{小说:排序=总点击;数量=10}
						<div class="portal-rank-item">
							<span class="portal-rank-num">{i}</span>
							<div class="portal-rank-info">
								<h4 class="portal-rank-title">
									<a href="{url}" title="{小说名字}" target="_blank">{小说名字}</a>
								</h4>
								<p class="portal-rank-author">{小说作者}</p>
							</div>
							<span class="portal-rank-hits">{小说总点击}</span>
						</div>
						{/小说}
					</div>
				</div>
			</div>
			
			<div class="portal-col-side">
				<div class="portal-section">
					<div class="portal-section-header">
						<h3 class="portal-section-title">Truyện mới</h3>
					</div>
					<div class="portal-section-body">
						{小说:排序=最新入库;数量=10}
						<div class="portal-rank-item">
							<span class="portal-rank-num">{i}</span>
							<div class="portal-rank-info">
								<h4 class="portal-rank-title">
									<a href="{url}" title="{小说名字}" target="_blank">{小说名字}</a>
								</h4>
								<p class="portal-rank-author">{小说作者}</p>
							</div>
						</div>
						{/小说}
					</div>
				</div>
			</div>
		</div>
		
		<div class="portal-section">
			<div class="portal-section-header">
				<h3 class="portal-section-title">Cập nhật gần đây</h3>
				<a href="{全部小说}" class="portal-section-more">Xem thêm &gt;&gt;</a>
			</div>
			<div class="portal-section-body">
				<table class="portal-update-table">
					<thead>
						<tr>
							<th>Danh mục</th>
							<th>Tên truyện</th>
							<th>Chương mới</th>
							<th>Tác giả</th>
							<th>Thời gian</th>
						</tr>
					</thead>
					<tbody>
						{小说:排序=最新更新;数量=15}
						<tr>
							<td class="portal-update-category">
								<a href="{turl}" target="_blank">{小说分类名字}</a>
							</td>
							<td>
								<a href="{url}" target="_blank" title="{小说名字}">{小说名字}</a>
							</td>
							<td class="portal-update-chapter">
								<a href="{rurl}" target="_blank" title="{小说最新章节名字}">{小说最新章节名字}</a>
							</td>
							<td>{小说作者}</td>
							<td class="portal-update-time">{小说更新时间}</td>
						</tr>
						{/小说}
					</tbody>
				</table>
			</div>
		</div>
		
		<div class="portal-section">
			<div class="portal-section-header">
				<h3 class="portal-section-title">Truyện hay</h3>
				<a href="{全部小说}" class="portal-section-more">Xem thêm &gt;&gt;</a>
			</div>
			<div class="portal-section-body">
				<div class="portal-book-grid">
					{小说:排序=总点击;数量=6}
					<div class="portal-book-item">
						<a href="{url}" title="{小说名字}" target="_blank">
							<div class="portal-book-cover">
								<img src="{小说封面}" alt="{小说名字}" />
							</div>
						</a>
						<h4 class="portal-book-title">
							<a href="{url}" title="{小说名字}" target="_blank">{小说名字}</a>
						</h4>
						<p class="portal-book-author">{小说作者}</p>
					</div>
					{/小说}
				</div>
			</div>
		</div>
		
	</div>
</div>

<script>
$(document).ready(function(){
	var currentIndex = 0;
	var items = $('.portal-carousel-item');
	var dots = $('.portal-carousel-dot');
	var totalItems = items.length;
	
	function showSlide(index) {
		if (totalItems > 0) {
			items.removeClass('active');
			dots.removeClass('active');
			items.eq(index).addClass('active');
			dots.eq(index).addClass('active');
			currentIndex = index;
		}
	}
	
	if (totalItems > 0) {
		$('#carousel-prev').click(function() {
			var newIndex = (currentIndex - 1 + totalItems) % totalItems;
			showSlide(newIndex);
		});
		
		$('#carousel-next').click(function() {
			var newIndex = (currentIndex + 1) % totalItems;
			showSlide(newIndex);
		});
		
		dots.click(function() {
			var index = parseInt($(this).data('index'));
			showSlide(index);
		});
		
		setInterval(function() {
			var newIndex = (currentIndex + 1) % totalItems;
			showSlide(newIndex);
		}, 5000);
	}
});
</script>

{footer:novel/footer.html}