@model RegisterViewModel
@{
    ViewData["Title"] = "Register";
}

<div class="page-heading compact">
    <div>
        <p class="eyebrow">Account</p>
        <h1>Create your account</h1>
        <p class="lead-text">Create your account to start a free 30-day PlotDirector trial immediately. No payment details are required.</p>
    </div>
</div>

<section class="trial-status-panel trial-status-panel--signup">
    <div>
        <p class="eyebrow">Free trial</p>
        <h2>30 days to plan, test and decide</h2>
        <p>Your trial begins as soon as registration is complete. When it expires, your account will show that the trial has ended and you can upgrade from the subscription page.</p>
    </div>
    <a class="btn btn-outline-primary" asp-controller="Pricing" asp-action="Index">Compare plans</a>
</section>

<section class="edit-panel">
    <form asp-action="Register" method="post" class="asset-create-form">
        <div asp-validation-summary="ModelOnly" class="alert alert-warning"></div>

        <div class="row g-3">
            <div class="col-md-6">
                <label class="form-label" asp-for="DisplayName">Display name</label>
                <input class="form-control" asp-for="DisplayName" autocomplete="name" />
                <span class="text-danger" asp-validation-for="DisplayName"></span>
            </div>
            <div class="col-md-6">
                <label class="form-label" asp-for="Email">Email address</label>
                <input class="form-control" asp-for="Email" autocomplete="email" />
                <span class="text-danger" asp-validation-for="Email"></span>
            </div>
            <div class="col-md-6">
                <label class="form-label" asp-for="Password">Password</label>
                <input class="form-control" asp-for="Password" autocomplete="new-password" />
                <span class="text-danger" asp-validation-for="Password"></span>
            </div>
            <div class="col-md-6">
                <label class="form-label" asp-for="ConfirmPassword">Confirm password</label>
                <input class="form-control" asp-for="ConfirmPassword" autocomplete="new-password" />
                <span class="text-danger" asp-validation-for="ConfirmPassword"></span>
            </div>
        </div>

        <div class="button-row mt-3">
            <button class="btn btn-primary" type="submit">Register</button>
            <a class="btn btn-outline-secondary" asp-action="Login">Already have an account?</a>
        </div>
    </form>
</section>

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