{include file='header.tpl' p="index" tpl_name="index"} 
<div class="container-fluid">
	<div class="row">
		<div class="pm-section-highlighted col-sm-12 col-md-12">
		<div id="video-wrapper">
			<div class="pm-video-watch-featured">
				{if $featured_videos_total > 2}
				<div class="row">
					<div class="col-md-12">
						<div class="clearfix"></div>
						<div class="pm-carousel-sidebuttons">
							<button class="btn btn-xs btn-link btn-slider btn-car-prev  hidden-xs" id="pm-slide-prev_featuredlist"><i class="fa fa-chevron-left"></i></button>
							<!-- Carousel items -->
							<ul class="pm-ul-carousel-videos list-inline" data-slides="5" data-slider-id="featuredlist" id="pm-carousel_featuredlist">
								{foreach from=$featured_videos key=k item=video_data}
								{if $k > 0}
								<li class="">
									{include file='item-video-obj.tpl' hideLabels='1' hideMeta='1' thumbSize='medium'}
								</li>
								{/if}
								{/foreach}
							</ul>
							<button class="btn btn-xs btn-link btn-slider btn-car-next  hidden-xs" id="pm-slide-next_featuredlist"><i class="fa fa-chevron-right"></i></button>
						</div><!-- #pm-slider -->
					</div>
				</div>
				{/if}
			</div>
		</div>
		</div>
	</div>
</div>

<div id="content">
	<div class="container">
	<div class="row">
	{if pm_count($new_series) > 0} 
	<div class="col-md-4">
		<div class="pm-section-head" style=" margin: 15px;">
			<h2 class="name"><a href="{$smarty.const._URL}/all-series.php">المسلسلات المميزة</a></h2>
		</div>
		<div class="home-series-list">
		{assign var="count" value=0}
		{foreach from=$new_series key=k item=serie_item}
		{if $count === 0}
		<div class="home-serie-item">
		{/if}
		{if $count === 1}
		<span class="sperate"></span>
		{/if}
		<a href="{$serie_item.url}">{$serie_item.Serie}</a>
		{if $count === 1}
		</div>
		{/if}
		{assign var="count" value=$count+1}
		{if $count === 2}
		{assign var="count" value=0}
		{/if}
		{/foreach}
		</div>
	</div>
	{/if}
	</div> <!-- .row -->
	</div><!-- .container -->
    <div class="container">
      <div class="row">
		{if pm_count($new_episodes) > 0} 
        <div class="col-md-12">
			<div class="pm-section-head">
				<h2 class="name"><a href="{$smarty.const._URL}/episodes.php">{$lang.new_episodes|default:"New Episodes"}</a></h2>
			</div>
			<ul class="pm-ul-browse-videos list-unstyled">
				{foreach from=$new_episodes key=k item=item_data name=new_episodes_loop}
				<li class="col-xs-6 col-sm-4 col-md-3">
					{include file='item-series-obj.tpl' hideMeta='1' thumbSize='medium' isObj='episode'}
				</li>
				{foreachelse}
				<li class="col-xs-12 col-sm-12 col-md-12">
					{$lang.top_videos_msg2}
				</li>
				{/foreach}
			</ul>
			<div class="clearfix"></div>
        </div><!-- .col-md-8 -->
		{/if}
        <div class="col-md-12">
			<div class="pm-section-head">
				<h2 class="name"><a href="{$smarty.const._URL}/newvideos.{$smarty.const._FEXT}">{$lang.new_videos}</a></h2>
			</div>
			<ul class="row pm-ul-browse-videos list-unstyled">
				{foreach from=$new_videos key=k item=video_data}
				<li class="col-xs-6 col-sm-4 col-md-3">
					{include file='item-video-obj.tpl'}
				</li>
				{foreachelse}
				<li class="col-xs-12 col-sm-12 col-md-12">
					{$lang.top_videos_msg2}
				</li>
				{/foreach}
			</ul>
			<div class="clearfix"></div>
        </div><!-- .col-md-8 -->
      </div><!-- .row -->

	{if pm_count($featured_categories_data) > 0}
		{foreach from=$featured_categories_data key=category_id item=video_data_array}
		<div class="row">
			<div class="col-md-12">
				{if $categories.$category_id.published_videos > 0}
				<div class="pm-section-head">
					<h3><a href="{$categories.$category_id.url}">{$categories.$category_id.name}</a></h3>
					<div class="btn-group btn-group-sort">
					<button class="btn btn-xs" id="pm-slide-prev_{$category_id}"><i class="fa fa-chevron-left"></i></button>
					<button class="btn btn-xs" id="pm-slide-next_{$category_id}"><i class="fa fa-chevron-right"></i></button>
					</div>
				</div>
				<div id="">
				<!-- Carousel items -->
					<ul class="pm-ul-carousel-videos list-inline" data-slider-id="{$category_id}" data-slides="5" id="pm-carousel_{$category_id}">
						{foreach from=$video_data_array key=k item=video_data}
						<li class="">
						{include file='item-video-obj.tpl'}
						</li>
						{/foreach}
					</ul>
				</div><!-- #pm-slider -->
				{/if}
			</div>
		</div>
		{/foreach}
	{/if}

      <div class="clearfix"></div>
    </div><!-- .container -->

