@model ImportResult
@{
    ViewData["Title"] = "Import Complete";
}

<div class="page-heading compact">
    <div>
        <p class="eyebrow">Import result</p>
        <h1>Import complete</h1>
        <p class="lead-text">@Model.ProjectName was created successfully.</p>
    </div>
    <div class="button-row">
        <a class="btn btn-primary" asp-controller="Projects" asp-action="Details" asp-route-id="@Model.ProjectID">Open imported project</a>
        <a class="btn btn-outline-secondary" asp-action="Index">Import another JSON package</a>
    </div>
</div>

<section class="list-section import-result-section">
    <div class="import-counts">
        <span><strong>@Model.BooksCreated</strong> books created</span>
        <span><strong>@Model.ChaptersCreated</strong> chapters created</span>
        <span><strong>@Model.ScenesCreated</strong> scenes created</span>
    </div>

    @if (Model.SkippedOptionalFields.Any())
    {
        <div class="alert alert-info mt-3">
            <strong>Optional fields handled as plain text</strong>
            <ul class="mb-0 mt-2">
                @foreach (var item in Model.SkippedOptionalFields)
                {
                    <li>@item</li>
                }
            </ul>
        </div>
    }

    <p class="muted mt-3 mb-0">The import was transactional, so all listed records were created together.</p>
</section>