@using VideoStudy.Shared

<div class="processor-card p-2">
    <div class="input-group mb-3">
        <input type="text" class="form-control form-control-lg"
               placeholder="https://www.youtube.com/watch?v=..."
               @bind="VideoUrl" disabled="@IsProcessing" />
        <button type="button" class="btn btn-primary"
                @onclick="FetchInfo"
                disabled="@(IsProcessing || string.IsNullOrWhiteSpace(VideoUrl))">
            Verificar
        </button>
    </div>

    @if (VideoInfo != null)
    {
        <div class="mb-4 p-3 bg-light rounded-3">
            <div class="fw-bold">@VideoInfo.Title</div>
            <div class="d-flex gap-3 text-muted small mt-1">
                <span>@VideoInfo.Author</span>
                <span>@VideoInfo.Duration.ToString(@"hh\:mm\:ss")</span>
            </div>
        </div>

        <div class="d-grid">
            <button class="btn btn-lg btn-primary" @onclick="StartProcessing" disabled="@IsProcessing">
                @if (IsProcessing)
                {
                    <span class="spinner-border spinner-border-sm me-2"></span>
                    <span>Analisando...</span>
                }
                else
                {
                    <span>Analisar com IA</span>
                }
            </button>
        </div>
    }
</div>

@code {
    [Parameter] public EventCallback<string> OnVideoUrlChanged { get; set; }
    [Parameter] public EventCallback OnStart { get; set; }
    [Parameter] public bool IsProcessing { get; set; }
    [Parameter] public VideoInfo? VideoInfo { get; set; }

    [Inject] YouTubeService YouTubeService { get; set; } = default!;

    private string VideoUrl { get; set; } = "";

    private async Task FetchInfo()
    {
        if (string.IsNullOrWhiteSpace(VideoUrl)) return;
        await OnVideoUrlChanged.InvokeAsync(VideoUrl);
    }

    private async Task StartProcessing()
    {
        await OnStart.InvokeAsync();
    }
}