{include file='footer.tpl' p="index"}

/* -------------------------------------------------------------------------
   Ahwak - PHP Mita Core series and media pages
   ------------------------------------------------------------------------- */
.mita-series-page,
.mita-episode-archive,
.mita-series-archive {
    direction: rtl;
    text-align: right;
}
.mita-series-page .pm-series-brief {
    background: #fff;
    border-radius: 8px;
    padding: 18px;
    box-shadow: 0 2px 12px rgba(0,0,0,.06);
}
.mita-series-page .pm-series-meta h1 {
    margin-top: 0;
    font-weight: 700;
}
.mita-series-page .panel,
.mita-episode-archive .thumbnail,
.mita-series-archive .thumbnail {
    border-radius: 8px;
    overflow: hidden;
}
.mita-series-page .panel-heading {
    background: #32333a;
    color: #fff;
}
.mita-series-page .panel-title {
    font-weight: 700;
}
.mita-series-page .thumbnail img,
.mita-episode-archive .thumbnail img,
.mita-series-archive .thumbnail img {
    width: 100%;
    aspect-ratio: 2 / 3;
    object-fit: cover;
}
.mita-series-page .thumbnail .caption {
    min-height: 58px;
    text-align: center;
}
.mita-series-page .thumbnail .caption strong {
    display: block;
    line-height: 1.6;
}
.mita-pagination {
    direction: rtl;
    text-align: center;
    clear: both;
    margin: 22px auto;
}
.mita-pagination .pagination {
    margin: 0;
}
.mita-pagination .pagination > li > a,
.mita-pagination .pagination > li > span {
    min-width: 38px;
    text-align: center;
}
.mita-media-actions .btn {
    margin: 3px 0;
}
#pm-servers ul.WatchList,
#pm-download .downloadlist {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    float: none;
    max-width: 100%;
}
#pm-servers ul.WatchList li,
#pm-download .downloadlist li {
    float: none;
    margin: 0;
}
#pm-servers ul.WatchList li a,
#pm-download .downloadlist li a {
    white-space: nowrap;
}
#pm-servers ul.WatchList li strong,
#pm-download .downloadlist li strong {
    display: inline-block;
}
.mita-episode-buttons {
    direction: rtl;
}
.mita-episode-buttons .btn {
    margin: 3px 0;
}
@media (max-width: 767px) {
    .mita-series-page .pm-series-brief {
        padding: 12px;
        align-items: flex-start !important;
    }
    .mita-series-page .pm-series-brief img {
        width: 112px !important;
        max-width: 38% !important;
    }
    .mita-series-page .thumbnail .caption {
        min-height: 66px;
        padding: 8px 5px;
    }
    #pm-servers ul.WatchList,
    #pm-download .downloadlist {
        width: 100%;
    }
    #pm-servers ul.WatchList li,
    #pm-download .downloadlist li {
        min-width: calc(50% - 5px);
        flex: 1 1 calc(50% - 5px);
    }
    #pm-servers ul.WatchList li a,
    #pm-download .downloadlist li a {
        width: 100%;
    }
}
.home-series-episodes-row {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}
.home-series-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    padding: 0 15px;
}
.home-series-list .home-serie-link {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 8px;
    border-radius: 4px;
    background: #373d44;
    color: #fff;
    text-align: center;
    line-height: 1.5;
    overflow-wrap: anywhere;
}
.home-series-list .home-serie-link:hover {
    background: #5AB55E;
    color: #fff;
}
@media (max-width: 991px) {
    .home-latest-series { margin-top: 18px; }
}