@model IEnumerable<PowderCoating.Core.Entities.VendorCredit>
@using PowderCoating.Core.Enums
@{
    ViewData["Title"] = "Vendor Credits";
    var statusFilter = ViewBag.StatusFilter as string ?? "All";
}

<div class="d-flex align-items-center mb-3 gap-2">
    <h4 class="mb-0 fw-semibold">Vendor Credits</h4>
    <a asp-action="Create" class="btn btn-sm btn-primary ms-auto">
        <i class="bi bi-plus-lg me-1"></i>New Credit
    </a>
</div>

@if (TempData["Success"] != null)
{
    <div class="alert alert-success alert-permanent alert-dismissible fade show">
        @TempData["Success"]
        <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
    </div>
}
@if (TempData["Error"] != null)
{
    <div class="alert alert-danger alert-permanent alert-dismissible fade show">
        @TempData["Error"]
        <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
    </div>
}

<div class="row g-3 mb-3">
    <div class="col-md-4">
        <div class="card shadow-sm text-center py-3">
            <div class="fs-4 fw-bold text-success">@((ViewBag.TotalUnapplied as decimal? ?? 0).ToString("C"))</div>
            <div class="small text-muted">Total Unapplied Credit</div>
        </div>
    </div>
    <div class="col-md-4">
        <div class="card shadow-sm text-center py-3">
            <div class="fs-4 fw-bold">@ViewBag.OpenCount</div>
            <div class="small text-muted">Open Credits</div>
        </div>
    </div>
    <div class="col-md-4">
        <div class="card shadow-sm text-center py-3">
            <div class="fs-4 fw-bold">@ViewBag.PartialCount</div>
            <div class="small text-muted">Partially Applied</div>
        </div>
    </div>
</div>

<ul class="nav nav-tabs mb-3">
    <li class="nav-item">
        <a class="nav-link @(statusFilter == "All" ? "active" : "")" asp-action="Index">
            All <span class="badge bg-secondary ms-1">@ViewBag.TotalCount</span>
        </a>
    </li>
    <li class="nav-item">
        <a class="nav-link @(statusFilter == "Open" ? "active" : "")" asp-action="Index" asp-route-status="Open">
            Open <span class="badge bg-success ms-1">@ViewBag.OpenCount</span>
        </a>
    </li>
    <li class="nav-item">
        <a class="nav-link @(statusFilter == "Partial" ? "active" : "")" asp-action="Index" asp-route-status="Partial">
            Partially Applied <span class="badge bg-warning text-dark ms-1">@ViewBag.PartialCount</span>
        </a>
    </li>
</ul>

<div class="card shadow-sm">
    <div class="card-body p-0">
        <div class="mobile-card-view">
            <div class="mobile-card-list">
                @foreach (var vc in Model)
                {
                    var (vcBadge, vcLabel) = vc.Status switch
                    {
                        VendorCreditStatus.Open             => ("bg-success", "Open"),
                        VendorCreditStatus.PartiallyApplied => ("bg-warning text-dark", "Partial"),
                        VendorCreditStatus.Applied          => ("bg-secondary", "Applied"),
                        VendorCreditStatus.Voided           => ("bg-danger", "Voided"),
                        _                                   => ("bg-secondary", vc.Status.ToString())
                    };
                    <div class="mobile-data-card" onclick="window.location='@Url.Action("Details", new { id = vc.Id })'">
                        <div class="mobile-card-header">
                            <div class="mobile-card-icon" style="background: linear-gradient(135deg, #10b981 0%, #059669 100%);">
                                <i class="bi bi-credit-card"></i>
                            </div>
                            <div class="mobile-card-title">
                                <h6>@vc.CreditNumber</h6>
                                <small>@vc.Vendor?.CompanyName</small>
                            </div>
                        </div>
                        <div class="mobile-card-body">
                            <div class="mobile-card-row">
                                <span class="mobile-card-label">Status</span>
                                <span class="mobile-card-value"><span class="badge @vcBadge">@vcLabel</span></span>
                            </div>
                            <div class="mobile-card-row">
                                <span class="mobile-card-label">Date</span>
                                <span class="mobile-card-value">@vc.CreditDate.ToString("MM/dd/yy")</span>
                            </div>
                            <div class="mobile-card-row">
                                <span class="mobile-card-label">Total</span>
                                <span class="mobile-card-value">@vc.Total.ToString("C")</span>
                            </div>
                            <div class="mobile-card-row">
                                <span class="mobile-card-label">Remaining</span>
                                <span class="mobile-card-value @(vc.RemainingAmount > 0 ? "text-success fw-semibold" : "text-muted")">
                                    @(vc.RemainingAmount > 0 ? vc.RemainingAmount.ToString("C") : "&mdash;")
                                </span>
                            </div>
                            @if (!string.IsNullOrWhiteSpace(vc.Memo))
                            {
                                <div class="mobile-card-row">
                                    <span class="mobile-card-label">Memo</span>
                                    <span class="mobile-card-value">@vc.Memo</span>
                                </div>
                            }
                        </div>
                        <div class="mobile-card-footer">
                            <a asp-action="Details" asp-route-id="@vc.Id" class="btn btn-sm btn-outline-secondary" onclick="event.stopPropagation()">
                                View
                            </a>
                        </div>
                    </div>
                }
            </div>
        </div>
        <div class="table-responsive">
            <table class="table table-hover mb-0">
                <thead class="table-light">
                    <tr>
                        <th>Credit #</th>
                        <th>Date</th>
                        <th>Vendor</th>
                        <th>Memo</th>
                        <th class="text-end">Total</th>
                        <th class="text-end">Remaining</th>
                        <th>Status</th>
                        <th class="text-end">Actions</th>
                    </tr>
                </thead>
                <tbody>
                @if (!Model.Any())
                {
                    <tr>
                        <td colspan="8" class="text-center text-muted py-4">No vendor credits found.</td>
                    </tr>
                }
                @foreach (var vc in Model)
                {
                    <tr>
                        <td>
                            <a asp-action="Details" asp-route-id="@vc.Id" class="fw-semibold text-decoration-none">
                                @vc.CreditNumber
                            </a>
                        </td>
                        <td>@vc.CreditDate.ToString("MMM d, yyyy")</td>
                        <td>@vc.Vendor?.CompanyName</td>
                        <td class="text-muted small text-truncate" style="max-width:180px">@vc.Memo</td>
                        <td class="text-end">@vc.Total.ToString("C")</td>
                        <td class="text-end">
                            @if (vc.RemainingAmount > 0)
                            {
                                <span class="text-success fw-semibold">@vc.RemainingAmount.ToString("C")</span>
                            }
                            else
                            {
                                <span class="text-muted">—</span>
                            }
                        </td>
                        <td>
                            @{
                                var (badgeClass, label) = vc.Status switch
                                {
                                    VendorCreditStatus.Open             => ("bg-success", "Open"),
                                    VendorCreditStatus.PartiallyApplied => ("bg-warning text-dark", "Partial"),
                                    VendorCreditStatus.Applied          => ("bg-secondary", "Applied"),
                                    VendorCreditStatus.Voided           => ("bg-danger", "Voided"),
                                    _                                    => ("bg-secondary", vc.Status.ToString())
                                };
                            }
                            <span class="badge @badgeClass">@label</span>
                        </td>
                        <td class="text-end">
                            <a asp-action="Details" asp-route-id="@vc.Id" class="btn btn-sm btn-outline-secondary">
                                View
                            </a>
                        </td>
                    </tr>
                }
                </tbody>
            </table>
        </div>
    </div>
</div>