@using Microsoft.AspNetCore.Mvc.Localization
@using Microsoft.Extensions.Localization
@using gehGassi.Web.Helper
@using gehGassi.Web.Models
@using Microsoft.AspNetCore.Mvc.TagHelpers

@model gehGassi.Web.Models.AppUserReportDetailVm
@inject IViewLocalizer Localizer
@{
    IStringLocalizer annotationsLocalizer = ViewBag.AnnotationsLocalizer;
    ViewData["Title"] = Localizer["Button_Details"];
}

<section id="appReportDetailContainer">
    <div class="">
        <div id="pageTitleAdd" style="display: none;">@ViewData["Title"]</div>

        <form cb-preventsubmit id="frmAppUserReportDetails" class="form" asp-controller="AppUserReport" asp-action="Details" data-ajax="true" data-ajax-method="POST" data-ajax-mode="replace" data-ajax-update="#appReportDetailContainer">
            <div asp-validation-summary="ModelOnly"></div>
            <input type="hidden" asp-for="Report.Id" />
            <input type="hidden" asp-for="Report.ReportedAppUserId" />
            <input type="hidden" asp-for="Report.SectionId" />
            <input type="hidden" asp-for="Report.SectionId2" />

            <div class="row mb-4">
                <div class="col-md-6">
                    <div class="h3 mb-3">@Localizer["AppUserReport_ReportingUser"]</div>
                    <div class="row">
                        <div class="col-sm-3">
                            @if (!string.IsNullOrWhiteSpace(Model.ReportingUser.Photo))
                            {
                                <img src="/file/documents/@Model.ReportingUser.Photo" class="img-user-big" alt="" />
                            }
                            else
                            {
                                <img src="/images/icon_user.png" class="img-user-big" alt="" />
                            }
                        </div>
                        <div class="col-sm-9">
                            <h5 class="mt-2">@Model.ReportingUser.FirstName @Model.ReportingUser.LastName</h5>
                            <div>@annotationsLocalizer["AppUser_Type"]: <strong>@Model.ReportingUser.Type.GetDisplayName(annotationsLocalizer)</strong></div>
                            <div>@annotationsLocalizer["Address_CountryCode"]: <strong>@Model.ReportingUser.Address.CountryCode</strong></div>
                            <div>@annotationsLocalizer["Contact_Email"]: <a href="mailto: @Model.ReportingUser.Contact.Email">@Model.ReportingUser.Contact.Email</a></div>
                            @if (Model.ReportingUser.Verified)
                            {
                                <div>@annotationsLocalizer["Common_Verified"]: <strong>@Localizer["Common_Yes"]</strong> (@Model.ReportingUser.VerifiedDate.Value.ToString("g"))</div>
                            }
                            else
                            {
                                <div>@annotationsLocalizer["Common_Verified"]: <strong>@Localizer["Common_No"]</strong></div>
                            }
                            <div>@Localizer["AppUserReport_NrReporting"]: <strong>@Model.ReportingCount</strong></div>
                            <div>@annotationsLocalizer["Common_LockedCount"]: <strong>@Model.ReportingUser.LockedCount</strong></div>
                        </div>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="h3 mb-3">@Localizer["AppUserReport_ReportedUser"]</div>
                    <div class="row">
                        <div class="col-sm-3">
                            @if (!string.IsNullOrWhiteSpace(Model.ReportedUser.Photo))
                            {
                                <img src="/file/documents/@Model.ReportedUser.Photo" class="img-user-big" alt="" />
                            }
                            else
                            {
                                <img src="/images/icon_user.png" class="img-user-big" alt="" />
                            }
                        </div>
                        <div class="col-sm-9">
                            <h5>@Model.ReportedUser.FirstName @Model.ReportedUser.LastName</h5>
                            <div>@annotationsLocalizer["AppUser_Type"]: <strong>@Model.ReportedUser.Type.GetDisplayName(annotationsLocalizer)</strong></div>
                            <div>@annotationsLocalizer["Address_CountryCode"]: <strong>@Model.ReportedUser.Address.CountryCode</strong></div>
                            <div>@annotationsLocalizer["Contact_Email"]: <a href="mailto: @Model.ReportedUser.Contact.Email">@Model.ReportedUser.Contact.Email</a></div>
                            @if (Model.ReportedUser.Verified)
                            {
                                <div>@annotationsLocalizer["Common_Verified"]: <strong>@Localizer["Common_Yes"]</strong> (@Model.ReportedUser.VerifiedDate.Value.ToString("g"))</div>
                            }
                            else
                            {
                                <div>@annotationsLocalizer["Common_Verified"]: <strong>@Localizer["Common_No"]</strong></div>
                            }
                            <div>@Localizer["AppUserReport_NrReported"]: <strong>@Model.ReportedCount</strong></div>
                            <div>@annotationsLocalizer["Common_LockedCount"]: <strong>@Model.ReportedUser.LockedCount</strong></div>
                        </div>
                    </div>
                </div>
            </div>

            <hr />
            <div class="h3 mb-3">@Localizer["AppUserReport_Report"]</div>
            <div class="row mb-2">
                <div class="col-sm-4">
                    <label class="form-label" asp-for="Report.Created"></label>
                    <div class="input-group">
                        <span class="input-group-text"><i class="fa fa-fw fa-calendar"></i></span>
                        <input asp-for="Report.Created.LocalDateTime" asp-format="{0:G}" type="text" class="form-control" disabled="disabled" />
                        <span asp-validation-for="Report.Created" class="invalid-feedback"></span>
                    </div>
                </div>
                <div class="col-sm-4">
                    <label class="form-label" asp-for="Report.Updated"></label>
                    <div class="input-group">
                        <span class="input-group-text"><i class="fa fa-fw fa-calendar"></i></span>
                        <input asp-for="Report.Updated.Value.LocalDateTime" asp-format="{0:G}" type="text" class="form-control" disabled="disabled" />
                        <span asp-validation-for="Report.Updated" class="invalid-feedback"></span>
                    </div>
                </div>
                <div class="col-sm-4">
                    <label class="form-label" asp-for="Report.UpdatedBy"></label>
                    <div class="input-group">
                        <span class="input-group-text"><i class="fa fa-fw fa-user"></i></span>
                        <input asp-for="Report.UpdatedBy" class="form-control" disabled="disabled" />
                        <span asp-validation-for="Report.UpdatedBy" class="invalid-feedback"></span>
                    </div>
                </div>
            </div>
            <div class="row mb-2">
                <div class="col-sm-4">
                    <label class="form-label" asp-for="Report.Section"></label>
                    <div class="input-group">
                        <span class="input-group-text"><i class="fa fa-fw fa-mobile-screen-button"></i></span>
                        <select asp-for="Report.Section" class="form-control" asp-items="Html.GetEnumSelectList<AppUserReportSectionVm>()" disabled="disabled"></select>
                        <span asp-validation-for="Report.Section" class="invalid-feedback"></span>
                    </div>
                </div>
                <div class="col-sm-4">
                    <label class="form-label" asp-for="Report.Type"></label>
                    <div class="input-group">
                        <span class="input-group-text"><i class="fa fa-fw fa-triangle-exclamation"></i></span>
                        <select asp-for="Report.Type" class="form-control" asp-items="Html.GetEnumSelectList<AppUserReportTypeVm>()" disabled="disabled"></select>
                        <span asp-validation-for="Report.Type" class="invalid-feedback"></span>
                    </div>
                </div>
                <div class="col-sm-4">
                    <label class="form-label" asp-for="Report.BlockType"></label>
                    <div class="input-group">
                        <span class="input-group-text"><i class="fa fa-fw fa-triangle-exclamation"></i></span>
                        <select asp-for="Report.BlockType" class="form-control" asp-items="Html.GetEnumSelectList<AppUserReportBlockTypeVm>()" disabled="disabled"></select>
                        <span asp-validation-for="Report.BlockType" class="invalid-feedback"></span>
                    </div>
                </div>
            </div>
            <div class="h5 mt-3 mb-3">@Localizer["AppUserReport_Report_Hint"]</div>
            <div class="row mb-3">
                <div class="col-sm-2">
                    <input type="checkbox" checked="@Model.Report.ReportedImage" disabled="disabled" style="width: 25px; height: 25px; vertical-align: middle;" />
                    <label class="custom-control-label" style="vertical-align: middle">@annotationsLocalizer["AppUserReport_ReportedImage"]</label>
                </div>
                <div class="col-sm-2">
                    <input type="checkbox" checked="@Model.Report.ReportedName" disabled="disabled" style="width: 25px; height: 25px; vertical-align: middle;" />
                    <label class="custom-control-label" style="vertical-align: middle">@annotationsLocalizer["AppUserReport_ReportedName"]</label>
                </div>
                <div class="col-sm-2">
                    <input type="checkbox" checked="@Model.Report.ReportedText" disabled="disabled" style="width: 25px; height: 25px; vertical-align: middle;" />
                    <label class="custom-control-label" style="vertical-align: middle">@annotationsLocalizer["AppUserReport_ReportedText"]</label>
                </div>
                <div class="col-sm-2">
                    <input type="checkbox" checked="@Model.Report.ReportedMessage" disabled="disabled" style="width: 25px; height: 25px; vertical-align: middle;" />
                    <label class="custom-control-label" style="vertical-align: middle">@annotationsLocalizer["AppUserReport_ReportedMessage"]</label>
                </div>
                <div class="col-sm-2">
                    <input type="checkbox" checked="@Model.Report.ReportedAddress" disabled="disabled" style="width: 25px; height: 25px; vertical-align: middle;" />
                    <label class="custom-control-label" style="vertical-align: middle">@annotationsLocalizer["AppUserReport_ReportedAddress"]</label>
                </div>
            </div>
            <div class="h5 mb-3">@Localizer["AppUserReport_Comment_Of"] @Model.ReportingUser.FirstName @Model.ReportingUser.LastName</div>
            <div class="row mb-2">
                <div class="col-12">
                    <div class="input-group">
                        <span class="input-group-text"><i class="fa fa-fw fa-comment"></i></span>
                        <textarea asp-for="Report.Comment" class="form-control" rows="5" readonly="readonly"></textarea>
                        <span asp-validation-for="Report.Comment" class="invalid-feedback"></span>
                    </div>
                </div>
            </div>
            <div class="mb-2">@Localizer["AppUserReport_ContactEmail"]: <a href="mailto: @Model.Report.Email">@Model.Report.Email</a></div>
            <div class="mb-2"><button type="button" id="btnShowContent" class="btn btn-secondary"><i class="fa fa-search"></i> @Localizer["Button_ShowContent"]</button></div>
            <hr />
            <div class="row mb-2">
                <div class="col-sm-6">
                    <label class="form-label" asp-for="Report.Status"></label>
                    <div class="input-group">
                        <span class="input-group-text"><i class="fa fa-fw fa-circle-question"></i></span>
                        <select asp-for="Report.Status" class="form-control" asp-items="@(Html.GetEnumSelectList<AppUserReportStatusVm>().Where(c => c.Value != "0"))"></select>
                        <span asp-validation-for="Report.Status" class="invalid-feedback"></span>
                    </div>
                </div>
            </div>
            <div class="row mb-2 mt-2">
                <div class="col-12">
                    <label class="form-label" asp-for="Report.InternalComment"></label>
                    <div class="input-group">
                        <span class="input-group-text"><i class="fa fa-fw fa-comment"></i></span>
                        <textarea asp-for="Report.InternalComment" class="form-control" rows="5"></textarea>
                        <span asp-validation-for="Report.InternalComment" class="invalid-feedback"></span>
                    </div>
                </div>
            </div>
            <div class="h5 mb-3">@Localizer["Common_Actions"]</div>
            <div>
                <button type="button" id="btnLock" class="btn btn-secondary"><i class="fa fa-circle-exclamation"></i> @Localizer["Button_Lock"]</button>
            </div>
            <div class="row button-row">
                <div class="col-12">
                    <div class="">
                        <button type="button" id="btnSave" class="btn btn-primary">@Localizer["Button_Save"]</button>
                        <button type="button" id="btnCancel" class="btn btn-primary">@Localizer["Button_Cancel"]</button>
                    </div>
                </div>
            </div>
        </form>
    </div>

    @Html.Hidden("jsUpdateStatusUrl", Url.Action("UpdateStatus", "AppUserReport"))
    @Html.Hidden("jsLockUrl", Url.Action("Lock", "AppUser"))
    @Html.Hidden("jsShowContentUrl", Url.Action("ShowContent", "AppUserReport"))
    <system-js url="~/scripts/Views/AppUserReport/details.js" fresh-import="true"></system-js>
</section>