@using System.Linq
@using System.Text.Json
@using marlin.web.Controllers
@model marlin.web.Controllers.JobsController.JobSpawnDetails

@{
    var sourcesJson = JsonSerializer.Serialize(Model.Sources.Select(s => new
    {
        id = s.Id,
        label = s.UpstreamUrl,
        mainBranch = s.MainBranch,
        branches = s.Branches.Select(b => new
        {
            id = b.Id,
            name = b.Name,
            commit = b.Commit.Hash,
            recipes = b.Commit.WorkflowSnapshot?.Workflow.Recipes.Values.Select(r => new { id = r.Id, name = r.Name })
                ?? Enumerable.Empty<object>()
        })
    }));
}

<form method="post" asp-action="Spawn">
    VCS: <select id="vcs" name="@nameof(JobsController.JobSpawnRequest.Vcs)"></select><br/>
    Ref: <select id="ref" name="@nameof(JobsController.JobSpawnRequest.Branch)"></select><br/>
    Recipe: <select id="recipe" name="@nameof(JobsController.JobSpawnRequest.Recipe)"></select><br/>
    <button type="submit">Save</button>
</form>

<script>
    const sources = @Html.Raw(sourcesJson);
    const vcsSelect = document.getElementById('vcs');
    const refSelect = document.getElementById('ref');
    const recipeSelect = document.getElementById('recipe');

    for (const s of sources) {
        vcsSelect.add(new Option(s.label, s.id));
    }

    function currentSource() {
        return sources.find(s => s.id === vcsSelect.value);
    }

    function currentBranch() {
        return currentSource()?.branches.find(b => b.id === refSelect.value);
    }

    function populateRefs() {
        refSelect.innerHTML = '';
        for (const b of currentSource()?.branches ?? []) {
            refSelect.add(new Option(b.name, b.id));
        }
        const mainBranch = currentSource()?.branches.find(b => b.name === currentSource()?.mainBranch);
        refSelect.value = mainBranch?.id ?? '';
        populateRecipes();
    }

    function populateRecipes() {
        recipeSelect.innerHTML = '';
        for (const r of currentBranch()?.recipes ?? []) {
            recipeSelect.add(new Option(r.name, r.id));
        }
    }

    vcsSelect.addEventListener('change', populateRefs);
    refSelect.addEventListener('change', populateRecipes);

    populateRefs();
</script>