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">One Time</label>
                    </input>
                </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 hour</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 day</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 days</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>
            <button class=" btn btn-light share-button" type="submit">Share</button>
        </form>
        <br>
    </div>
</div>