@page "/scripts"
@attribute [Microsoft.AspNetCore.Authorization.Authorize]
@rendermode RenderMode.InteractiveServer
@using Microsoft.EntityFrameworkCore
@using ZB.MOM.WW.OtOpcUa.Configuration
@using ZB.MOM.WW.OtOpcUa.Configuration.Entities
@inject IDbContextFactory<OtOpcUaConfigDbContext> DbFactory

<div class="d-flex justify-content-between align-items-center mb-3">
    <h4 class="mb-0">Scripts</h4>
    <a href="/scripts/new" class="btn btn-primary btn-sm">New script</a>
</div>

@if (_rows is null)
{
    <p>Loading…</p>
}
else
{
    <section class="panel notice rise" style="animation-delay:.02s">
        Scripts are fleet-wide expression compilations referenced by virtual tags and scripted
        alarms. The default language is C#; expansion of the editor (Monaco syntax, dependency
        introspection) lands in Phase D.2.
    </section>

    <section class="panel rise mt-3" style="animation-delay:.08s">
        <div class="panel-head">@_rows.Count script@(_rows.Count == 1 ? "" : "s")</div>
        @if (_rows.Count == 0)
        {
            <div style="padding:1rem" class="text-muted">No scripts defined.</div>
        }
        else
        {
            @foreach (var s in _rows)
            {
                <details style="border-top:1px solid var(--rule)">
                    <summary style="padding:.75rem 1rem;cursor:pointer">
                        <span class="mono">@s.ScriptId</span>
                        &middot; <span>@s.Name</span>
                        &middot; <span class="chip chip-idle ms-1">@s.Language</span>
                        <span class="text-muted small ms-2 mono">hash=@s.SourceHash[..12]…</span>
                    </summary>
                    <div style="padding:0 1rem 1rem">
                        <div class="d-flex mb-2">
                            <a href="/scripts/@s.ScriptId" class="btn btn-sm btn-outline-primary">Edit</a>
                        </div>
                        <pre class="mono small" style="background:var(--surface-2);padding:1rem;border-radius:4px;overflow:auto">@s.SourceCode</pre>
                    </div>
                </details>
            }
        }
    </section>
}

@code {
    private List<Script>? _rows;

    protected override async Task OnInitializedAsync()
    {
        await using var db = await DbFactory.CreateDbContextAsync();
        _rows = await db.Scripts.AsNoTracking()
            .OrderBy(s => s.Name)
            .ToListAsync();
    }
}