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

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

<div class="modal-content modal">
    <div class="share-files">
        <div class="image-logo">
            <img src="img/logo.png" alt=""/>
        </div>
        <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>
        <br>
    </div>
</div>