<div class="generic-page">
	<div class="fill-title colomn_mutiple">
		<div class="cover-area">
			@if(cover) {
				<div class="cover">
					<img src="{{cover}}"/>
				</div>
			}
		</div>
		<div [className]="cover != null ? 'description-area description-area-cover' : 'description-area description-area-no-cover'">
			@if(seriesName) {
				<div class="title">
					{{seriesName}}
				</div>
			}
			<div class="sub-title-main">
				Season {{name}}
			</div>
			@if(description) {
				<div class="description">
					{{description}}
				</div>
			}
		</div>
	</div>
	<div class="fill-content colomn_mutiple">
		<div class="clear"></div>
		<div class="title">Video{{videos.length > 1?"s":""}}:</div>
		@for (data of videos; track data.id;) {
			<div class="item item-video" (click)="onSelectVideo($event, data.id)" (auxclick)="onSelectVideo($event, data.id)">
				<app-element-video [element]="data"></app-element-video>
			</div>
		}
		<div class="clear"></div>
	</div>
</div>