@page "/profiles/import/{profileId:int}/steps"

@using ECM.JobRunner.Common.JobRunnerReference
@using ECM.JobRunner.Web.Data
@using ECM.JobRunner.Web.Pages.ImportStep

@inject ImportProfileService Import

<h3>Profilschritte</h3>

@if (profile == null)
{
    <ul class="list-group">
        <li class="list-group-item">Loading Steps..</li>
    </ul>
}
else
{
    <ListSteps Profile="profile" />

    <div class="btn-toolbar mt-3" role="toolbar" aria-label="Toolbar with button groups">
        <div class="btn-group me-2" role="group" aria-label="First group">
            <a class="btn btn-secondary" href="profiles/import/@profile.Id">
                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-left" viewBox="0 0 16 16">
                    <path fill-rule="evenodd" d="M15 8a.5.5 0 0 0-.5-.5H2.707l3.147-3.146a.5.5 0 1 0-.708-.708l-4 4a.5.5 0 0 0 0 .708l4 4a.5.5 0 0 0 .708-.708L2.707 8.5H14.5A.5.5 0 0 0 15 8z" />
                </svg> Back
            </a>
            <a class="btn btn-primary" href="/profiles/import/@profile.Id/steps/new">
                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-plus-circle" viewBox="0 0 16 16">
                    <path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z" />
                    <path d="M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z" />
                </svg> New
            </a>
        </div>
    </div>
}


@code {
    [Parameter]
    public int ProfileId { get; set; }

    private ImportProfile? profile;

    protected async override void OnInitialized()
    {
        profile = await Import.GetProfile(ProfileId);

        StateHasChanged();
    }
}