Merge pull request 'feat(sales): add delivery note detail drawer Closes #31' (#32) from feature/leandro/31-deliverynote-detail-drawer into master

Reviewed-on: http://saludlab.com.ar:3000/leandro/phronCare/pulls/32

phronCare.UIBlazor/Pages/Sales/DeliveryNotes/DeliveryNoteDetailDrawer.razor

@@ -0,0 +1,172 @@
+@using Domain.Dtos.Sales
+
+@if (Visible && Summary != null)
+{
+    <div class="position-fixed top-0 start-0 w-100 h-100"
+         style="background: rgba(0,0,0,0.4); z-index: 1040;"
+         @onclick="Close">
+    </div>
+
+    <div class="position-fixed top-0 end-0 h-100 bg-white shadow"
+         style="width: 45%; z-index: 1050; overflow-y: auto;">
+        <div class="d-flex justify-content-between align-items-center border-bottom px-3 py-2">
+            <div>
+                <h5 class="m-0">Detalle Remito @HeaderNumber</h5>
+                <div class="mt-1">
+                    <span class="badge @GetStatusBadge(HeaderStatus)">@HeaderStatus</span>
+                </div>
+            </div>
+            <button type="button" class="btn-close" @onclick="Close"></button>
+        </div>
+
+        <div class="p-3" style="zoom: 0.8;">
+            <ul class="nav nav-tabs mb-3" role="tablist">
+                <li class="nav-item">
+                    <button type="button"
+                            class="nav-link @((activeTab == "Datos") ? "active bg-primary text-white" : "")"
+                            @onclick='() => activeTab = "Datos"'
+                            title="Datos generales">
+                        <i class="fas fa-info-circle me-1"></i> Datos
+                    </button>
+                </li>
+                <li class="nav-item">
+                    <button type="button"
+                            class="nav-link @((activeTab == "Items") ? "active bg-success text-white" : "")"
+                            @onclick='() => activeTab = "Items"'
+                            title="Detalle de líneas">
+                        <i class="fas fa-boxes-stacked me-1"></i> Items
+                    </button>
+                </li>
+            </ul>
+
+            @if (Loading)
+            {
+                <div class="text-center text-muted py-4">Cargando detalle...</div>
+            }
+            else if (activeTab == "Datos")
+            {
+                <div class="row g-3">
+                    <div class="col-md-6">
+                        <label class="form-label fw-semibold mb-1">Remito</label>
+                        <div class="form-control form-control-sm bg-light">@HeaderNumber</div>
+                    </div>
+                    <div class="col-md-6">
+                        <label class="form-label fw-semibold mb-1">Fecha de emisión</label>
+                        <div class="form-control form-control-sm bg-light">@HeaderIssueDate.ToString("dd/MM/yyyy")</div>
+                    </div>
+                    <div class="col-md-6">
+                        <label class="form-label fw-semibold mb-1">Cliente</label>
+                        <div class="form-control form-control-sm bg-light">@HeaderCustomerName</div>
+                    </div>
+                    <div class="col-md-6">
+                        <label class="form-label fw-semibold mb-1">Presupuesto relacionado</label>
+                        <div class="form-control form-control-sm bg-light">@HeaderQuoteNumber</div>
+                    </div>
+                    <div class="col-md-6">
+                        <label class="form-label fw-semibold mb-1">Estado</label>
+                        <div><span class="badge @GetStatusBadge(HeaderStatus)">@HeaderStatus</span></div>
+                    </div>
+                    <div class="col-md-6">
+                        <label class="form-label fw-semibold mb-1">Reimpresiones</label>
+                        <div class="form-control form-control-sm bg-light">@HeaderPrintCount</div>
+                    </div>
+                    <div class="col-md-6">
+                        <label class="form-label fw-semibold mb-1">Factura asociada</label>
+                        <div class="form-control form-control-sm bg-light">@(Detail?.SalesInvoiceId?.ToString() ?? "—")</div>
+                    </div>
+                    <div class="col-md-6">
+                        <label class="form-label fw-semibold mb-1">Última modificación</label>
+                        <div class="form-control form-control-sm bg-light">@(Detail?.ModifiedAt?.ToString("dd/MM/yyyy HH:mm") ?? "—")</div>
+                    </div>
+                    <div class="col-12">
+                        <label class="form-label fw-semibold mb-1">Observaciones</label>
+                        <div class="form-control form-control-sm bg-light" style="min-height: 90px; white-space: pre-wrap;">@(string.IsNullOrWhiteSpace(Detail?.Observations) ? "—" : Detail!.Observations)</div>
+                    </div>
+                </div>
+            }
+            else
+            {
+                @if (Detail?.Items == null || !Detail.Items.Any())
+                {
+                    <p class="text-muted mb-0">No hay ítems para este remito.</p>
+                }
+                else
+                {
+                    <div class="table-responsive">
+                        <table class="table table-sm align-middle mb-0">
+                            <thead class="table-light">
+                                <tr>
+                                    <th style="width: 80px;">Línea</th>
+                                    <th>Descripción</th>
+                                    <th style="width: 100px;">Cantidad</th>
+                                    <th style="width: 120px;">Origen</th>
+                                    <th>Notas</th>
+                                </tr>
+                            </thead>
+                            <tbody>
+                                @foreach (var item in Detail.Items.OrderBy(i => i.LineNumber))
+                                {
+                                    <tr>
+                                        <td class="text-center">@item.LineNumber</td>
+                                        <td>@item.Description</td>
+                                        <td class="text-center">@item.Quantity</td>
+                                        <td>@GetOriginLabel(item.OriginType)</td>
+                                        <td>@(string.IsNullOrWhiteSpace(item.Notes) ? "—" : item.Notes)</td>
+                                    </tr>
+                                }
+                            </tbody>
+                        </table>
+                    </div>
+                }
+            }
+        </div>
+    </div>
+}
+
+@code {
+    [Parameter] public bool Visible { get; set; }
+    [Parameter] public EventCallback<bool> VisibleChanged { get; set; }
+    [Parameter] public DeliveryNoteSummaryDto? Summary { get; set; }
+    [Parameter] public DeliveryNoteDto? Detail { get; set; }
+    [Parameter] public bool Loading { get; set; }
+
+    private string activeTab = "Datos";
+    private int? lastDeliveryNoteId;
+
+    private string HeaderNumber => Detail?.DeliveryNoteNumber ?? Summary?.DeliveryNoteNumber ?? "—";
+    private string HeaderStatus => Detail?.Status ?? Summary?.Status ?? "—";
+    private DateTime HeaderIssueDate => Detail?.IssueDate ?? Summary?.IssueDate ?? DateTime.MinValue;
+    private string HeaderCustomerName => string.IsNullOrWhiteSpace(Summary?.CustomerName) ? "—" : Summary!.CustomerName;
+    private string HeaderQuoteNumber => string.IsNullOrWhiteSpace(Summary?.QuoteNumber) ? "—" : Summary!.QuoteNumber!;
+    private int HeaderPrintCount => Detail?.PrintCount ?? Summary?.PrintCount ?? 0;
+
+    protected override void OnParametersSet()
+    {
+        if (Summary?.Id != lastDeliveryNoteId)
+        {
+            activeTab = "Datos";
+            lastDeliveryNoteId = Summary?.Id;
+        }
+    }
+
+    private async Task Close()
+    {
+        await VisibleChanged.InvokeAsync(false);
+    }
+
+    private string GetStatusBadge(string status) => status switch
+    {
+        "Anulado" => "bg-danger text-white",
+        "Emitido" => "bg-primary text-white",
+        "Aprobado" => "bg-success",
+        "Cerrado" => "bg-dark text-white",
+        _ => "bg-light text-dark"
+    };
+
+    private string GetOriginLabel(byte originType) => originType switch
+    {
+        1 => "Presupuesto",
+        2 => "Manual",
+        _ => originType.ToString()
+    };
+}

phronCare.UIBlazor/Pages/Sales/DeliveryNotes/DeliveryNotes.razor

@@ -1,4 +1,5 @@
-@page "/deliverynotes"
+@page "/deliverynotes"
+@using Domain.Dtos
 @using Domain.Dtos.Sales
 @using Domain.Generics
 @using phronCare.UIBlazor.Services.Sales.DeliveryNotes
@@ -91,7 +92,7 @@
                             <td>@(string.IsNullOrWhiteSpace(deliveryNote.Observations) ? "—" : deliveryNote.Observations)</td>
                             <td>@deliveryNote.PrintCount</td>
                             <td class="text-center align-middle">
-                                <button class="btn btn-link btn-lg p-0 text-primary ms-2" title="Ver detalle" @onclick="() => ViewDetail(deliveryNote.Id)"><i class="fas fa-eye"></i></button>
+                                <button class="btn btn-link btn-lg p-0 text-primary ms-2" title="Ver detalle" @onclick="() => OpenDetailAsync(deliveryNote)"><i class="fas fa-eye"></i></button>
                             </td>
                         </tr>
                     }
