refactor: admin ui를 fluent v5와 html 기반으로 전환

TaxBaik.Web/Components/Admin/Pages/TaxFilings/TaxFilingList.razor

@@ -4,130 +4,165 @@
 @using TaxBaik.Domain.Entities
 @inject ITaxFilingBrowserClient FilingClient
 @inject IClientBrowserClient ClientClient
-@inject ISnackbar Snackbar
+@inject IJSRuntime JS
 
 <PageTitle>신고 일정 관리</PageTitle>
 
 <section class="admin-page-hero">
     <div>
-        <MudText Typo="Typo.caption" Class="admin-eyebrow">Tax Schedule</MudText>
-        <MudText Typo="Typo.h4" Class="admin-page-title">신고 일정</MudText>
-        <MudText Typo="Typo.body2" Class="admin-page-subtitle">고객별 세금 신고 마감일을 관리하고 완료 처리합니다.</MudText>
+        <div class="admin-eyebrow">Tax Schedule</div>
+        <h1 class="admin-page-title">신고 일정</h1>
+        <p class="admin-page-subtitle">고객별 세금 신고 마감일을 관리하고 완료 처리합니다.</p>
     </div>
-    <MudButton Variant="Variant.Filled" Color="Color.Primary"
-               OnClick="@(() => showAddForm = !showAddForm)"
-               StartIcon="@Icons.Material.Filled.Add">
-        일정 추가
-    </MudButton>
+    <button type="button" class="site-button primary" @onclick="@(() => showAddForm = !showAddForm)">일정 추가</button>
 </section>
 
 @if (showAddForm)
 {
-    <MudPaper Class="pa-4 mb-4" Elevation="1">
-        <MudText Typo="Typo.h6" Class="mb-3">새 신고 일정</MudText>
-        <MudGrid Spacing="2">
-            <MudItem xs="12" sm="6" md="4">
-                <MudAutocomplete T="Domain.Entities.Client" @bind-Value="selectedClient"
-                                 Label="고객 검색 *"
-                                 SearchFunc="SearchClients"
-                                 ToStringFunc="@(c => c == null ? "" : $"{c.Name} {c.CompanyName ?? ""}")"
-                                 Variant="Variant.Outlined" />
-            </MudItem>
-            <MudItem xs="12" sm="6" md="4">
-                <MudSelect T="string" @bind-Value="newFilingType" Label="신고 유형 *" Variant="Variant.Outlined">
+    <div class="admin-surface mb-4">
+        <h3 class="admin-section-title">새 신고 일정</h3>
+        <form class="admin-dialog-card" @onsubmit="AddFiling" @onsubmit:preventDefault="true">
+            <label>고객 검색
+                <select class="admin-input" @bind="SelectedClientIdText">
+                    <option value="">선택하세요</option>
+                    @foreach (var client in clients)
+                    {
+                        <option value="@client.Id">@GetClientDisplayName(client)</option>
+                    }
+                </select>
+            </label>
+            <label>신고 유형
+                <select class="admin-input" @bind="newFilingType">
+                    <option value="">선택하세요</option>
                     @foreach (var t in TaxFilingService.FilingTypes)
                     {
-                        <MudSelectItem Value="@t">@t</MudSelectItem>
+                        <option value="@t">@t</option>
                     }
-                </MudSelect>
-            </MudItem>
-            <MudItem xs="12" sm="6" md="4">
-                <MudDatePicker @bind-Date="newDueDate" Label="신고 기한 *" DateFormat="yyyy-MM-dd" />
-            </MudItem>
-            <MudItem xs="12">
-                <MudTextField T="string" @bind-Value="newMemo" Label="메모" Variant="Variant.Outlined" />
-            </MudItem>
-        </MudGrid>
-        <MudStack Row="true" Class="mt-3" Spacing="2">
-            <MudButton Variant="Variant.Filled" Color="Color.Primary" OnClick="AddFiling">저장</MudButton>
-            <MudButton Variant="Variant.Outlined" OnClick="@(() => showAddForm = false)">취소</MudButton>
-        </MudStack>
-    </MudPaper>
+                </select>
+            </label>
+            <label>신고 기한 <input class="admin-input" type="text" placeholder="yyyy-MM-dd" @bind="DueDateText" /></label>
+            <label>메모 <textarea class="admin-input" rows="3" @bind="newMemo"></textarea></label>
+            <div class="admin-dialog-actions">
+                <button type="submit" class="site-button primary">저장</button>
+                <button type="button" class="site-button secondary" @onclick='() => showAddForm = false'>취소</button>
+            </div>
+        </form>
+    </div>
 }
 
