spouliot/PowderCoatingLogix
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Initial commit

Browse Source
This commit is contained in:
Scott Pouliot
2026-04-23 21:38:24 -04:00
commit 63e12a9636
1762 changed files with 1672620 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/PowderCoating.Web/Views/Reports/ExpensesAp.cshtml
+150
View File
@@ -0,0 +1,150 @@
@model PowderCoating.Web.ViewModels.Reports.ExpensesApViewModel
@{ ViewData["Title"] = "Expenses & AP"; }
<partial name="_ReportHeader" model="Model" />
<div class="row g-3 mb-3">
<div class="col-6 col-md-3">
<div class="card text-bg-primary">
<div class="card-body py-2">
<div class="small">Total Billed (AP)</div>
<div class="fs-5 fw-bold">@Model.TotalBilled.ToString("C")</div>
</div>
</div>
</div>
<div class="col-6 col-md-3">
<div class="card text-bg-success">
<div class="card-body py-2">
<div class="small">Bills Paid</div>
<div class="fs-5 fw-bold">@Model.TotalBillsPaid.ToString("C")</div>
</div>
</div>
</div>
<div class="col-6 col-md-3">
<div class="card text-bg-warning">
<div class="card-body py-2">
<div class="small">AP Outstanding</div>
<div class="fs-5 fw-bold">@Model.TotalApOutstanding.ToString("C")</div>
</div>
</div>
</div>
<div class="col-6 col-md-3">
<div class="card border-secondary">
<div class="card-body py-2 text-center">
<div class="small text-muted">Direct Expenses</div>
<div class="fs-5 fw-bold">@Model.TotalDirectExpenses.ToString("C")</div>
</div>
</div>
</div>
</div>
<div class="row g-3 mb-3">
<div class="col-lg-8">
<div class="card h-100">
<div class="card-header fw-semibold">Monthly P&amp;L Overview</div>
<div class="card-body">
<canvas id="plChart" height="200"></canvas>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="card h-100">
<div class="card-header fw-semibold">AP Aging</div>
<div class="card-body p-0">
<table class="table table-sm mb-0">
<thead class="table-light">
<tr><th>Bucket</th><th class="text-end">Amount</th><th class="text-end">Bills</th></tr>
</thead>
<tbody>
@foreach (var b in Model.ApAgingBuckets)
{
<tr>
<td>@b.Label</td>
<td class="text-end fw-semibold">@b.Amount.ToString("C")</td>
<td class="text-end text-muted">@b.Count</td>
</tr>
}
</tbody>
</table>
</div>
</div>
</div>
</div>
<div class="row g-3">
<div class="col-lg-6">
<div class="card h-100">
<div class="card-header fw-semibold">Vendor Spend</div>
<div class="card-body p-0">
<table class="table table-sm table-hover mb-0">
<thead class="table-light">
<tr><th>Vendor</th><th class="text-end">Billed</th><th class="text-end">Paid</th><th class="text-end">Due</th><th class="text-end">Bills</th></tr>
</thead>
<tbody>
@foreach (var v in Model.VendorSpend)
{
<tr>
<td>@v.VendorName</td>
<td class="text-end">@v.TotalBilled.ToString("C")</td>
<td class="text-end text-success">@v.TotalPaid.ToString("C")</td>
<td class="text-end @(v.BalanceDue > 0 ? "text-warning fw-semibold" : "")">@v.BalanceDue.ToString("C")</td>
<td class="text-end text-muted">@v.BillCount</td>
</tr>
}
</tbody>
</table>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="card h-100">
<div class="card-header fw-semibold">Expenses by Account</div>
<div class="card-body p-0">
<table class="table table-sm table-hover mb-0">
<thead class="table-light">
<tr><th>Account</th><th class="text-end">Amount</th><th class="text-end">Entries</th></tr>
</thead>
<tbody>
@foreach (var e in Model.ExpensesByAccount)
{
<tr>
<td class="small">@e.AccountName</td>
<td class="text-end fw-semibold">@e.Amount.ToString("C")</td>
<td class="text-end text-muted">@e.Count</td>
</tr>
}
</tbody>
</table>
</div>
</div>
</div>
</div>
@section Scripts {
<script src="~/lib/chartjs/chart.umd.min.js"></script>
<script>
(function () {
const labels = @Html.Raw(System.Text.Json.JsonSerializer.Serialize(Model.MonthLabels));
const revenue = @Html.Raw(System.Text.Json.JsonSerializer.Serialize(Model.PlRevenue));
const expenses = @Html.Raw(System.Text.Json.JsonSerializer.Serialize(Model.PlExpenses));
const net = @Html.Raw(System.Text.Json.JsonSerializer.Serialize(Model.PlNetIncome));
new Chart(document.getElementById('plChart'), {
type: 'bar',
data: {
labels,
datasets: [
{ label: 'Revenue', data: revenue, backgroundColor: 'rgba(25,135,84,0.7)' },
{ label: 'Expenses', data: expenses, backgroundColor: 'rgba(220,53,69,0.6)' },
{ label: 'Net', data: net, type: 'line', borderColor: '#0d6efd', backgroundColor: 'transparent', tension: 0.3, yAxisID: 'y' }
]
},
options: {
responsive: true,
plugins: { legend: { position: 'top' } },
scales: { y: { beginAtZero: false, ticks: { callback: v => '$' + v.toLocaleString() } } }
}
});
})();
</script>
}