{% extends "base.html" %}

{% block title %}{{ ctx.site_title }}{% endblock %}
{% block og_title %}{{ ctx.site_title }}{% endblock %}

{% block content %}
<div class="subtitle_catalog_main_wrap">
<!-- index begin -->
    <main class="subtitle_catalog_main">

    <input type="radio" name="subext" id="type_all" class="filter_by_type_input" checked="">
    <input type="radio" name="subext" id="type_tv" class="filter_by_type_input">
    <input type="radio" name="subext" id="type_movie" class="filter_by_type_input">

    <div class="filter_by_type">
        <span class="tabs_title">Entry type:</span>
        <label for="type_all" title="Show all">All</label>
        <label for="type_tv" title="Show only TV">TV</label>
        <label for="type_movie" title="Show only movies">Movie</label>
    </div>

    <table class="entries_table index_table">
        <thead>
        <tr>
            <th scope="col" class="entry_number">#</th>
            <th scope="col" class="entry_name">Name</th>
            <th scope="col" class="entry_type">Type</th>
            <th scope="col" class="english_name">English name</th>
            <th scope="col" class="japanese_name">Japanese name</th>
            <th scope="col" class="last_modified">Last modified (UTC)</th>
        </tr>
        </thead>
        <tbody>
            {% for entry in ctx.entries %}
                {% if entry.meta %}
                <tr data-timestamp="{{ entry.meta.last_modified | timestamp_int }}" data-entry-type="{{ entry.meta.entry_type.name }}">
                    <td data-cell="#" class="entry_number"><span class="font-mono">{{ loop.index }}</span></td>
                    <td data-cell="Name" class="entry_name"><a href="{{ entry.site_path_to_html_file | as_relative_to(ctx.output_file_path) }}">{{ entry.path_to_dir.name }}</a></td>
                    <td data-cell="Type" class="entry_type">{{ entry.meta.entry_type.value }}</td>
                    <td data-cell="English" class="english_name">{{ entry.meta.english_name }}</td>
                    <td data-cell="Japanese" class="japanese_name">{{ entry.meta.japanese_name }}</td>
                    <td data-cell="Last modified" class="last_modified"><span class="font-mono">{{ entry.meta.last_modified | strftime("%d %b %Y %H:%M:%S") }}</span></td>
                </tr>
                {% else %}
                <tr data-timestamp="0" data-entry-type="{{ ctx.EntryType.unsorted.name }}">
                    <td data-cell="#" class="entry_number">{{ loop.index }}</td>
                    <td colspan="5" data-cell="Name" class="entry_name missing_meta"><a href="{{ entry.site_path_to_html_file | as_relative_to(ctx.output_file_path) }}">{{ entry.path_to_dir.name }}</a></td>
                </tr>
                {% endif %}
            {% endfor %}
            <tr class="subtitle_catalog_end">
                <td colspan="6"><a href="{{ paths.index_file_path | as_relative_to(ctx.output_file_path) }}#" class="logo">Back to Index</a></td>
            </tr>
        </tbody>
    </table>

    </main>

<!-- index end -->
</div>
{% endblock %}