@page "/ordenes"
@attribute [Authorize]
@inject IWorkshopService WorkshopSvc
@inject NavigationManager Nav
@inject IDialogService DialogSvc
@inject ISnackbar Snackbar

<PageTitle>Órdenes de Trabajo - AutoTaller ERP</PageTitle>

<div class="page-header d-flex align-center justify-space-between mb-4">
    <div>
        <MudText Typo="Typo.h4" Class="fw-bold">Órdenes de Trabajo</MudText>
        <MudText Typo="Typo.body2" Color="Color.Secondary">Flujo de OTs por estado y vista de listado</MudText>
    </div>
    <MudButton Variant="Variant.Filled" Color="Color.Primary" StartIcon="@Icons.Material.Filled.Add"
               Href="/recepcion/nueva">Nueva OT</MudButton>
</div>

<MudTabs Elevation="0" Rounded="true" Color="Color.Primary" PanelClass="pt-4">
    <MudTabPanel Text="Vista Kanban" Icon="@Icons.Material.Filled.ViewKanban">
        <div class="ot-kanban">
            @foreach (var col in columnasKanban)
            {
                <div class="ot-kanban-col">
                    <div class="ot-kanban-header">
                        <MudText Typo="Typo.subtitle2" Class="fw-bold">@col.Titulo</MudText>
                        <MudChip T="string" Size="Size.Small" Color="@col.Color" Variant="Variant.Filled">@OrdenesEnEstado(col.Estado).Count()</MudChip>
                    </div>
                    <div class="ot-kanban-body">
                        @foreach (var ot in OrdenesEnEstado(col.Estado))
                        {
                            <MudPaper Class="ot-kanban-card pa-3 mb-2" Elevation="0" @onclick="() => VerDetalle(ot.Id)">
                                <div class="d-flex justify-space-between align-center mb-1">
                                    <MudText Typo="Typo.caption" Class="fw-bold" Color="Color.Primary">@ot.Numero</MudText>
                                    @if (ot.Prioridad == PrioridadOT.Urgente)
                                    {
                                        <MudIcon Icon="@Icons.Material.Filled.PriorityHigh" Color="Color.Error" Size="Size.Small" />
                                    }
                                </div>
                                <MudText Typo="Typo.body2" Class="fw-medium">@ot.Vehiculo · @ot.Placa</MudText>
                                <MudText Typo="Typo.caption" Color="Color.Secondary">@ot.Cliente</MudText>
                                @if (!string.IsNullOrEmpty(ot.Tecnico))
                                {
                                    <div class="mt-2 d-flex align-center gap-1">
                                        <MudIcon Icon="@Icons.Material.Filled.Person" Size="Size.Small" Color="Color.Secondary" />
                                        <MudText Typo="Typo.caption">@ot.Tecnico</MudText>
                                    </div>
                                }
                                <div class="mt-2 d-flex justify-space-between align-center">
                                    <MudText Typo="Typo.caption" Color="Color.Secondary">@ot.FechaIngreso.ToString("dd/MM HH:mm")</MudText>
                                    <MudText Typo="Typo.caption" Class="fw-bold">S/. @ot.Total.ToString("N0")</MudText>
                                </div>
                            </MudPaper>
                        }
                        @if (!OrdenesEnEstado(col.Estado).Any())
                        {
                            <div class="ot-kanban-empty">
                                <MudText Typo="Typo.caption" Color="Color.Secondary">Sin OTs</MudText>
                            </div>
                        }
                    </div>
                </div>
            }
        </div>
    </MudTabPanel>

    <MudTabPanel Text="Vista Tabla" Icon="@Icons.Material.Filled.TableChart">
        <MudPaper Class="pa-4" Elevation="0" Style="border-radius:12px;">
            <div class="d-flex align-center mb-4 gap-3 flex-wrap">
                <MudTextField T="string" @bind-Value="buscar" @bind-Value:after="OnBuscarChanged" Immediate="true"
                              Placeholder="Buscar por número, cliente o placa..."
                              Variant="Variant.Outlined" Margin="Margin.Dense"
                              Adornment="Adornment.Start" AdornmentIcon="@Icons.Material.Filled.Search"
                              Style="max-width:380px;flex:1;" />
                <MudSelect T="EstadoOT?" @bind-Value="estadoFiltro" @bind-Value:after="CargarTablaAsync"
                           Label="Estado" Variant="Variant.Outlined" Margin="Margin.Dense"
                           Clearable="true" Style="min-width:180px;">
                    <MudSelectItem T="EstadoOT?" Value="null">Todos</MudSelectItem>
                    <MudSelectItem T="EstadoOT?" Value="EstadoOT.Recibido">Recibido</MudSelectItem>
                    <MudSelectItem T="EstadoOT?" Value="EstadoOT.EnDiagnostico">En diagnóstico</MudSelectItem>
                    <MudSelectItem T="EstadoOT?" Value="EstadoOT.EnReparacion">En reparación</MudSelectItem>
                    <MudSelectItem T="EstadoOT?" Value="EstadoOT.EnEsperaRepuesto">En espera de repuesto</MudSelectItem>
                    <MudSelectItem T="EstadoOT?" Value="EstadoOT.ControlCalidad">Control de calidad</MudSelectItem>
                    <MudSelectItem T="EstadoOT?" Value="EstadoOT.Listo">Listo</MudSelectItem>
                    <MudSelectItem T="EstadoOT?" Value="EstadoOT.Entregado">Entregado</MudSelectItem>
                    <MudSelectItem T="EstadoOT?" Value="EstadoOT.Cancelado">Cancelado</MudSelectItem>
                </MudSelect>
                <MudSpacer />
                <MudText Typo="Typo.caption" Color="Color.Secondary">@total OT(s)</MudText>
            </div>

            <MudTable Items="@ordenesTabla" Hover="true" Loading="@cargando" LoadingProgressColor="Color.Primary" Class="erp-table">
                <HeaderContent>
                    <MudTh>N° OT</MudTh>
                    <MudTh>Fecha</MudTh>
                    <MudTh>Cliente</MudTh>
                    <MudTh>Vehículo</MudTh>
                    <MudTh>Estado</MudTh>
                    <MudTh>Técnico</MudTh>
                    <MudTh>Prioridad</MudTh>
                    <MudTh Style="text-align:right;">Total</MudTh>
                    <MudTh Style="text-align:right;">Acciones</MudTh>
                </HeaderContent>
                <RowTemplate>
                    <MudTd><MudText Typo="Typo.caption" Class="fw-bold">@context.Numero</MudText></MudTd>
                    <MudTd>@context.FechaIngreso.ToString("dd/MM/yyyy HH:mm")</MudTd>
                    <MudTd>@context.Cliente</MudTd>
                    <MudTd>
                        <MudText Typo="Typo.body2">@context.Vehiculo</MudText>
                        <MudText Typo="Typo.caption" Color="Color.Secondary">@context.Placa</MudText>
                    </MudTd>
                    <MudTd>
                        <MudChip T="string" Size="Size.Small" Color="@EstadoColor(context.Estado)" Variant="Variant.Filled">@EstadoTexto(context.Estado)</MudChip>
                    </MudTd>
                    <MudTd>@(context.Tecnico ?? "—")</MudTd>
                    <MudTd>
                        <MudChip T="string" Size="Size.Small" Color="@PrioridadColor(context.Prioridad)" Variant="Variant.Outlined">@context.Prioridad</MudChip>
                    </MudTd>
                    <MudTd Style="text-align:right;"><MudText Typo="Typo.body2" Class="fw-medium">S/. @context.Total.ToString("N2")</MudText></MudTd>
                    <MudTd Style="text-align:right;">
                        <MudIconButton Icon="@Icons.Material.Filled.Visibility" Size="Size.Small" Color="Color.Info"
                                       OnClick="() => VerDetalle(context.Id)" />
                        <MudIconButton Icon="@Icons.Material.Filled.SwapHoriz" Size="Size.Small" Color="Color.Primary"
                                       OnClick="() => CambiarEstado(context)" Title="Cambiar estado" />
                    </MudTd>
                </RowTemplate>
                <NoRecordsContent>
                    <MudText Class="pa-4 text-center" Color="Color.Secondary">No hay órdenes para los filtros aplicados</MudText>
                </NoRecordsContent>
            </MudTable>

            @if (totalPages > 1)
            {
                <div class="d-flex justify-center mt-4">
                    <MudPagination Color="Color.Primary" Count="totalPages" Selected="page" SelectedChanged="OnPageChanged" />
                </div>
            }
        </MudPaper>
    </MudTabPanel>
