<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'">
			<div class="title">
				{{name}}
			</div>
			@if(description) {
				<div class="description">
					{{description}}
				</div>
			}
		</div>
	</div>
	@if(seasons.length != 0) {
		<div class="fill-content colomn_mutiple">
			<div class="clear"></div>
			<div class="title">Season{{seasons.length > 1?"s":""}}:</div>
			@for (data of seasons; track data.id;) {
				<div class="item-list" (click)="onSelectSeason($event, data.id)" (auxclick)="onSelectSeason($event, data.id)">
					<app-element-season [element]="data"></app-element-season>
				</div>
			}
		</div>
	}
	@if(videos.length != 0) {
		<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>
	}
	<div class="clear"></div>
</div>