PlaylistShared/PlaylistShared.Pwa/Components/SharedPlaylist/AddTrackBySearch.razor

@using PlaylistShared.Pwa.Components.Common
@using PlaylistShared.Shared.DTO
@inject HttpClient Http
@inject ISnackbar Snackbar

<MudPaper Class="pa-4" Elevation="0" Style="background-color: rgba(0,0,0,0.05); border-radius: 8px;">
    <MudText Typo="Typo.h6" GutterBottom>Поиск трека</MudText>
    
    <div style="display: flex; gap: 8px; margin-bottom: 16px;">
        <MudTextField @bind-Value="_searchQuery"
                      Label="Название трека или исполнитель"
                      Variant="Variant.Outlined"
                      FullWidth="true"
                      OnKeyDown="@(async (e) => { if (e.Key == "Enter") await SearchTracks(); })"
                      Placeholder="Например: Bohemian Rhapsody" />
        <MudButton Variant="Variant.Filled"
                   Color="Color.Primary"
                   OnClick="SearchTracks"
                   Disabled="_isSearching"
                   StartIcon="@Icons.Material.Filled.Search">
            Искать
        </MudButton>
    </div>

    @if (_isSearching)
    {
        <div style="text-align: center; padding: 20px;">
            <MudProgressCircular Indeterminate />
        </div>
    }
    else if (_searchResults.Any())
    {
        <div style="max-height: 400px; overflow-y: auto;">
            @foreach (var track in _searchResults)
            {
                <div style="display: flex; align-items: center; gap: 12px; padding: 8px; border-bottom: 1px solid rgba(0,0,0,0.1);">
                    <div style="width: 40px; height: 40px; flex-shrink: 0;">
                        <TrackCoverWithPlay CoverUrl="@track.CoverUri"
                                            TrackId="@track.TrackId"
                                            Width="40" Height="40"
                                            IsPlaying="@(_currentPlayingTrackId == track.TrackId && _isPlaying)"
                                            OnPlay="PlayTrack" />
                    </div>
                    <div style="flex: 1; min-width: 0;">
                        <MudText Typo="Typo.body1" Style="font-weight: 500;">@track.Title</MudText>
                        <MudText Typo="Typo.body2" Color="Color.Secondary">@string.Join(", ", track.Artists)</MudText>
                    </div>
                    <div style="flex-shrink: 0;">
                        <MudText Typo="Typo.body2">@FormatDuration(track.DurationMs)</MudText>
                    </div>
                    <div style="flex-shrink: 0;">
                        <MudIconButton Icon="@Icons.Material.Filled.AddCircle"
                                       Color="Color.Primary"
                                       OnClick="() => AddTrack(track)"
                                       Disabled="_addingTrackIds.Contains(track.TrackId)"
                                       Title="Добавить в плейлист" />
                    </div>
                </div>
            }
        </div>
    }
    else if (!string.IsNullOrEmpty(_searchQuery) && !_isSearching)
    {
        <MudAlert Severity="Severity.Info">Ничего не найдено. Попробуйте изменить запрос.</MudAlert>
    }
</MudPaper>

@code {
    [Parameter] public EventCallback<string> OnAddTrack { get; set; }
    [Parameter] public EventCallback<string> OnPlayTrack { get; set; }
    [Parameter] public string ShareToken { get; set; } = string.Empty;
    [Parameter] public string? CurrentPlayingTrackId { get; set; }
    [Parameter] public bool IsPlaying { get; set; }

    private string _searchQuery = "";
    private List<YandexTrackSearchResult> _searchResults = new();
    private bool _isSearching;
    private HashSet<string> _addingTrackIds = new();
    private string? _currentPlayingTrackId;
    private bool _isPlaying;

    protected override void OnParametersSet()
    {
        _currentPlayingTrackId = CurrentPlayingTrackId;
        _isPlaying = IsPlaying;
    }

    private async Task SearchTracks()
    {
        if (string.IsNullOrWhiteSpace(_searchQuery)) return;
        
        _isSearching = true;
        try
        {
            var url = $"/api/yandexsearch/tracks?query={Uri.EscapeDataString(_searchQuery)}&limit=20";
            if (!string.IsNullOrEmpty(ShareToken))
                url += $"&shared_id={Uri.EscapeDataString(ShareToken)}";

            var response = await Http.GetFromJsonAsync<ApiResponse<List<YandexTrackSearchResult>>>(url);
            if (response?.Success == true)
                _searchResults = response.Data ?? new();
            else
                Snackbar.Add(response?.Error?.Message ?? "Ошибка поиска", Severity.Error);
        }
        catch (Exception ex)
        {
            Snackbar.Add($"Ошибка: {ex.Message}", Severity.Error);
        }
        finally
        {
            _isSearching = false;
            StateHasChanged();
        }
    }

    private async Task AddTrack(YandexTrackSearchResult track)
    {
        if (_addingTrackIds.Contains(track.TrackId)) return;
        _addingTrackIds.Add(track.TrackId);
        try
        {
            await OnAddTrack.InvokeAsync(track.TrackId);
            Snackbar.Add($"Трек \"{track.Title}\" добавлен", Severity.Success);
        }
        catch (Exception ex)
        {
            Snackbar.Add($"Ошибка добавления: {ex.Message}", Severity.Error);
        }
        finally
        {
            _addingTrackIds.Remove(track.TrackId);
            StateHasChanged();
        }
    }

    private async Task PlayTrack(string trackId)
    {
        await OnPlayTrack.InvokeAsync(trackId);
    }

    private string FormatDuration(long ms)
    {
        var seconds = ms / 1000;
        var mins = seconds / 60;
        var secs = seconds % 60;
        return $"{mins}:{secs:D2}";
    }
}