ProjectSelectModal.razor

@namespace WebCodeCli.Components
@using WebCodeCli.Domain.Domain.Model
@using WebCodeCli.Domain.Domain.Service
@using System.Text.Json
@inject HttpClient Http
@inject ILocalizationService L

<!-- 项目选择模态框 -->
@if (_isVisible)
{
    <div class="fixed inset-0 z-50 overflow-y-auto">
        <!-- 背景遮罩 -->
        <div class="fixed inset-0 bg-black bg-opacity-50 transition-opacity" @onclick="Cancel"></div>

        <!-- 模态框内容 -->
        <div class="flex min-h-full items-center justify-center p-4">
            <div class="relative bg-white rounded-2xl shadow-xl w-full max-w-md transform transition-all" @onclick:stopPropagation="true">
                <!-- 头部 -->
                <div class="px-6 py-4 border-b border-gray-200 flex items-center justify-between">
                    <h3 class="text-lg font-semibold text-gray-800 flex items-center gap-2">
                        <svg class="w-5 h-5 text-gray-700" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 7v10a2 2 0 002 2h14a2 2 0 002-2V9a2 2 0 00-2-2h-6l-2-2H5a2 2 0 00-2 2z"></path>
                        </svg>
                        @T("project.selectProject")
                    </h3>
                    <button @onclick="Cancel" class="p-1 hover:bg-gray-100 rounded-lg transition-colors">
                        <svg class="w-5 h-5 text-gray-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path>
                        </svg>
                    </button>
                </div>

                <!-- 内容 -->
                <div class="p-6">
                    <p class="text-sm text-gray-600 mb-4">
                        @T("project.selectProjectDesc")
                    </p>
                    
                    @if (_isLoading)
                    {
                        <div class="py-8 text-center">
                            <div class="animate-spin rounded-full h-8 w-8 border-b-2 border-gray-900 mx-auto"></div>
                            <p class="mt-2 text-gray-500">@T("common.loading")</p>
                        </div>
                    }
                    else
                    {
                        <div class="space-y-2 max-h-80 overflow-y-auto">
                            <!-- 空白会话选项 -->
                            <button @onclick="() => SelectProject(null)"
                                    class="w-full p-4 border-2 rounded-lg text-left transition-all hover:border-gray-400 @(_selectedProjectId == null ? "border-gray-900 bg-gray-50" : "border-gray-200")">
                                <div class="flex items-center gap-3">
                                    <div class="w-10 h-10 bg-gray-100 rounded-lg flex items-center justify-center">
                                        <svg class="w-5 h-5 text-gray-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 4v16m8-8H4"></path>
                                        </svg>
                                    </div>
                                    <div>
                                        <h4 class="font-medium text-gray-800">@T("project.blankSession")</h4>
                                        <p class="text-xs text-gray-500">@T("project.blankSessionDesc")</p>
                                    </div>
                                </div>
                            </button>
                            
                            <!-- 项目列表 -->
                            @foreach (var project in _projects.Where(p => p.Status == "ready"))
                            {
                                <button @onclick="() => SelectProject(project.ProjectId)"
                                        class="w-full p-4 border-2 rounded-lg text-left transition-all hover:border-gray-400 @(_selectedProjectId == project.ProjectId ? "border-gray-900 bg-gray-50" : "border-gray-200")">
                                    <div class="flex items-center gap-3">
                                        <div class="w-10 h-10 bg-green-100 rounded-lg flex items-center justify-center">
                                            <svg class="w-5 h-5 text-green-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 7v10a2 2 0 002 2h14a2 2 0 002-2V9a2 2 0 00-2-2h-6l-2-2H5a2 2 0 00-2 2z"></path>
                                            </svg>
                                        </div>
                                        <div class="flex-1 min-w-0">
                                            <h4 class="font-medium text-gray-800 truncate">@project.Name</h4>
                                            <p class="text-xs text-gray-500 truncate">@project.GitUrl</p>
                                            <p class="text-xs text-gray-400">@T("project.branch"): @project.Branch</p>
                                        </div>
                                    </div>
                                </button>
                            }
                            
                            @if (!_projects.Any(p => p.Status == "ready"))
                            {
                                <div class="py-4 text-center text-gray-400 text-sm">
                                    <p>@T("project.noReadyProjects")</p>
                                    <p class="text-xs mt-1">@T("project.noReadyProjectsHint")</p>
                                </div>
                            }
                        </div>
                        
                        <!-- Git 选项 -->
                        <div class="mt-4 p-3 bg-gray-50 rounded-lg border border-gray-200">
                            <label class="flex items-start gap-2 cursor-pointer">
                                <input type="checkbox"
                                       class="mt-0.5 rounded border-gray-300"
                                       @bind="_includeGit"
                                       disabled="@(_selectedProjectId == null)" />
                                <span class="text-sm text-gray-700">@T("project.includeGit")</span>
                            </label>
                            <p class="text-xs text-gray-500 mt-1 ml-6">
                                @T("project.includeGitHint")
                            </p>
                        </div>

                        <!-- 操作按钮 -->
                        <div class="flex gap-3 mt-6">
                            <button @onclick="Cancel"
                                    class="flex-1 py-3 border border-gray-300 rounded-lg font-medium hover:bg-gray-50 transition-colors">
                                @T("common.cancel")
                            </button>
                            <button @onclick="Confirm"
                                    class="flex-1 py-3 bg-gray-900 text-white rounded-lg font-medium hover:bg-gray-800 transition-colors">
                                @T("common.confirm")
                            </button>
                        </div>
                    }
                </div>
            </div>
        </div>
    </div>
}

