{% extends 'base.html.twig' %}

{% block bodyclass %}{{ parent() }} player{% endblock%}

{% block navbar %}
	{% if stream_link is null %}
		{{ parent() }}
	{% endif %}
{% endblock %}

{% block main %}
	{% if stream_link is not null %}
		<div class="player" {{ stimulus_controller('player') }}>
			<video {{ stimulus_target('player', 'videoPlayer') }} class="video-js" controls autoplay>
				<source src="{{ stream_link }}" type="{{ file_content_type }}">

				{% if subtitles is not null %}
					{% for subtitle in subtitles %}
						<track
							kind="subtitles"
							src="{{ path('put_io_get_subtitles', { 'format' : subtitle.format, 'url' : subtitle.url }) }}"
							srclang="{{ subtitle.language_code }}"
							label="{{ subtitle.language }}"
							{% if loop.first %}default{% endif %}
						>
					{% endfor %}
				{% endif %}
			</video>
		</div>
	{% else %}
		<div class="d-flex w-100 justify-content-center">
			<table class="table w-75">
				{% for file in files_list.files %}
					<tr>
						<td>
							{% if 'FOLDER' == file.file_type %}
								<a href="{{ path('put_io_view_folder', { id : file.id }) }}">
									{{ file.name }}
								</a>
							{% elseif 'VIDEO' == file.file_type %}
								<a href="{{ path('put_io_view_folder', { parentId : file.parent_id, id : file.id }) }}">
									{{ file.name }}
								</a>
							{% else %}
								{{ file.name }}
							{% endif %}
						</td>
					</tr>
				{% endfor %}
			</table>
		</div>
	{% endif %}
{% endblock %}