{% extends 'admin.html' %}
{% block content %}
<h1>{{ song.title }} <small>(ID: {{ song.id }})</small></h1>
<div class="song-form">
    <form method="post">

        <div class="form-field">
            <span class="checkbox"><input type="checkbox" name="enabled" id="enabled"{% if song.enabled %} checked{% endif %}><label for="enabled"> Enabled</label></span>
        </div>

        <div class="form-field">
            <p>Title</p>
            <label for="title">Original</label>
            <input type="text" id="title" value="{{song.title}}" name="title">
            <label for="title_ja">Japanese</label>
            <input type="text" id="title_ja" value="{{song.title_lang.ja}}" name="title_ja">
            <label for="title_en">English</label>
            <input type="text" id="title_en" value="{{song.title_lang.en}}" name="title_en">
            <label for="title_cn">Chinese (Simplified)</label>
            <input type="text" id="title_cn" value="{{song.title_lang.cn}}" name="title_cn">
            <label for="title_tw">Chinese (Traditional)</label>
            <input type="text" id="title_tw" value="{{song.title_lang.tw}}" name="title_tw">
            <label for="title_ko">Korean</label>
            <input type="text" id="title_ko" value="{{song.title_lang.ko}}" name="title_ko">
        </div>

        <div class="form-field">
            <p>Subtitle</p>
            <label for="subtitle">Original</label>
            <input type="text" id="subtitle" value="{{song.subtitle}}" name="subtitle">
            <label for="subtitle_ja">Japanese</label>
            <input type="text" id="subtitle_ja" value="{{song.subtitle_lang.ja}}" name="subtitle_ja">
            <label for="subtitle_en">English</label>
            <input type="text" id="subtitle_en" value="{{song.subtitle_lang.en}}" name="subtitle_en">
            <label for="subtitle_cn">Chinese (Simplified)</label>
            <input type="text" id="subtitle_cn" value="{{song.subtitle_lang.cn}}" name="subtitle_cn">
            <label for="subtitle_tw">Chinese (Traditional)</label>
            <input type="text" id="subtitle_tw" value="{{song.subtitle_lang.tw}}" name="subtitle_tw">
            <label for="subtitle_ko">Korean</label>
            <input type="text" id="subtitle_ko" value="{{song.subtitle_lang.ko}}" name="subtitle_ko">
        </div>

        <div class="form-field">
            <p>Courses</p>
            <label for="course_easy">Easy</label>
            <input type="number" id="course_easy" value="{{song.courses.easy.stars}}" name="course_easy" min="1" max="10">
            <span class="checkbox"><input type="checkbox" name="branch_easy" id="branch_easy"{% if song.courses.easy.branch %} checked{% endif %}><label for="branch_easy"> Diverge Notes</label></span>
            <label for="course_normal">Normal</label>
            <input type="number" id="course_normal" value="{{song.courses.normal.stars}}" name="course_normal" min="1" max="10">
            <span class="checkbox"><input type="checkbox" name="branch_normal" id="branch_normal"{% if song.courses.normal.branch %} checked{% endif %}><label for="branch_normal"> Diverge Notes</label></span>
            <label for="course_hard">Hard</label>
            <input type="number" id="course_hard" value="{{song.courses.hard.stars}}" name="course_hard" min="1" max="10">
            <span class="checkbox"><input type="checkbox" name="branch_hard" id="branch_hard"{% if song.courses.hard.branch %} checked{% endif %}><label for="branch_hard"> Diverge Notes</label></span>
            <label for="course_oni">Oni</label>
            <input type="number" id="course_oni" value="{{song.courses.oni.stars}}" name="course_oni" min="1" max="10">
            <span class="checkbox"><input type="checkbox" name="branch_oni" id="branch_oni"{% if song.courses.oni.branch %} checked{% endif %}><label for="branch_oni"> Diverge Notes</label></span>
            <label for="course_ura">Ura</label>
            <input type="number" id="course_ura" value="{{song.courses.ura.stars}}" name="course_ura" min="1" max="10">
            <span class="checkbox"><input type="checkbox" name="branch_ura" id="branch_ura"{% if song.courses.ura.branch %} checked{% endif %}><label for="branch_ura"> Diverge Notes</label></span>
        </div>

        <div class="form-field">
            <p><label for="category_id">Category</label></p>
            <select name="category_id" id="category_id">
                {% for category in categories %}
                    <option value="{{ category.id }}"{% if song.category_id == category.id %} selected{% endif %}>{{ category.title }}</option>
                {% endfor %}
            </select>
        </div>

        <div class="form-field">
            <p><label for="type">Type</label></p>
            <select name="type" id="type">
                <option value="tja"{% if song.type == 'tja' %} selected{% endif %}>TJA</option>
                <option value="osu"{% if song.type == 'osu' %} selected{% endif %}>osu!taiko</option>
            </select>
        </div>

        <div class="form-field">
            <p><label for="offset">Offset</label></p>
            <input type="text" id="offset" value="{{song.offset}}" name="offset">
        </div>

        <button type="submit">Save</button>
    </form>
</div>
{% endblock %}