@model LittleShop.DTOs.CustomerDto
@{
    ViewData["Title"] = $"Customer: {Model.TelegramDisplayName}";
    var customerOrders = ViewData["CustomerOrders"] as List<LittleShop.DTOs.OrderDto> ?? new List<LittleShop.DTOs.OrderDto>();
}

<div class="row mb-3">
    <div class="col">
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="@Url.Action("Index", "Dashboard")">Dashboard</a></li>
                <li class="breadcrumb-item"><a href="@Url.Action("Index", "Customers")">Customers</a></li>
                <li class="breadcrumb-item active">@Model.TelegramDisplayName</li>
            </ol>
        </nav>
    </div>
</div>

<!-- Customer Header -->
<div class="row mb-4">
    <div class="col-md-8">
        <h1>
            <i class="fas fa-user-circle"></i> @Model.TelegramDisplayName
            @if (Model.IsBlocked)
            {
                <span class="badge bg-danger ms-2">
                    <i class="fas fa-ban"></i> BLOCKED
                </span>
            }
            else if (!Model.IsActive)
            {
                <span class="badge bg-secondary ms-2">
                    <i class="fas fa-trash"></i> DELETED
                </span>
            }
            else
            {
                <span class="badge bg-success ms-2">
                    <i class="fas fa-check-circle"></i> ACTIVE
                </span>
            }
        </h1>
        <p class="text-muted mb-0">
            Telegram: @@<strong>@Model.TelegramUsername</strong> | ID: @Model.TelegramUserId
        </p>
    </div>
    <div class="col-md-4 text-end">
        <!-- GDPR Data Export Buttons -->
        <div class="btn-group me-2" role="group">
            <a href="@Url.Action("ExportJson", "Customers", new { id = Model.Id })"
               class="btn btn-info"
               title="Export all customer data as JSON (GDPR Right to Data Portability)">
                <i class="fas fa-file-code"></i> Export JSON
            </a>
            <a href="@Url.Action("ExportCsv", "Customers", new { id = Model.Id })"
               class="btn btn-success"
               title="Export all customer data as CSV (GDPR Right to Data Portability)">
                <i class="fas fa-file-csv"></i> Export CSV
            </a>
        </div>
        <a href="@Url.Action("Index", "Customers")" class="btn btn-secondary">
            <i class="fas fa-arrow-left"></i> Back to List
        </a>
    </div>
</div>

<!-- Customer Information Cards -->
<div class="row mb-4">
    <!-- Basic Information -->
    <div class="col-md-6">
        <div class="card">
            <div class="card-header bg-primary text-white">
                <h5 class="mb-0"><i class="fas fa-id-card"></i> Customer Information</h5>
            </div>
            <div class="card-body">
                <table class="table table-sm mb-0">
                    <tr>
                        <th style="width: 40%;">Display Name:</th>
                        <td>@Model.TelegramDisplayName</td>
                    </tr>
                    <tr>
                        <th>Full Name:</th>
                        <td>
                            @if (!string.IsNullOrEmpty(Model.TelegramFirstName) || !string.IsNullOrEmpty(Model.TelegramLastName))
                            {
                                @Model.TelegramFirstName @Model.TelegramLastName
                            }
                            else
                            {
                                <span class="text-muted">Not provided</span>
                            }
                        </td>
                    </tr>
                    <tr>
                        <th>Telegram Username:</th>
                        <td>@@<strong>@Model.TelegramUsername</strong></td>
                    </tr>
                    <tr>
                        <th>Telegram User ID:</th>
                        <td><code>@Model.TelegramUserId</code></td>
                    </tr>
                    <tr>
                        <th>Language:</th>
                        <td>@Model.Language.ToUpper()</td>
                    </tr>
                    <tr>
                        <th>Timezone:</th>
                        <td>@Model.Timezone</td>
                    </tr>
                    <tr>
                        <th>Customer Since:</th>
                        <td>@Model.CreatedAt.ToString("MMMM dd, yyyy")</td>
                    </tr>
                    <tr>
                        <th>Last Active:</th>
                        <td>
                            @if (Model.LastActiveAt > DateTime.MinValue)
                            {
                                var daysAgo = (DateTime.UtcNow - Model.LastActiveAt).Days;
                                @Model.LastActiveAt.ToString("MMMM dd, yyyy HH:mm")
                                @if (daysAgo <= 1)
                                {
                                    <span class="badge bg-success">Active today</span>
                                }
                                else if (daysAgo <= 7)
                                {
                                    <span class="badge bg-info">@daysAgo days ago</span>
                                }
                                else if (daysAgo <= 30)
                                {
                                    <span class="badge bg-warning">@daysAgo days ago</span>
                                }
                                else
                                {
                                    <span class="badge bg-danger">@daysAgo days ago</span>
                                }
                            }
                            else
                            {
                                <span class="text-muted">Never</span>
                            }
                        </td>
                    </tr>
                </table>
            </div>
        </div>
    </div>

    <!-- Risk Score & Metrics -->
    <div class="col-md-6">
        <div class="card">
            <div class="card-header bg-warning text-dark">
                <h5 class="mb-0"><i class="fas fa-shield-alt"></i> Risk Assessment</h5>
            </div>
            <div class="card-body">
                @{
                    var riskLevel = Model.RiskScore >= 80 ? "Very High Risk" :
                                  Model.RiskScore >= 50 ? "High Risk" :
                                  Model.RiskScore >= 30 ? "Medium Risk" :
                                  "Low Risk";
                    var riskClass = Model.RiskScore >= 80 ? "danger" :
                                  Model.RiskScore >= 50 ? "warning" :
                                  Model.RiskScore >= 30 ? "info" :
                                  "success";
                }
                <div class="text-center mb-3">
                    <h1 class="display-4 text-@riskClass mb-0">
                        <i class="fas fa-exclamation-triangle"></i> @Model.RiskScore
                    </h1>
                    <p class="text-@riskClass fw-bold mb-0">@riskLevel</p>
                </div>

                <hr>

                <table class="table table-sm mb-0">
                    <tr>
                        <th style="width: 60%;">Total Orders:</th>
                        <td class="text-end"><strong>@Model.TotalOrders</strong></td>
                    </tr>
                    <tr class="table-success">
                        <th>Successful Orders:</th>
                        <td class="text-end text-success"><strong>@Model.SuccessfulOrders</strong></td>
                    </tr>
                    <tr class="table-warning">
                        <th>Cancelled Orders:</th>
                        <td class="text-end text-warning"><strong>@Model.CancelledOrders</strong></td>
                    </tr>
                    <tr class="table-danger">
                        <th>Disputed Orders:</th>
                        <td class="text-end text-danger"><strong>@Model.DisputedOrders</strong></td>
                    </tr>
                    <tr>
                        <th>Success Rate:</th>
                        <td class="text-end">
                            @if (Model.TotalOrders > 0)
                            {
                                var successRate = (Model.SuccessfulOrders * 100.0) / Model.TotalOrders;
                                @successRate.ToString("F1")<text>%</text>
                            }
                            else
                            {
                                <span class="text-muted">N/A</span>
                            }
                        </td>
                    </tr>
                </table>

                <div class="mt-3">
                    <form method="post" action="@Url.Action("RefreshRiskScore", new { id = Model.Id })" class="d-inline">
                        @Html.AntiForgeryToken()
                        <button type="submit" class="btn btn-sm btn-outline-warning w-100">
                            <i class="fas fa-sync-alt"></i> Recalculate Risk Score
                        </button>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Spending Metrics -->
