{{define "subscriptions"}}
<div class="page-header">
    <h2>Subscriptions</h2>
</div>

<div class="settings-layout">
    <article>
        <h3>Your Subscriptions</h3>
        <div class="subscriptions-list">
            {{range .Data.Subscriptions}}
            {{$sub := .}}
            <article>
                <div class="preset-header">
                    <h4>
                        {{.Name}}
                        {{if .Enabled}}<span class="badge">active</span>{{else}}<span class="badge">paused</span>{{end}}
                    </h4>
                    <details class="delete-overlay">
                        <summary role="button" class="small danger">Delete</summary>
                        <div class="overlay-panel">
                            <p>Delete subscription <strong>{{.Name}}</strong>? (Downloaded files are kept.)</p>
                            <form method="post" action="/subscriptions/{{.ID}}/delete" class="form-actions">
                                <button type="submit" class="danger">Yes, Delete</button>
                            </form>
                        </div>
                    </details>
                </div>

                <p class="preset-description">
                    <code>{{.URL}}</code><br>
                    Folder: <code>{{.OutputDir}}</code> &middot;
                    Mode: <strong>{{.RefreshMode}}</strong> &middot;
                    Schedule: <strong>{{.ScheduleKind}}</strong> (<code>{{.CronExpr}}</code>)
                    {{if .PruneRemoved}} &middot; prunes removed{{end}}
                </p>
                <p class="preset-description">
                    Next run: {{if .NextRunAt.Valid}}{{.NextRunAt.Time.Format "2006-01-02 15:04"}}{{else}}&mdash;{{end}}
                    &middot; Last run: {{if .LastRunAt.Valid}}{{.LastRunAt.Time.Format "2006-01-02 15:04"}}{{else}}never{{end}}
                    {{if .LastStatus.Valid}} ({{.LastStatus.String}}){{end}}
                </p>

                <div class="preset-actions">
                    <form method="post" action="/subscriptions/{{.ID}}/run" class="inline">
                        <button type="submit" class="small">Run now</button>
                    </form>
                    <form method="post" action="/subscriptions/{{.ID}}/toggle" class="inline">
                        <button type="submit" class="small secondary">{{if .Enabled}}Pause{{else}}Resume{{end}}</button>
                    </form>
                    <details>
                        <summary role="button" class="small"><span class="edit-text">Edit</span><span class="cancel-text">Cancel</span></summary>
                        <form method="post" action="/subscriptions/{{.ID}}" class="edit-form">
                            <div class="form-group">
                                <label>Name *</label>
                                <input type="text" name="name" required value="{{$sub.Name}}">
                            </div>
                            <div class="form-group">
                                <label>URL *</label>
                                <input type="text" name="url" required value="{{$sub.URL}}">
                            </div>
                            <div class="form-group">
                                <label>Library folder *</label>
                                <input type="text" name="output_dir" required value="{{$sub.OutputDir}}">
                                <small>This subscription owns this folder &mdash; don't download into it manually. May be nested, e.g. <code>subscriptions/news</code>.</small>
                            </div>

                            <div class="form-group">
                                <label>Refresh mode</label>
                                <div class="radio-group">
                                    <label><input type="radio" name="refresh_mode" value="overwrite" {{if eq $sub.RefreshMode "overwrite"}}checked{{end}}> Overwrite (re-download &amp; replace)</label>
                                    <label><input type="radio" name="refresh_mode" value="skip" {{if eq $sub.RefreshMode "skip"}}checked{{end}}> Skip existing (add new only)</label>
                                    <label><input type="radio" name="refresh_mode" value="metadata" {{if eq $sub.RefreshMode "metadata"}}checked{{end}}> Metadata refresh (update existing, add new)</label>
                                </div>
                            </div>

                            <div class="form-row">
                                <div class="form-group">
                                    <label>Schedule</label>
                                    <select name="schedule_kind">
                                        <option value="hourly" {{if eq $sub.ScheduleKind "hourly"}}selected{{end}}>Hourly</option>
                                        <option value="daily" {{if eq $sub.ScheduleKind "daily"}}selected{{end}}>Daily</option>
                                        <option value="weekly" {{if eq $sub.ScheduleKind "weekly"}}selected{{end}}>Weekly</option>
                                        <option value="monthly" {{if eq $sub.ScheduleKind "monthly"}}selected{{end}}>Monthly</option>
                                        <option value="cron" {{if eq $sub.ScheduleKind "cron"}}selected{{end}}>Custom (cron)</option>
                                    </select>
                                </div>
                                <div class="form-group">
                                    <label>Cron expression</label>
                                    <input type="text" name="cron_expr" value="{{$sub.CronExpr}}" placeholder="0 3 * * *">
                                    <small>Used when schedule is "Custom". Standard 5-field cron.</small>
                                </div>
                            </div>

                            <div class="form-group">
                                <label>Preset</label>
                                <select name="preset_id">
                                    <option value="">Default preset</option>
                                    {{range $.Data.Presets}}
                                    <option value="{{.ID}}" {{if and $sub.PresetID.Valid (eq $sub.PresetID.Int64 .ID)}}selected{{end}}>{{.Name}}</option>
                                    {{end}}
                                </select>
                            </div>

                            <div class="form-group">
                                <label>Format override</label>
                                <input type="text" name="format_override" value="{{$sub.FormatOverride}}" placeholder="e.g., bestvideo+bestaudio/best or format ID like 22">
                            </div>
                            <div class="form-group">
                                <label>Custom flags</label>
                                <textarea name="custom_flags" rows="2">{{$sub.CustomFlags}}</textarea>
                                {{template "ytdlp_notes" true}}
                            </div>
                            <div class="form-group">
                                <label>
                                    <input type="checkbox" name="prune_removed" value="1" {{if $sub.PruneRemoved}}checked{{end}}>
                                    Delete items removed from the source (prune)
                                </label>
                            </div>

                            <div class="form-actions">
                                <button type="submit" class="primary">Update Subscription</button>
                            </div>
                        </form>
                    </details>
                </div>
            </article>
            {{else}}
            <p>No subscriptions yet. Create one below.</p>
            {{end}}
        </div>
    </article>

    <article>
        <h3>Create Subscription</h3>
        <form method="post" action="/subscriptions">
            <div class="form-group">
                <label>Name *</label>
                <input type="text" name="name" required placeholder="A name for this subscription">
            </div>
            <div class="form-group">
                <label>URL *</label>
                <input type="text" name="url" required placeholder="https://youtube.com/watch?v=...">
            </div>
            <div class="form-group">
                <label>Library folder *</label>
                <input type="text" name="output_dir" required placeholder="e.g., videos/music (relative to library folder)">
                <small>This subscription owns this folder &mdash; don't download into it manually. May be nested.</small>
            </div>

            <div class="form-group">
                <label>Refresh mode</label>
                <div class="radio-group">
                    <label><input type="radio" name="refresh_mode" value="overwrite" checked> Overwrite (re-download &amp; replace)</label>
                    <label><input type="radio" name="refresh_mode" value="skip"> Skip existing (add new only)</label>
                    <label><input type="radio" name="refresh_mode" value="metadata"> Metadata refresh (update existing, add new)</label>
                </div>
            </div>

            <div class="form-row">
                <div class="form-group">
                    <label>Schedule</label>
                    <select name="schedule_kind">
                        <option value="hourly">Hourly</option>
                        <option value="daily" selected>Daily</option>
                        <option value="weekly">Weekly</option>
                        <option value="monthly">Monthly</option>
                        <option value="cron">Custom (cron)</option>
                    </select>
                </div>
                <div class="form-group">
                    <label>Cron expression</label>
                    <input type="text" name="cron_expr" placeholder="0 3 * * *">
                    <small>Used when schedule is "Custom". Standard 5-field cron.</small>
                </div>
            </div>

            <div class="form-group">
                <label>Preset</label>
                <select name="preset_id">
                    <option value="">Default preset</option>
                    {{range .Data.Presets}}
                    <option value="{{.ID}}">{{.Name}}</option>
                    {{end}}
                </select>
            </div>

            <div class="form-group">
                <label>Format override</label>
                <input type="text" name="format_override" placeholder="e.g., bestvideo+bestaudio/best or format ID like 22">
            </div>
            <div class="form-group">
                <label>Custom flags</label>
                <textarea name="custom_flags" rows="2" placeholder="Any additional yt-dlp flags..."></textarea>
                {{template "ytdlp_notes" true}}
            </div>
            <div class="form-group">
                <label>
                    <input type="checkbox" name="prune_removed" value="1">
                    Delete items removed from the source (prune)
                </label>
            </div>

            <div class="form-actions">
                <button type="submit" class="primary">Create Subscription</button>
            </div>
        </form>
    </article>
</div>
{{end}}