@page "/consumables"
@inject ConsumableService ConsumablesSvc
@inject Microsoft.Extensions.Options.IOptions<MeterVault.Infrastructure.Options.MeterVaultOptions> Options
@using MudBlazor

<PageTitle>MeterVault — @S.Consumables_PageTitle</PageTitle>

<div class="d-flex align-center justify-space-between mb-4 flex-wrap" style="gap:1rem">
    <MudText Typo="Typo.h4">@S.Nav_Consumables</MudText>
    <MudSelect T="int" Value="_months" ValueChanged="OnRangeChanged" Label="@S.Common_Range" Dense="true" Style="max-width:200px">
        <MudSelectItem T="int" Value="12">@S.Common_RangeLast12Months</MudSelectItem>
        <MudSelectItem T="int" Value="24">@S.Common_RangeLast24Months</MudSelectItem>
        <MudSelectItem T="int" Value="60">@S.Common_RangeLast5Years</MudSelectItem>
        <MudSelectItem T="int" Value="1200">@S.Common_RangeAllTime</MudSelectItem>
    </MudSelect>
</div>

@* A consumable meter without a tank has no capacity or calibration, so it cannot be summarised —
   but it must not just be missing from the page, with nothing saying where it went. *@
@foreach (var meter in _unconfigured)
{
    <MudAlert Severity="Severity.Warning" Class="mb-3">
        @Loc.F(S.Consumables_TankNotConfigured, meter.Name)
        <MudButton Size="Size.Small" Variant="Variant.Text" Color="Color.Warning" Class="ml-2"
                   Href="@MeterLinks.Detail(meter.MeterId, action: MeterLinks.ActionEdit)">@S.MeterDetail_SetUpTank</MudButton>
    </MudAlert>
}

@if (_items is null)
{
    <MudProgressLinear Indeterminate="true" Color="Color.Primary" />
}
else if (_items.Count == 0 && _unconfigured.Count == 0)
{
    <MudAlert Severity="Severity.Info">
        @S.Consumables_NoMetersLead <b>@MeterMode.ConsumableBalance.Display()</b> @S.Consumables_NoMetersTail
        <MudLink Href="/meters">@S.Nav_Meters</MudLink>@S.Consumables_NoMetersOrImport
        <MudLink Href="/import">@S.Nav_Import</MudLink>.
    </MudAlert>
}
else
{
    @foreach (var item in _items)
    {
        <MudPaper Class="pa-4 mb-4" Elevation="2">
            @* The actions for a tank are the ones done standing next to it, so they sit on its card. *@
            <div class="d-flex align-center flex-wrap mb-3" style="gap:.5rem">
                <MudLink Href="@MeterLinks.Detail(item.MeterId)" Typo="Typo.h6">@item.Name</MudLink>
                <MudSpacer />
                <MudButton Size="Size.Small" Variant="Variant.Filled" Color="Color.Primary" StartIcon="@Icons.Material.Filled.Straighten"
                           Href="@MeterLinks.Event(item.MeterId, MeterEventType.TankLevel)">@S.MeterDetail_RecordTankLevel</MudButton>
                <MudButton Size="Size.Small" Variant="Variant.Outlined" Color="Color.Primary" StartIcon="@Icons.Material.Filled.LocalShipping"
                           Href="@MeterLinks.Event(item.MeterId, MeterEventType.Delivery)">@S.Consumables_RecordDelivery</MudButton>
            </div>
            <MudGrid>
                <MudItem xs="12" md="4">
                    <MudText Typo="Typo.overline" Color="Color.Secondary">@S.Consumables_TankLevel</MudText>
                    <MudText Typo="Typo.h5">
                        @(item.CurrentLevel is { } l ? $"{Format.Number(l, 0)} {item.Unit}" : "—")
                    </MudText>
                    <MudProgressLinear Color="@FillColor(item.FillFraction)" Value="@(item.FillFraction * 100)" Class="my-2" Size="Size.Large" />
                    <MudText Typo="Typo.caption" Color="Color.Secondary">
                        @Loc.F(S.Consumables_FillOfCapacity, Format.Number(item.FillFraction * 100, 0), Format.Number(item.Capacity, 0), item.Unit)
                        @if (item.PhysicalLevel is { } cm && item.PhysicalUnit is "cm")
                        {
                            <text> · @Format.Number(cm, 0) cm</text>
                        }
                        @if (item.LevelAsOf is { } asOf)
                        {
                            <text> · @Loc.F(S.Consumables_AsOf, Local(asOf).ToString("yyyy-MM-dd"))</text>
                        }
                    </MudText>
                </MudItem>

                <MudItem xs="12" md="8">
                    <MudGrid>
                        <MudItem xs="6" sm="3">
                            <MudText Typo="Typo.overline" Color="Color.Secondary">@S.Consumables_UsedRange</MudText>
                            <MudText Typo="Typo.subtitle1">@Format.Number(item.ConsumptionInRange, 0) @item.Unit</MudText>
                        </MudItem>
                        <MudItem xs="6" sm="3">
                            <MudText Typo="Typo.overline" Color="Color.Secondary">@S.Consumables_BurnerRuntime</MudText>
                            <MudText Typo="Typo.subtitle1">@(item.BurnerHours is { } h ? $"{Format.Number(h, 0)} h" : "—")</MudText>
                        </MudItem>
                        <MudItem xs="6" sm="3">
                            <MudText Typo="Typo.overline" Color="Color.Secondary">@S.Consumables_EffectiveRate</MudText>
                            <MudText Typo="Typo.subtitle1">
                                @if (item.FixedRate is { } fr)
                                {
                                    <text>@Format.Number(fr, 2) @item.Unit/h</text>
                                }
                                else if (item.EffectiveRate is { } er)
                                {
                                    <text>@Format.Number(er, 2) @item.Unit/h</text>
                                }
                                else
                                {
                                    <text>—</text>
                                }
                            </MudText>
                            <MudText Typo="Typo.caption" Color="Color.Secondary">@item.RateMode.Display()</MudText>
                        </MudItem>
                        <MudItem xs="6" sm="3">
                            <MudText Typo="Typo.overline" Color="Color.Secondary">@S.Common_CostRange</MudText>
                            <MudText Typo="Typo.subtitle1">@Format.Euro(item.CostInRange)</MudText>
                        </MudItem>
                        <MudItem xs="12" sm="6">
                            <MudText Typo="Typo.overline" Color="Color.Secondary">@S.Consumables_ForecastEmpty</MudText>
                            <MudText Typo="Typo.subtitle1">
                                @(item.ForecastEmpty is { } fe ? fe.ToString("yyyy-MM-dd") : "—")
                                @if (item.AveragePerDay is { } apd)
                                {
                                    <MudText Typo="Typo.caption" Color="Color.Secondary" Class="d-inline">
                                        @Loc.F(S.Consumables_PerDay, Format.Number(apd, 1), item.Unit)
                                    </MudText>
                                }
                            </MudText>
                        </MudItem>
                    </MudGrid>
                </MudItem>

                <MudItem xs="12" md="7">
                    <MudText Typo="Typo.subtitle2" Class="mb-2">@S.Consumables_ConsumptionByMonth</MudText>
                    <SeriesChart Series="@ChartFor(item)" Decimals="0" Height="260" />
                </MudItem>

                <MudItem xs="12" md="5">
                    <MudText Typo="Typo.subtitle2" Class="mb-2">@Loc.F(S.Consumables_DeliveriesCount, item.Deliveries.Count)</MudText>
                    @if (item.Deliveries.Count == 0)
                    {
                        <MudText Typo="Typo.body2" Color="Color.Secondary">@S.Consumables_NoDeliveries</MudText>
                    }
                    else
                    {
                        <div style="max-height:260px; overflow-y:auto">
                            <MudSimpleTable Dense="true" Hover="true">
                                <thead>
                                    <tr><th>@S.Common_Date</th><th style="text-align:right">@S.Common_Amount</th></tr>
                                </thead>
                                <tbody>
                                    @foreach (var delivery in item.Deliveries)
                                    {
                                        <tr>
                                            <td>@Local(delivery.Time).ToString("yyyy-MM-dd")</td>
                                            <td style="text-align:right">@Format.Number(delivery.Amount, 0) @(delivery.Unit ?? item.Unit)</td>
                                        </tr>
                                    }
                                </tbody>
                            </MudSimpleTable>
                        </div>
                    }
                </MudItem>
            </MudGrid>
        </MudPaper>
    }
}

