{% extends "home/base.html" %}
{% block content %}
<div class="title-bar">
    <h1>User Configurations</h1>
</div>
<form action="/settings/" method="POST" name="user-update">
    {% csrf_token %}
    <div class="settings-group">
        <h2>Color scheme</h2>
        <div class="settings-item">
            <p>Current color scheme: <span class="settings-current">{{ config.application.colors }}</span></p>
            <i>Select your preferred color scheme between dark and light mode.</i><br>
            {{ user_form.colors }}
        </div>
    </div>
    <div class="settings-group">
        <h2>Archive View</h2>
        <div class="settings-item">
            <p>Current page size: <span class="settings-current">{{ config.archive.page_size }}</span></p>
            <i>Result of videos showing in archive page</i><br>
            {{ user_form.page_size }}
        </div>
    </div>
    <button type="submit" name="user-settings">Update User Configurations</button>
</form>
<div class="title-bar">
    <h1>Application Configurations</h1>
</div>
<form action="/settings/" method="POST" name="application-update">
    {% csrf_token %}
    <div class="settings-group">
        <h2 id="subscriptions">Subscriptions</h2>
        <div class="settings-item">
            <p>Current channel page size: <span class="settings-current">{{ config.subscriptions.channel_size }}</span></p>
            <i>Recent videos to check on check pending, max recommended 50.</i><br>
            {{ app_form.subscriptions_channel_size }}
        </div>
        <div class="settings-item">
            <p>Auto scan subscribed channels:</p>
            <i>Coming soon</i>
        </div>
        <div class="settings-item">
            <p>Auto download pending:</p>
            <i>Coming soon</i>
        </div>
    </div>
    <div class="settings-group">
        <h2 id="downloads">Downloads</h2>
        <div class="settings-item">
            <p>Current download limit: <span class="settings-current">{{ config.downloads.limit_count }}</span></p>
            <i>Limit the number of videos getting downloaded on every run. 0 (zero) to deactivate.</i><br>
            {{ app_form.downloads_limit_count }}
        </div>
        <div class="settings-item">
            <p>Current download speed limit: <span class="settings-current">{{ config.downloads.limit_speed }}</span></p>
            <i>Limit download speed. 0 (zero) to deactivate.</i><br>
            {{ app_form.downloads_limit_speed }}
        </div>
        <div class="settings-item">
            <p>Current throttled rate limit: <span class="settings-current">{{ config.downloads.throttledratelimit }}</span></p>
            <i>Assume the download is being throttled below this speed and restart. 0 (zero) to deactivate, e.g. 100KB/sec</i><br>
            {{ app_form.downloads_throttledratelimit }}
        </div>
        <div class="settings-item">
            <p>Current scraping sleep interval: <span class="settings-current">{{ config.downloads.sleep_interval }}</p>
            <i>Seconds to sleep between calls to YouTube. Might be necessary to avoid throttling. Recommended 3.</i><br>
            {{ app_form.downloads_sleep_interval }}
        </div>
        <div class="settings-item">
            <p>External downloader:</p>
            <i>Coming soon</i>
        </div>
    </div>
    <div class="settings-group">
        <h2 id="format">Download Format</h2>
        <div class="settings-item">
            <p>Limit video and audio quality format for yt-dlp.<br>
                Currently: <span class="settings-current">{{ config.downloads.format }}</span>
            </p>
            <p>Example configurations:</p>
            <ul>
                <li><span class="settings-current">bestvideo[height<=720]+bestaudio/best[height<=720]</span>: best audio and max video height of 720p.</li>
                <li><span class="settings-current">bestvideo[height<=1080]+bestaudio/best[height<=1080]</span>: best audio and max video height of 1080p.</li>
                <li><span class="settings-current">bestvideo[height<=1080][VCODEC=avc1]+bestaudio[ACODEC=mp4a]/mp4</span>: Max 1080p video height with iOS compatible video and audio codecs.</li>
                <li><span class="settings-current">0</span>: deactivate and download the best quality possible as decided by yt-dlp.</li>
            </ul>
            <i>Make sure your custom format gets merged into a single file. Check out the <a href="https://github.com/yt-dlp/yt-dlp#format-selection" target="_blank">documentation</a> for valid configurations.</i><br>
            {{ app_form.downloads_format }}
            <br>
        </div>
        <div class="settings-item">
            <p>Current metadata embed setting: <span class="settings-current">{{ config.downloads.add_metadata }}</span></p>
            <i>Metadata is not embedded into the downloaded files by default.</i><br>
            {{ app_form.downloads_add_metadata }}
        </div>
        <div class="settings-item">
            <p>Current thumbnail embed setting: <span class="settings-current">{{ config.downloads.add_thumbnail }}</span></p>
            <i>Embed thumbnail into the mediafile.</i><br>
            {{ app_form.downloads_add_thumbnail }}
        </div>
    </div>
    <button type="submit" name="application-settings">Update Application Configurations</button>
</form>
<div class="title-bar">
    <h1>Actions</h1>
</div>
<div class="settings-group">
    <h2>Manual media files import.</h2>
    <p>Add files to the <span class="settings-current">cache/import</span> folder. Make sure to follow the instructions in the Github <a href="https://github.com/bbilly1/tubearchivist/wiki/Settings" target="_blank">Wiki</a>.</p>
    <div id="manual-import">
        <button onclick="manualImport()">Start import</button>
    </div>
</div>
<div class="settings-group">
    <h2>Backup database</h2>
    <p>Export your database to a zip file stored at <span class="settings-current">cache/backup</span>.</p>
    <div id="db-backup">
        <button onclick="dbBackup()">Start backup</button>
    </div>
</div>
<div class="settings-group">
    <h2>Restore from backup</h2>
    <p><span class="danger-zone">Danger Zone</span>: This will replace your existing index with the backup.</p>
    <p>Add the backup zip file to the <span class="settings-current">cache/backup</span> folder.</p>
    <div id="db-restore">
        <button onclick="dbRestore()">Restore backup</button>
    </div>
</div>
<div class="settings-group">
    <h2>Rescan filesystem</h2>
    <p><span class="danger-zone">Danger Zone</span>: This will delete the metadata of deleted videos from the filesystem.</p>
    <p>Rescan your media folder looking for missing videos and clean up index. More infos on the Github <a href="https://github.com/bbilly1/tubearchivist/wiki/Settings" target="_blank">Wiki</a>.</p>
    <div id="fs-rescan">
        <button onclick="fsRescan()">Rescan filesystem</button>
    </div>
</div>
{% if request.user.is_superuser %}
    <div class="title-bar">
        <h1>Users</h1>
    </div>
    <div class="settings-group">
        <h2>User Management</h2>
        <p>Access the admin interface for basic user management functionality like adding and deleting users, changing passwords and more.</p>
        <a href="/admin/"><button>Admin Interface</button></a>
    </div>
{% endif %}
{% endblock content %}