<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>
	<div class="fill-content colomn_mutiple">
		<div class="clear"></div>
		@for (data of series; track data.id;) {
			<div class="item" (click)="onSelectSeries($event, data.id)" (auxclick)="onSelectSeries($event, data.id)">
				<app-element-series [element]="data"></app-element-series>
			</div>
		}
	</div>
	<div class="fill-content colomn_mutiple">
		<div class="clear"></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>