@model CharacterEditViewModel
@{
    ViewData["Title"] = Model.CharacterID == 0 ? "New Character" : "Edit Character";
}

<div class="page-heading compact">
    <div>
        <p class="eyebrow">Character</p>
        <h1>@ViewData["Title"]</h1>
    </div>
</div>

<form asp-action="Save" method="post" class="edit-panel">
    <input asp-for="CharacterID" type="hidden" />
    <input asp-for="ProjectID" type="hidden" />

    <div class="row g-3">
        <div class="col-md-8">
            <label asp-for="CharacterName" class="form-label"></label>
            <input asp-for="CharacterName" class="form-control" />
            <span asp-validation-for="CharacterName" class="text-danger"></span>
        </div>
        <div class="col-md-4">
            <label asp-for="ShortName" class="form-label"></label>
            <input asp-for="ShortName" class="form-control" />
        </div>
        <div class="col-md-4">
            <label asp-for="Sex" class="form-label"></label>
            <input asp-for="Sex" class="form-control" />
        </div>
        <div class="col-md-4">
            <label asp-for="BirthDate" class="form-label"></label>
            <input asp-for="BirthDate" class="form-control" />
        </div>
        <div class="col-md-4">
            <label asp-for="AgeAtSeriesStart" class="form-label"></label>
            <input asp-for="AgeAtSeriesStart" class="form-control" />
        </div>
        <div class="col-md-6">
            <label asp-for="Height" class="form-label"></label>
            <input asp-for="Height" class="form-control" />
        </div>
        <div class="col-md-6">
            <label asp-for="EyeColour" class="form-label"></label>
            <input asp-for="EyeColour" class="form-control" />
        </div>
        <div class="col-12">
            <label asp-for="DefaultDescription" class="form-label"></label>
            <textarea asp-for="DefaultDescription" class="form-control" rows="5"></textarea>
        </div>
    </div>

    <div class="button-row mt-3">
        <button class="btn btn-primary" type="submit">Save character</button>
        <a class="btn btn-outline-secondary" asp-action="Index" asp-route-projectId="@Model.ProjectID">Cancel</a>
    </div>
</form>

@section Scripts {
    <partial name="_ValidationScriptsPartial" />
}