@code {
    private int _months = 60;
    private bool _loading;
    private IReadOnlyList<ConsumableSummary>? _items;
    private IReadOnlyList<UnconfiguredConsumable> _unconfigured = [];
    private TimeZoneInfo _tz = TimeZoneInfo.Utc;

    protected override Task OnInitializedAsync()
    {
        _tz = LocalTimeEntry.Resolve(Options.Value.TimeZone);
        return LoadAsync();
    }

    private DateTimeOffset Local(DateTimeOffset instant) => TimeZoneInfo.ConvertTime(instant, _tz);

    private async Task OnRangeChanged(int months)
    {
        _months = months;
        await LoadAsync();
    }

    private async Task LoadAsync()
    {
        if (_loading)
        {
            return;
        }

        _loading = true;
        _items = null;
        try
        {
            var asOf = DateOnly.FromDateTime(DateTime.UtcNow);
            var from = asOf.AddMonths(-_months);
            _unconfigured = await ConsumablesSvc.GetUnconfiguredAsync();
            _items = await ConsumablesSvc.GetConsumablesAsync(new DateOnly(from.Year, from.Month, 1), asOf.AddMonths(1));
        }
        finally
        {
            _loading = false;
        }
    }

    private static IReadOnlyList<SeriesChart.SeriesDef> ChartFor(ConsumableSummary item)
    {
        var points = item.Months
            .Select(m => new SeriesChart.Point(Format.MonthLabel(m.Period), m.Consumption))
            .ToList();
        return [new SeriesChart.SeriesDef(Loc.F(S.Consumables_UnitUsed, item.Unit), ApexCharts.SeriesType.Bar, points)];
    }

    private static Color FillColor(double fraction) => fraction switch
    {
        < 0.15 => Color.Error,
        < 0.30 => Color.Warning,
        _ => Color.Success,
    };
}