{{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}}
            <article>
                <div class="preset-header">
                    <h4>
                        {{.Name}}
                        {{if .Enabled}}<span class="badge">active</span>{{else}}<span class="badge">paused</span>{{end}}
                    </h4>
                    <details class="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">
                            {{template "subscription_form" (dict "Sub" . "Presets" $.Data.Presets)}}
                            <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">
            {{template "subscription_form" (dict "Sub" newSubscription "Presets" .Data.Presets)}}
            <div class="form-actions">
                <button type="submit" class="primary">Create Subscription</button>
            </div>
        </form>
    </article>
</div>
{{end}}

{{/* subscription_form renders the create/edit fields. Data: {Sub *Subscription, Presets []*Preset}.
     Sub is always non-nil — newSubscription supplies create-time defaults. */}}
{{define "subscription_form"}}
    {{$sub := .Sub}}
    <div class="form-group">
        <label>Name *</label>
        <input type="text" name="name" required value="{{$sub.Name}}" placeholder="A name for this subscription">
    </div>
    <div class="form-group">
        <label>URL *</label>
        <input type="text" name="url" required value="{{$sub.URL}}" placeholder="https://youtube.com/watch?v=...">
    </div>
    <div class="form-group">
        <label>Library folder *</label>
        <input type="text" name="output_dir" required value="{{$sub.OutputDir}}" 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, 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 .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" placeholder="Any additional yt-dlp flags...">{{$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>
{{end}}