secure-sharing/SecureSharing/Views/Home/Index.cshtml

@{
    Layout = "~/Views/Shared/_Layout.cshtml";
}
@using SecureSharing.Business.Infrastructure
@model MessageModel


<h1>Share files</h1>
<form method="post" asp-controller="Home" asp-action="CreateMessage" class="share-files-form">
    <label class="label-text">Sharing link avaliability</label>
    <div class="button-box col-lg-12">
        <div class="single-button-input">
            <input id="OneTime" class="radio-input" type="radio" asp-for="ChosenPeriod" value="@PeriodOfValidity.ONE_TIME">
            <label for="OneTime" class="label-available"><span style="color:#FFA463">One</span> Time</label>
        </div>
        <div class="single-button-input">
            <input id="OneHour" class="radio-input" type="radio" asp-for="ChosenPeriod" value="@PeriodOfValidity.ONE_HOUR"/> <label for="OneHour" class="label-available">1 <span style="color:#B9CFE4;">hour</span></label>
        </div>
        <div class="single-button-input">
            <input id="OneDay" class="radio-input" type="radio" asp-for="ChosenPeriod" value="@PeriodOfValidity.ONE_DAY"/> <label for="OneDay" class="label-available">1 <span style="color:#B9CFE4;">day</span></label>
        </div>
        <div class="single-button-input">
            <input id="SevenDays" class="radio-input" type="radio" asp-for="ChosenPeriod" value="@PeriodOfValidity.ONE_WEEK"/> <label for="SevenDays" class="label-available">7 <span style="color:#B9CFE4;">days</span></label>
        </div>
    </div>
    <label class="label-text">Message (optional)</label>
    <textarea asp-for="Text" class="input-message"></textarea>
    <label class="label-text">Upload files</label>
    <div class="drop-here">
        <div class="default-text">
            <img src="img/file-upload-image.png" alt=""/>
            <p>Drag and drop files here or <span style="color: dodgerblue">browse</span></p>
        </div>
    </div>
    @{
                @* <div class="files hidden"> *@
                @*     <div class="label-text">Your files: </div> *@
                @* *@
                @* </div> *@
    }
    <button class=" btn btn-light share-button" type="submit">Share</button>
</form>