@model ScenarioCreateViewModel
@{
    ViewData["Title"] = "Create Scenario";
}

<div class="page-heading">
    <div>
        <p class="eyebrow">Scenario Sandbox</p>
        <h1>Create Scenario <help-icon key="scenarios.create" /></h1>
        <p class="lead-text">Copies the current scene order into a sandbox. Scenes and story data are not duplicated.</p>
    </div>
</div>

<section class="story-bible-section">
    <form asp-action="Create" method="post" class="plotline-form">
        <input type="hidden" asp-for="ProjectID" />
        <div class="mb-3">
            <label asp-for="ScenarioName" class="form-label">Scenario name</label>
            <input asp-for="ScenarioName" class="form-control" placeholder="Reveal Later Draft" />
            <span asp-validation-for="ScenarioName" class="text-danger"></span>
        </div>
        <div class="mb-3">
            <label asp-for="BookID" class="form-label">Scope <help-icon key="scenarios.fields.scope" mode="inline" /></label>
            <select asp-for="BookID" asp-items="Model.BookOptions" class="form-select">
                <option value="">Whole project</option>
            </select>
        </div>
        <div class="mb-3">
            <label asp-for="Description" class="form-label">Description</label>
            <textarea asp-for="Description" class="form-control" rows="4"></textarea>
        </div>
        <div class="button-row">
            <button class="btn btn-primary" type="submit">Create Scenario</button>
            <a class="btn btn-outline-secondary" asp-action="Index" asp-route-projectId="@Model.ProjectID">Cancel</a>
        </div>
    </form>
</section>