@@ -131,9 +132,19 @@
     </div>
 </div>
 
+<DeliveryNoteDetailDrawer Summary="@SelectedSummary"
+                          Detail="@SelectedDeliveryNote"
+                          Visible="@IsDrawerOpen"
+                          VisibleChanged="OnDrawerVisibleChanged"
+                          Loading="@IsDetailLoading" />
+
 @code {
     private DeliveryNoteSearchParams Filters = new() { PageSize = 10 };
     private PagedResult<DeliveryNoteSummaryDto>? PagedDeliveryNotes;
+    private DeliveryNoteSummaryDto? SelectedSummary;
+    private DeliveryNoteDto? SelectedDeliveryNote;
+    private bool IsDrawerOpen;
+    private bool IsDetailLoading;
     private bool IsLoading;
     private int PaginaDeseada = 1;
 
@@ -209,9 +220,40 @@
         _ => "bg-light text-dark"
     };
 
-    private void ViewDetail(int id)
+    private async Task OpenDetailAsync(DeliveryNoteSummaryDto summary)
     {
-        toastService.ShowInfo($"El detalle del remito {id} se implementará en una próxima story.");
+        SelectedSummary = summary;
+        SelectedDeliveryNote = null;
+        IsDrawerOpen = true;
+        IsDetailLoading = true;
+        StateHasChanged();
+
+        try
+        {
+            var detail = await deliveryNoteService.GetByIdAsync(summary.Id);
+            if (detail is not null)
+            {
+                SelectedDeliveryNote = detail;
+            }
+            else
+            {
+                toastService.ShowError("No se pudo cargar el detalle del remito.");
+            }
+        }
+        catch (Exception ex)
+        {
+            toastService.ShowError(ex.Message);
+        }
+        finally
+        {
+            IsDetailLoading = false;
+        }
+    }
+
+    private Task OnDrawerVisibleChanged(bool visible)
+    {
+        IsDrawerOpen = visible;
+        return Task.CompletedTask;
     }
 
     private void ExportarExcel()