<div class="row mb-4">
    <div class="col-md-3">
        <div class="card bg-primary text-white">
            <div class="card-body text-center">
                <h6 class="mb-2">Total Spent</h6>
                <h3 class="mb-0">£@Model.TotalSpent.ToString("N2")</h3>
            </div>
        </div>
    </div>
    <div class="col-md-3">
        <div class="card bg-success text-white">
            <div class="card-body text-center">
                <h6 class="mb-2">Average Order Value</h6>
                <h3 class="mb-0">£@Model.AverageOrderValue.ToString("N2")</h3>
            </div>
        </div>
    </div>
    <div class="col-md-3">
        <div class="card bg-info text-white">
            <div class="card-body text-center">
                <h6 class="mb-2">First Order</h6>
                <h3 class="mb-0" style="font-size: 1.2rem;">
                    @if (Model.FirstOrderDate > DateTime.MinValue)
                    {
                        @Model.FirstOrderDate.ToString("MMM dd, yyyy")
                    }
                    else
                    {
                        <span>No orders</span>
                    }
                </h3>
            </div>
        </div>
    </div>
    <div class="col-md-3">
        <div class="card bg-warning text-dark">
            <div class="card-body text-center">
                <h6 class="mb-2">Last Order</h6>
                <h3 class="mb-0" style="font-size: 1.2rem;">
                    @if (Model.LastOrderDate > DateTime.MinValue)
                    {
                        @Model.LastOrderDate.ToString("MMM dd, yyyy")
                    }
                    else
                    {
                        <span>No orders</span>
                    }
                </h3>
            </div>
        </div>
    </div>
</div>

<!-- Customer Management Actions -->
<div class="row mb-4">
    <div class="col">
        <div class="card @(Model.IsBlocked ? "border-danger" : "")">
            <div class="card-header @(Model.IsBlocked ? "bg-danger text-white" : "bg-light")">
                <h5 class="mb-0"><i class="fas fa-cog"></i> Customer Management Actions</h5>
            </div>
            <div class="card-body">
                @if (Model.IsBlocked)
                {
                    <div class="alert alert-danger">
                        <h5><i class="fas fa-ban"></i> Customer is Blocked</h5>
                        <p class="mb-0"><strong>Reason:</strong> @Model.BlockReason</p>
                    </div>

                    <form method="post" action="@Url.Action("Unblock", new { id = Model.Id })" class="d-inline">
                        @Html.AntiForgeryToken()
                        <button type="submit" class="btn btn-success" onclick="return confirm('Are you sure you want to unblock this customer?')">
                            <i class="fas fa-check-circle"></i> Unblock Customer
                        </button>
                    </form>
                }
                else
                {
                    <button type="button" class="btn btn-danger" data-bs-toggle="modal" data-bs-target="#blockModal">
                        <i class="fas fa-ban"></i> Block Customer
                    </button>
                }

                <button type="button" class="btn btn-warning" data-bs-toggle="modal" data-bs-target="#deleteModal">
                    <i class="fas fa-trash"></i> Delete Customer
                </button>

                @if (!string.IsNullOrEmpty(Model.CustomerNotes))
                {
                    <hr>
                    <h6>Admin Notes:</h6>
                    <p class="text-muted mb-0">@Model.CustomerNotes</p>
                }
            </div>
        </div>
    </div>
