@using Nop.Web.Extensions
@using Nop.Core
@using Nop.Plugin.SustainableSystems.Eevator
@model Nop.Plugin.SustainableSystems.Eevator.Models.Public.CreateSupportRequestModel

@{
    Layout = "_ColumnsTwo";
    NopHtml.AddTitleParts(T("Plugins.SustainableSystems.Eevator.Public.PageTitle.Account.SupportRequests").Text);

    var supportRtl = await Html.ShouldUseRtlThemeAsync();
    if (supportRtl)
    {
        NopHtml.AddCssFileParts("~/Plugins/SustainableSystems.Eevator/Content/css/styles.rtl.css");
    }
    else
    {
        <link rel="stylesheet" href="~/Plugins/SustainableSystems.Eevator/Content/css/styles.css" />
    }
}

@section left
{
    @await Component.InvokeAsync("CustomerNavigation", new { selectedTabId = EevatorDefaults.SupportRequestsMenuTab })
}

<div class="page account-page edit-support-request-page">
    <div class="page-title">
        <h1>@T("Account.MyAccount") - @T("Plugins.SustainableSystems.Eevator.Public.Account.SupportRequests.Add")</h1>
    </div>
    <div class="page-body">
        <form asp-action="CreateSupportRequestSend" method="post">
            <div asp-validation-summary="ModelOnly" class="message-error"></div>
            <div class="fieldset">
                <div class="form-fields">
                    <div class="inputs">
                        <label asp-for="MessageText" asp-postfix=":"></label>
                        <textarea asp-for="MessageText"></textarea>
                        <span asp-validation-for="MessageText"></span>
                    </div>
                    @if (Model.DisplayCaptcha)
                    {
                        <nop-captcha />
                    }
                </div>
            </div>
            <div class="buttons">
                <button type="submit" class="button-1">@T("Plugins.SustainableSystems.Eevator.Public.Add.Button")</button>
            </div>
        </form>
    </div>
</div>