@code {
    [Parameter]
    public EventCallback<ProjectSelectionResult> OnProjectSelected { get; set; }

    private bool _isVisible = false;
    private List<ProjectInfo> _projects = new();
    private bool _isLoading = false;
    private string? _selectedProjectId = null;
    private bool _includeGit = false;

    // 本地化相关
    private Dictionary<string, string> _translations = new();
    private string _currentLanguage = "zh-CN";
    private bool _isReloadingLanguage = false;

    protected override async Task OnInitializedAsync()
    {
        await LoadTranslationsAsync();
    }

    protected override async Task OnAfterRenderAsync(bool firstRender)
    {
        var language = await L.GetCurrentLanguageAsync();
        if (language != _currentLanguage && !_isReloadingLanguage)
        {
            _isReloadingLanguage = true;
            _currentLanguage = language;
            await LoadTranslationsAsync();
            _isReloadingLanguage = false;
            StateHasChanged();
        }
    }

    public async Task ShowAsync()
    {
        _isVisible = true;
        _selectedProjectId = null;
        _includeGit = false;
        StateHasChanged();
        
        await LoadTranslationsAsync();
        await LoadProjects();
    }

    public void Close()
    {
        _isVisible = false;
        StateHasChanged();
    }

    private async Task LoadProjects()
    {
        try
        {
            _isLoading = true;
            StateHasChanged();

            var response = await Http.GetAsync("/api/project");
            
            if (response.IsSuccessStatusCode)
            {
                _projects = await response.Content.ReadFromJsonAsync<List<ProjectInfo>>() ?? new();
            }
        }
        catch (Exception ex)
        {
            Console.WriteLine($"加载项目列表失败: {ex.Message}");
        }
        finally
        {
            _isLoading = false;
            StateHasChanged();
        }
    }

    private void SelectProject(string? projectId)
    {
        _selectedProjectId = projectId;
        if (_selectedProjectId == null)
        {
            _includeGit = false;
        }
        StateHasChanged();
    }

    private async Task Confirm()
    {
        Close();
        var result = new ProjectSelectionResult(_selectedProjectId, _selectedProjectId != null && _includeGit);
        await OnProjectSelected.InvokeAsync(result);
    }

    private void Cancel()
    {
        Close();
    }

    #region 本地化辅助方法

    private async Task LoadTranslationsAsync()
    {
        try
        {
            _currentLanguage = await L.GetCurrentLanguageAsync();
            var allTranslations = await L.GetAllTranslationsAsync(_currentLanguage);
            _translations = FlattenTranslations(allTranslations);
        }
        catch (Exception ex)
        {
            Console.WriteLine($"[项目选择] 加载翻译资源失败: {ex.Message}");
            _translations = new Dictionary<string, string>();
        }
    }

    private Dictionary<string, string> FlattenTranslations(Dictionary<string, object> source, string prefix = "")
    {
        var result = new Dictionary<string, string>();

        foreach (var kvp in source)
        {
            var key = string.IsNullOrEmpty(prefix) ? kvp.Key : $"{prefix}.{kvp.Key}";

            if (kvp.Value is JsonElement jsonElement)
            {
                if (jsonElement.ValueKind == JsonValueKind.Object)
                {
                    var nested = JsonSerializer.Deserialize<Dictionary<string, object>>(jsonElement.GetRawText());
                    if (nested != null)
                    {
                        foreach (var item in FlattenTranslations(nested, key))
                        {
                            result[item.Key] = item.Value;
                        }
                    }
                }
                else if (jsonElement.ValueKind == JsonValueKind.String)
                {
                    result[key] = jsonElement.GetString() ?? key;
                }
            }
            else if (kvp.Value is Dictionary<string, object> dict)
            {
                foreach (var item in FlattenTranslations(dict, key))
                {
                    result[item.Key] = item.Value;
                }
            }
            else if (kvp.Value is string str)
            {
                result[key] = str;
            }
        }

        return result;
    }

    private string T(string key)
    {
        if (_translations.TryGetValue(key, out var translation))
        {
            return translation;
        }

        var parts = key.Split('.');
        return parts.Length > 0 ? parts[^1] : key;
    }

    private string T(string key, params (string name, string value)[] parameters)
    {
        var text = T(key);
        foreach (var (name, value) in parameters)
        {
            text = text.Replace($"{{{name}}}", value);
        }
        return text;
    }

    #endregion
}