@using BCards.Web.ViewModels
@model ModerationReviewViewModel
@{
    ViewData["Title"] = "Revisar Página";
    Layout = "_Layout";
}

<div class="container-fluid">
    <div class="row">
        <div class="col-12">
            <div class="d-flex justify-content-between align-items-center mb-4">
                <h1>Moderar Página</h1>
                <a href="/moderation/dashboard" class="btn btn-outline-secondary">
                    <i class="fas fa-arrow-left"></i> Voltar
                </a>
            </div>
        </div>
    </div>

    <div class="row">
        <!-- Informações da Página -->
        <div class="col-md-4">
            <div class="card mb-4">
                <div class="card-header">
                    <h5 class="card-title mb-0">Informações da Página</h5>
                </div>
                <div class="card-body">
                    <div class="mb-3">
                        <strong>Nome:</strong> @Model.Page.DisplayName
                    </div>
                    <div class="mb-3">
                        <strong>Categoria:</strong> 
                        <span class="badge bg-light text-dark">@Model.Page.Category</span>
                    </div>
                    <div class="mb-3">
                        <strong>Slug:</strong> @Model.Page.Slug
                    </div>
                    <div class="mb-3">
                        <strong>Tipo:</strong> @Model.Page.BusinessType
                    </div>
                    <div class="mb-3">
                        <strong>Plano:</strong> 
                        <span class="badge bg-info">@Model.Page.PlanLimitations.PlanType</span>
                    </div>
                    <div class="mb-3">
                        <strong>Criado em:</strong> @Model.Page.CreatedAt.ToString("dd/MM/yyyy HH:mm")
                    </div>
                    <div class="mb-3">
                        <strong>Tentativas:</strong> @Model.Page.ModerationAttempts
                    </div>
                    <div class="mb-3">
                        <strong>Total de Links:</strong> @Model.Page.Links.Count
                    </div>
                </div>
            </div>

            <!-- Informações do Usuário -->
            <div class="card mb-4">
                <div class="card-header">
                    <h5 class="card-title mb-0">Informações do Usuário</h5>
                </div>
                <div class="card-body">
                    <div class="mb-3">
                        <strong>Nome:</strong> @Model.User.Name
                    </div>
                    <div class="mb-3">
                        <strong>Email:</strong> @Model.User.Email
                    </div>
                    <div class="mb-3">
                        <strong>Score:</strong> @Model.Page.UserScore
                    </div>
                    <div class="mb-3">
                        <strong>Membro desde:</strong> @Model.User.CreatedAt.ToString("dd/MM/yyyy")
                    </div>
                </div>
            </div>

            <!-- Preview da Página -->
            @if (!string.IsNullOrEmpty(Model.PreviewUrl))
            {
                <div class="card mb-4">
                    <div class="card-header">
                        <h5 class="card-title mb-0">Preview da Página</h5>
                    </div>
                    <div class="card-body">
                        <a href="@Model.PreviewUrl" target="_blank" class="btn btn-info btn-block">
                            <i class="fas fa-external-link-alt"></i> Abrir Preview
                        </a>
                        <small class="text-muted mt-2 d-block">
                            Visualizações: @Model.Page.PreviewViewCount/50
                        </small>
                    </div>
                </div>
            }
        </div>

        <!-- Conteúdo da Página -->
        <div class="col-md-8">
            <div class="card mb-4">
                <div class="card-header">
                    <h5 class="card-title mb-0">Conteúdo da Página</h5>
                </div>
                <div class="card-body">
                    @if (!string.IsNullOrEmpty(Model.Page.Bio))
                    {
                        <div class="mb-3">
                            <strong>Biografia:</strong>
                            <p>@Model.Page.Bio</p>
                        </div>
                    }

                    <div class="mb-3">
                        <strong>Links (@Model.Page.Links.Count):</strong>
                        <div class="mt-2">
                            @foreach (var link in Model.Page.Links.OrderBy(l => l.Order))
                            {
                                <div class="card mb-2">
                                    <div class="card-body py-2">
                                        <div class="d-flex justify-content-between">
                                            <div>
                                                <strong>@link.Title</strong>
                                                @if (link.Type == LinkType.Product)
                                                {
                                                    <span class="badge bg-success ms-2">Produto</span>
                                                }
                                                <br>
                                                <small class="text-muted">@link.Url</small>
                                                @if (!string.IsNullOrEmpty(link.Description))
                                                {
                                                    <br>
                                                    <small>@link.Description</small>
                                                }
                                            </div>
                                            <div>
                                                <a href="@link.Url" target="_blank" class="btn btn-sm btn-outline-primary">
                                                    <i class="fas fa-external-link-alt"></i>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            }
                        </div>
                    </div>
                </div>
            </div>

            <!-- Critérios de Moderação -->
            <div class="card mb-4">
                <div class="card-header">
                    <h5 class="card-title mb-0">Critérios de Moderação</h5>
                </div>
                <div class="card-body">
                    <form id="moderationForm">
                        @foreach (var criterion in Model.ModerationCriteria)
                        {
                            <div class="mb-4">
                                <h6 class="text-danger">🚫 @criterion.Category</h6>
                                @foreach (var item in criterion.Items)
                                {
                                    <div class="form-check">
                                        <input class="form-check-input" type="checkbox" name="issues" value="@item" id="issue_@(item.GetHashCode())">
                                        <label class="form-check-label" for="issue_@(item.GetHashCode())">
                                            @item
                                        </label>
                                    </div>
                                }
                            </div>
                        }
                    </form>
                </div>
            </div>

            <!-- Histórico de Moderação -->
            @if (Model.Page.ModerationHistory.Any())
            {
                <div class="card mb-4">
                    <div class="card-header">
                        <h5 class="card-title mb-0">Histórico de Moderação</h5>
                    </div>
                    <div class="card-body">
                        @foreach (var history in Model.Page.ModerationHistory.OrderByDescending(h => h.Date))
                        {
                            <div class="mb-3 pb-3 border-bottom">
                                <div class="d-flex justify-content-between">
                                    <strong>Tentativa @history.Attempt</strong>
                                    <small class="text-muted">@history.Date.ToString("dd/MM/yyyy HH:mm")</small>
                                </div>
                                <div>
                                    <span class="badge bg-@(history.Status == "approved" ? "success" : "danger")">
                                        @(history.Status == "approved" ? "Aprovada" : "Rejeitada")
                                    </span>
                                </div>
                                @if (!string.IsNullOrEmpty(history.Reason))
                                {
                                    <div class="mt-2">
                                        <strong>Motivo:</strong> @history.Reason
                                    </div>
                                }
                                @if (history.Issues.Any())
                                {
                                    <div class="mt-2">
                                        <strong>Problemas:</strong>
                                        <ul class="mb-0">
                                            @foreach (var issue in history.Issues)
                                            {
                                                <li>@issue</li>
                                            }
                                        </ul>
                                    </div>
                                }
                            </div>
                        }
                    </div>
                </div>
            }

            <!-- Ações de Moderação -->
            <div class="card">
                <div class="card-header">
                    <h5 class="card-title mb-0">Ações de Moderação</h5>
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-md-6">
                            <form asp-action="Approve" asp-route-id="@Model.Page.Id" method="post">
                                @Html.AntiForgeryToken()
                                <div class="mb-3">
                                    <label for="notes" class="form-label">Notas (opcional)</label>
                                    <textarea class="form-control" id="notes" name="notes" rows="3" 
                                              placeholder="Observações sobre a aprovação..."></textarea>
                                </div>
                                <button type="submit" class="btn btn-success btn-block">
                                    <i class="fas fa-check"></i> Aprovar Página
                                </button>
                            </form>
                        </div>
                        <div class="col-md-6">
                            <form asp-action="Reject" asp-route-id="@Model.Page.Id" method="post">
                                @Html.AntiForgeryToken()
                                <div class="mb-3">
                                    <label for="reason" class="form-label">Motivo da Rejeição *</label>
                                    <textarea class="form-control" id="reason" name="reason" rows="3" 
                                              placeholder="Explique o motivo da rejeição..." required></textarea>
                                </div>
                                <input type="hidden" id="selectedIssues" name="issues" value="">
                                <button type="submit" class="btn btn-danger btn-block">
                                    <i class="fas fa-times"></i> Rejeitar Página
                                </button>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

@section Scripts {
    <script>
        document.querySelector('form[asp-action="Reject"]').addEventListener('submit', function(e) {
            const checkedIssues = Array.from(document.querySelectorAll('input[name="issues"]:checked'))
                .map(cb => cb.value);
            document.getElementById('selectedIssues').value = JSON.stringify(checkedIssues);
        });
    </script>
}