-<MudPaper Class="admin-surface" Elevation="0">
-    <MudTabs Rounded="true" Elevation="0" Class="admin-tabs">
-        <MudTabPanel Text="신고 예정">
-            <FilingTable Filings="@pending" OnStatusChange="Reload" />
-        </MudTabPanel>
-        <MudTabPanel Text="신고 완료">
-            <FilingTable Filings="@filed" OnStatusChange="Reload" />
-        </MudTabPanel>
-        <MudTabPanel Text="기한 초과">
-            <FilingTable Filings="@overdue" OnStatusChange="Reload" />
-        </MudTabPanel>
-    </MudTabs>
-</MudPaper>
+<div class="admin-surface">
+    <div class="admin-tabbar">
+        <button type="button" class="admin-tab @(activeTab == "pending" ? "active" : "")" @onclick='() => activeTab = "pending"'>신고 예정</button>
+        <button type="button" class="admin-tab @(activeTab == "filed" ? "active" : "")" @onclick='() => activeTab = "filed"'>신고 완료</button>
+        <button type="button" class="admin-tab @(activeTab == "overdue" ? "active" : "")" @onclick='() => activeTab = "overdue"'>기한 초과</button>
+    </div>
+
+    @if (CurrentFilings.Count == 0)
+    {
+        <div class="muted">항목이 없습니다.</div>
+    }
+    else
+    {
+        <div class="admin-table-wrap">
+            <table class="admin-table">
+                <thead>
+                    <tr>
+                        <th>고객</th>
+                        <th>신고 유형</th>
+                        <th>기한</th>
+                        <th>D-day</th>
+                        <th>메모</th>
+                        <th>처리</th>
+                    </tr>
+                </thead>
+                <tbody>
+                    @foreach (var filing in CurrentFilings)
+                    {
+                        var dday = (filing.DueDate.Date - DateTime.Today).Days;
+                        <tr>
+                            <td>@filing.ClientName</td>
+                            <td>@filing.FilingType</td>
+                            <td>@filing.DueDate.ToString("yyyy-MM-dd")</td>
+                            <td>
+                                @if (dday < 0)
+                                {
+                                    <span class="status-pill danger">D+@(-dday)</span>
+                                }
+                                else if (dday <= 7)
+                                {
+                                    <span class="status-pill warning">D-@dday</span>
+                                }
+                                else
+                                {
+                                    <span>D-@dday</span>
+                                }
+                            </td>
+                            <td>@(filing.Memo ?? "")</td>
+                            <td>
+                                <div class="admin-row-actions">
+                                    @if (filing.Status == "pending")
+                                    {
+                                        <button type="button" class="site-button secondary" @onclick="@(() => MarkFiled(filing))">완료</button>
+                                    }
+                                    <button type="button" class="admin-icon-button danger" @onclick="@(() => DeleteFiling(filing.Id))">✕</button>
+                                </div>
+                            </td>
+                        </tr>
+                    }
+                </tbody>
+            </table>
+        </div>
+    }
+</div>
 
 @code {
-    private List<Domain.Entities.TaxFiling> pending = [];
-    private List<Domain.Entities.TaxFiling> filed = [];
-    private List<Domain.Entities.TaxFiling> overdue = [];
-
+    private List<TaxFiling> allFilings = [];
+    private List<Client> clients = [];
     private bool showAddForm;
-    private Domain.Entities.Client? selectedClient;
+    private string activeTab = "pending";
+    private int selectedClientId;
     private string newFilingType = "";
     private DateTime? newDueDate = DateTime.Today.AddDays(30);
     private string newMemo = "";
 
+    private string SelectedClientIdText { get => selectedClientId > 0 ? selectedClientId.ToString() : ""; set => selectedClientId = int.TryParse(value, out var id) ? id : 0; }
+    private string DueDateText { get => newDueDate?.ToString("yyyy-MM-dd") ?? ""; set => newDueDate = DateTime.TryParse(value, out var dt) ? dt : null; }
+    private List<TaxFiling> CurrentFilings => activeTab switch
+    {
+        "filed" => allFilings.Where(x => x.Status == "filed").ToList(),
+        "overdue" => allFilings.Where(x => x.Status == "overdue").ToList(),
+        _ => allFilings.Where(x => x.Status == "pending").ToList()
+    };
+
     protected override async Task OnInitializedAsync() => await Reload();
 
     private async Task Reload()
     {
         try
         {
-            var all = (await FilingClient.GetUpcomingAsync(365)).ToList();
-            pending  = all.Where(x => x.Status == "pending").ToList();
-            filed    = all.Where(x => x.Status == "filed").ToList();
-            overdue  = all.Where(x => x.Status == "overdue").ToList();
+            allFilings = (await FilingClient.GetUpcomingAsync(365)).ToList();
+            var (clientItems, _) = await ClientClient.GetPagedAsync(pageSize: 1000);
+            clients = clientItems.ToList();
         }
         catch (Exception ex)
         {
-            Snackbar.Add($"오류: {ex.Message}", Severity.Error);
+            await JS.InvokeVoidAsync("alert", $"오류: {ex.Message}");
         }
     }
 
-    private async Task<IEnumerable<Client>> SearchClients(string value)
-    {
-        try
-        {
-            var (items, _) = await ClientClient.GetPagedAsync(1, 100, search: value);
-            return items;
-        }
-        catch
-        {
-            return [];
-        }
-    }
-
-    private static string GetClientDisplayName(Client client)
-        => !string.IsNullOrWhiteSpace(client.CompanyName)
-            ? client.CompanyName
-            : !string.IsNullOrWhiteSpace(client.Name)
-                ? client.Name
-                : $"Client #{client.Id}";
     private async Task AddFiling()
     {
         try
         {
-            if (selectedClient == null)
+            if (selectedClientId <= 0)
             {
-                Snackbar.Add("고객을 선택하세요.", Severity.Warning);
+                await JS.InvokeVoidAsync("alert", "고객을 선택하세요.");
                 return;
             }
+
             var filing = new TaxFiling
             {
-                ClientId = selectedClient.Id,
+                ClientId = selectedClientId,
                 FilingType = newFilingType,
                 DueDate = newDueDate?.ToUniversalTime() ?? DateTime.UtcNow,
                 Status = "pending",
@@ -137,17 +172,36 @@
             if (result != null)
             {
                 showAddForm = false;
-                Snackbar.Add("신고 일정이 추가되었습니다.", Severity.Success);
+                await JS.InvokeVoidAsync("alert", "신고 일정이 추가되었습니다.");
                 await Reload();
             }
             else
             {
-                Snackbar.Add("추가 실패", Severity.Error);
+                await JS.InvokeVoidAsync("alert", "추가 실패");
             }
         }
         catch (Exception ex)
         {
-            Snackbar.Add($"오류: {ex.Message}", Severity.Error);
+            await JS.InvokeVoidAsync("alert", $"오류: {ex.Message}");
         }
     }
+
+    private async Task MarkFiled(TaxFiling filing)
+    {
+        filing.Status = "filed";
+        await FilingClient.UpdateAsync(filing.Id, filing);
+        await JS.InvokeVoidAsync("alert", "신고 완료 처리되었습니다.");
+        await Reload();
+    }
+
+    private async Task DeleteFiling(int id)
+    {
+        if (!await JS.InvokeAsync<bool>("confirm", "삭제하시겠습니까?")) return;
+        await FilingClient.DeleteAsync(id);
+        await JS.InvokeVoidAsync("alert", "삭제되었습니다.");
+        await Reload();
+    }
+
+    private static string GetClientDisplayName(Client client)
+        => !string.IsNullOrWhiteSpace(client.CompanyName) ? client.CompanyName : !string.IsNullOrWhiteSpace(client.Name) ? client.Name : $"Client #{client.Id}";
 }