@page
@using System.Globalization
@model JustShortIt.Pages.UrlsModel
@{
    ViewData["Title"] = "Urls";
}

<div class="columns is-centered is-multiline my-6 px-4">
    @if (!string.IsNullOrEmpty(Model.Message)) {
        <div class="column is-half-desktop is-two-thirds-tablet is-full-mobile notification is-info">
            <button class="delete" onclick="this.parentElement.remove()"></button>
            @Html.Raw(Model.Message)
        </div>
    }

    <div class="column is-full has-text-centered">
        <h1 class="title is-2">Urls Administration</h1>
    </div>

    <form class="column is-half-desktop is-two-thirds-tablet is-full-mobile" method="post">
        <h2 class="title is-3">New URL</h2>

        <div class="field">
            <label class="label" asp-for="Model!.Id">ID</label>
            <div class="control">
                <input required class="input" type="text" asp-for="Model!.Id" />
            </div>
            <span class="help is-danger" asp-validation-for="Model!.Id"></span>
        </div>

        <div class="field">
            <label class="label" asp-for="Model!.Target">Target</label>
            <div class="control">
                <input required class="input" type="text" asp-for="Model!.Target" />
            </div>
            <span class="help is-danger" asp-validation-for="Model!.Target"></span>
        </div>
        
        <div class="field">
            <label class="label" asp-for="Model!.ExpirationDate">Expiration</label>
            <div class="control">
                <div class="select">
                    @Html.DropDownListFor(m => m.Model!.ExpirationDate, new List<SelectListItem> {
                        new("1 Day", DateTime.UtcNow.AddDays(1).ToBinary().ToString()),
                        new("1 Week", DateTime.UtcNow.AddDays(7).ToBinary().ToString()),
                        new("4 Weeks", DateTime.UtcNow.AddDays(4 * 7).ToBinary().ToString()),
                        new("1 Year", DateTime.UtcNow.AddYears(1).ToBinary().ToString()),
                        new("Never", DateTime.UtcNow.AddYears(1000).ToBinary().ToString())
                    }, "Select Expiration")
                </div>
            </div>
            <span class="help is-danger" asp-validation-for="Model!.ExpirationDate"></span>
        </div>

        <div class="has-text-danger" asp-validation-summary="ModelOnly"></div>

        <div class="field is-grouped is-grouped-right">
            <div class="control">
                <button class="button is-primary" type="submit">Create</button>
            </div>
        </div>
    </form>
</div>