@using NexusReader.UI.Shared.Services
@inject IReaderNavigationService NavigationService
@implements IDisposable

<footer class="reader-footer">
    <div class="footer-content">
        <div class="navigation-controls">
            <button class="nav-btn" @onclick="NavigationService.GoToPreviousChapter" disabled="@(NavigationService.CurrentChapterIndex == 0)">
                <NexusIcon Name="arrow-left" Size="14" />
            </button>
            
            <div class="chapter-info">
                <span class="chapter-title">@NavigationService.ChapterTitle</span>
                <span class="chapter-count">(@(NavigationService.CurrentChapterIndex + 1) / @NavigationService.TotalChapters)</span>
            </div>

            <button class="nav-btn" @onclick="NavigationService.GoToNextChapter" disabled="@(NavigationService.CurrentChapterIndex >= NavigationService.TotalChapters - 1)">
                <NexusIcon Name="arrow-right" Size="14" />
            </button>
        </div>
        
        <div class="progress-container">
            <div class="progress-bar" style="width: @CalculateProgress()%"></div>
        </div>
        
        <div class="meta-info">
            <span class="battery">45% 🔋</span>
            <span class="time">@DateTime.Now.ToString("HH:mm")</span>
        </div>
    </div>
</footer>

@code {
    protected override void OnInitialized()
    {
        NavigationService.OnNavigationChanged += HandleNavigationChanged;
    }

    private async Task HandleNavigationChanged()
    {
        await InvokeAsync(StateHasChanged);
    }

    private int CalculateProgress()
    {
        if (NavigationService.TotalChapters <= 1) return 0;
        return (int)((NavigationService.CurrentChapterIndex / (float)(NavigationService.TotalChapters - 1)) * 100);
    }

    public void Dispose()
    {
        NavigationService.OnNavigationChanged -= HandleNavigationChanged;
    }
}