</div>

<!-- Order History -->
<div class="row">
    <div class="col">
        <div class="card">
            <div class="card-header bg-light">
                <h5 class="mb-0">
                    <i class="fas fa-shopping-cart"></i> Order History
                    <span class="badge bg-primary">@customerOrders.Count</span>
                </h5>
            </div>
            <div class="card-body p-0">
                @if (customerOrders.Any())
                {
                    <div class="table-responsive">
                        <table class="table table-hover mb-0">
                            <thead class="table-light">
                                <tr>
                                    <th>Order ID</th>
                                    <th>Date</th>
                                    <th>Status</th>
                                    <th class="text-end">Items</th>
                                    <th class="text-end">Total</th>
                                    <th class="text-center">Actions</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach (var order in customerOrders)
                                {
                                    <tr>
                                        <td><code>@order.Id.ToString().Substring(0, 8)</code></td>
                                        <td>@order.CreatedAt.ToString("MMM dd, yyyy HH:mm")</td>
                                        <td>
                                            @{
                                                var statusClass = order.Status.ToString() == "Delivered" ? "success" :
                                                                order.Status.ToString() == "Cancelled" ? "danger" :
                                                                order.Status.ToString() == "PendingPayment" ? "warning" :
                                                                "info";
                                            }
                                            <span class="badge bg-@statusClass">@order.Status</span>
                                        </td>
                                        <td class="text-end">@order.Items.Sum(i => i.Quantity)</td>
                                        <td class="text-end"><strong>£@order.TotalAmount.ToString("N2")</strong></td>
                                        <td class="text-center">
                                            <a href="@Url.Action("Details", "Orders", new { id = order.Id })" class="btn btn-sm btn-primary">
                                                <i class="fas fa-eye"></i> View
                                            </a>
                                        </td>
                                    </tr>
                                }
                            </tbody>
                        </table>
                    </div>
                }
                else
                {
                    <div class="alert alert-info mb-0">
                        <i class="fas fa-info-circle"></i> No orders yet for this customer.
                    </div>
                }
            </div>
        </div>
    </div>
</div>

<!-- Block Customer Modal -->
<div class="modal fade" id="blockModal" tabindex="-1">
    <div class="modal-dialog">
        <div class="modal-content">
            <form method="post" action="@Url.Action("Block", new { id = Model.Id })">
                @Html.AntiForgeryToken()
                <div class="modal-header bg-danger text-white">
                    <h5 class="modal-title"><i class="fas fa-ban"></i> Block Customer</h5>
                    <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"></button>
                </div>
                <div class="modal-body">
                    <div class="alert alert-warning">
                        <i class="fas fa-exclamation-triangle"></i>
                        <strong>Warning:</strong> Blocking this customer will prevent them from placing new orders.
                    </div>
                    <div class="mb-3">
                        <label for="blockReason" class="form-label">
                            <strong>Reason for blocking:</strong> <span class="text-danger">*</span>
                        </label>
                        <textarea name="reason" id="blockReason" class="form-control" rows="3"
                                  placeholder="Enter the reason for blocking this customer..." required></textarea>
                        <small class="text-muted">This reason will be visible to administrators.</small>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
                    <button type="submit" class="btn btn-danger">
                        <i class="fas fa-ban"></i> Block Customer
                    </button>
                </div>
            </form>
        </div>
    </div>
</div>

<!-- Delete Customer Modal -->
<div class="modal fade" id="deleteModal" tabindex="-1">
    <div class="modal-dialog">
        <div class="modal-content">
            <form method="post" action="@Url.Action("Delete", new { id = Model.Id })">
                @Html.AntiForgeryToken()
                <div class="modal-header bg-warning text-dark">
                    <h5 class="modal-title"><i class="fas fa-trash"></i> Delete Customer</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                </div>
                <div class="modal-body">
                    <div class="alert alert-info">
                        <i class="fas fa-info-circle"></i>
                        <strong>Note:</strong> This is a soft delete. Customer data will be retained but marked as inactive.
                    </div>
                    <p>Are you sure you want to delete customer <strong>@Model.TelegramDisplayName</strong>?</p>
                    <p class="text-muted mb-0">The customer record and order history will be preserved but hidden from normal views.</p>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
                    <button type="submit" class="btn btn-warning">
                        <i class="fas fa-trash"></i> Delete Customer
                    </button>
                </div>
            </form>
        </div>
    </div>
</div>