</MudTabs>

@code {
    private record ColumnaKanban(EstadoOT Estado, string Titulo, Color Color);
    private readonly ColumnaKanban[] columnasKanban = new[]
    {
        new ColumnaKanban(EstadoOT.Recibido, "Recibido", Color.Default),
        new ColumnaKanban(EstadoOT.EnDiagnostico, "Diagnóstico", Color.Info),
        new ColumnaKanban(EstadoOT.EnReparacion, "Reparación", Color.Primary),
        new ColumnaKanban(EstadoOT.EnEsperaRepuesto, "Esperando", Color.Warning),
        new ColumnaKanban(EstadoOT.ControlCalidad, "QC", Color.Tertiary),
        new ColumnaKanban(EstadoOT.Listo, "Listo", Color.Success),
    };

    private List<OrdenTrabajoListDto> ordenesActivas = new();
    private List<OrdenTrabajoListDto> ordenesTabla = new();
    private bool cargando = true;
    private string? buscar;
    private EstadoOT? estadoFiltro;
    private int page = 1;
    private const int pageSize = 15;
    private int total = 0;
    private int totalPages = 0;
    private CancellationTokenSource? _debounceCts;

    protected override async Task OnInitializedAsync()
    {
        await CargarKanbanAsync();
        await CargarTablaAsync();
    }

    private async Task CargarKanbanAsync()
    {
        ordenesActivas = await WorkshopSvc.ListarTodasOrdenesAsync();
    }

    private async Task CargarTablaAsync()
    {
        cargando = true;
        var resultado = await WorkshopSvc.ListarOrdenesAsync(buscar, estadoFiltro, page, pageSize);
        ordenesTabla = resultado.Items;
        total = resultado.Total;
        totalPages = resultado.TotalPages;
        cargando = false;
    }

    private async Task OnBuscarChanged()
    {
        _debounceCts?.Cancel();
        _debounceCts = new CancellationTokenSource();
        var token = _debounceCts.Token;
        try
        {
            await Task.Delay(350, token);
            page = 1;
            await CargarTablaAsync();
        }
        catch (TaskCanceledException) { }
    }

    private async Task OnPageChanged(int p)
    {
        page = p;
        await CargarTablaAsync();
    }

    private IEnumerable<OrdenTrabajoListDto> OrdenesEnEstado(EstadoOT estado) =>
        ordenesActivas.Where(o => o.Estado == estado);

    private void VerDetalle(int id) => Nav.NavigateTo($"/ordenes/{id}");

    private async Task CambiarEstado(OrdenTrabajoListDto ot)
    {
        var parametros = new DialogParameters { ["OT"] = ot };
        var opciones = new DialogOptions { CloseButton = true, MaxWidth = MaxWidth.Small, FullWidth = true };
        var dialog = await DialogSvc.ShowAsync<CambiarEstadoDialog>("Cambiar estado", parametros, opciones);
        var r = await dialog.Result;
        if (r is { Canceled: false })
        {
            Snackbar.Add("Estado actualizado", Severity.Success);
            await CargarKanbanAsync();
            await CargarTablaAsync();
        }
    }

    private static Color EstadoColor(EstadoOT e) => e switch
    {
        EstadoOT.Recibido => Color.Default,
        EstadoOT.EnDiagnostico => Color.Info,
        EstadoOT.EnReparacion => Color.Primary,
        EstadoOT.EnEsperaRepuesto => Color.Warning,
        EstadoOT.ControlCalidad => Color.Tertiary,
        EstadoOT.Listo => Color.Success,
        EstadoOT.Entregado => Color.Success,
        EstadoOT.Cancelado => Color.Error,
        _ => Color.Default
    };

    private static string EstadoTexto(EstadoOT e) => e switch
    {
        EstadoOT.EnDiagnostico => "Diagnóstico",
        EstadoOT.EnReparacion => "Reparación",
        EstadoOT.EnEsperaRepuesto => "Esp. repuesto",
        EstadoOT.ControlCalidad => "Control calidad",
        _ => e.ToString()
    };

    private static Color PrioridadColor(PrioridadOT p) => p switch
    {
        PrioridadOT.Urgente => Color.Error,
        PrioridadOT.Alta => Color.Warning,
        PrioridadOT.Normal => Color.Info,
        PrioridadOT.Baja => Color.Default,
        _ => Color.Default
    };
}