@model ProductEmailAFriendModel
@using Nop.Core.Domain.Catalog
@{
    Layout = "_ColumnsTwo";

    //title
    NopHtml.AddTitleParts(Model.ProductName);
    //page class
    NopHtml.AddTitleParts(T("PageTitle.ProductEmailAFriend").Text);
    NopHtml.AppendPageCssClassParts("html-email-a-friend-page");
}
<div class="page email-a-friend-page">
    <div class="page-title panel-heading">
        <h1>@T("Products.EmailAFriend.Title")</h1>
    </div>
    <div class="page-body">
        <div class="title">
            <h2><a href="@(Url.RouteUrl<Product>(new { SeName = Model.ProductSeName }))" class="product">@Model.ProductName</a></h2>
        </div>
        @if (Model.SuccessfullySent)
        {
            <div class="result alert alert-success">
                @Model.Result
            </div>
        }
        else
        {
            <form asp-route="ProductEmailAFriend" method="post">
                <div asp-validation-summary="ModelOnly" class="message-error"></div>
                <div role="form" class="form-horizontal">
                    <div class="form-group row">
                        <label class="col-sm-2 col-md-2" asp-for="FriendEmail" asp-postfix=":"></label>
                        <div class="visible-xs form-title-rquired"><nop-required /></div>
                        <div class="col-sm-6 col-md-6">
                            <input asp-for="FriendEmail" class="friend-email form-control" placeholder="@T("Products.EmailAFriend.FriendEmail.Hint")" />
                        </div>
                        <div class="col-sm-4 col-md-4">
                            <div class="visible-lg visible-md visible-sm form-title-rquired"><nop-required /></div>
                            <span asp-validation-for="FriendEmail"></span>
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="col-sm-2 col-md-2" asp-for="YourEmailAddress" asp-postfix=":"></label>
                        <div class="visible-xs form-title-rquired"><nop-required /></div>
                        <div class="col-sm-6 col-md-6">
                            <input asp-for="YourEmailAddress" class="your-email form-control" placeholder="@T("Products.EmailAFriend.YourEmailAddress.Hint")" />
                        </div>
                        <div class="col-sm-4 col-md-4">
                            <div class="visible-lg visible-md visible-sm form-title-rquired"><nop-required /></div>
                            <span asp-validation-for="YourEmailAddress"></span>
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="col-sm-2 col-md-2" asp-for="PersonalMessage" asp-postfix=":"></label>
                        <div class="col-sm-6 col-md-6">
                            <textarea asp-for="PersonalMessage" class="your-email form-control" placeholder="@T("Products.EmailAFriend.PersonalMessage.Hint")"></textarea>
                        </div>
                        <div class="col-sm-4 col-md-4">
                            <span asp-validation-for="PersonalMessage"></span>
                        </div>
                    </div>
                    @if (Model.DisplayCaptcha)
                    {
                        <div class="form-group row">
                            <div class="col-sm-offset-2 col-md-offset-2 col-md-4">
                                <div class="captcha-box">
                                    <nop-captcha />
                                </div>
                            </div>
                        </div>
                    }
                    <div class="form-group row">
                        <div class="col-sm-offset-2 col-md-offset-2 col-md-2">
                            <button type="submit" name="send-email" class="btn btn-primary send-email-a-friend-button">@T("Products.EmailAFriend.Button")</button>
                        </div>
                    </div>
                </div>
            </form>
        }
    </div>
</div>
