@extends('layouts.app')

@section('content')
<div class="container">
    <div class="row mb-4">
        <div class="col-md-12">
            <div class="d-flex justify-content-between align-items-center">
                <div>
                    <h1>Processing Status</h1>
                    <p class="text-muted">Monitor summary generation progress</p>
                </div>
                <a href="{{ route('admin.gutendex.dashboard') }}" class="btn btn-secondary">
                    <i class="fas fa-arrow-left"></i> Back to Dashboard
                </a>
            </div>
        </div>
    </div>

    <!-- Overall Statistics -->
    <div class="row mb-4">
        <div class="col-md-3">
            <div class="card text-center">
                <div class="card-body">
                    <h6 class="text-muted">Total Summaries</h6>
                    <h3>{{ number_format($stats['total_summaries']) }}</h3>
                </div>
            </div>
        </div>
        <div class="col-md-3">
            <div class="card text-center border-success">
                <div class="card-body">
                    <h6 class="text-success">Completed</h6>
                    <h3 class="text-success">{{ number_format($stats['completed_summaries']) }}</h3>
                    <small>{{ $stats['completion_rate'] }}%</small>
                </div>
            </div>
        </div>
        <div class="col-md-3">
            <div class="card text-center border-warning">
                <div class="card-body">
                    <h6 class="text-warning">Pending/Processing</h6>
                    <h3 class="text-warning">{{ number_format($stats['pending_summaries'] + $stats['processing_summaries']) }}</h3>
                    <small>{{ number_format($stats['pending_summaries']) }} + {{ number_format($stats['processing_summaries']) }}</small>
                </div>
            </div>
        </div>
        <div class="col-md-3">
            <div class="card text-center border-danger">
                <div class="card-body">
                    <h6 class="text-danger">Failed</h6>
                    <h3 class="text-danger">{{ number_format($stats['failed_summaries']) }}</h3>
                </div>
            </div>
        </div>
    </div>

    <!-- Queue Status -->
    <div class="row mb-4">
        <div class="col-md-12">
            <div class="card">
                <div class="card-header">
                    <h5 class="mb-0">Queue Status</h5>
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-md-6">
                            <h6>Pending Jobs</h6>
                            <h2>{{ number_format($queueStats['pending_jobs']) }}</h2>
                            @if($queueStats['pending_jobs'] > 0)
                                <small class="text-muted">Jobs waiting to be processed</small>
                            @else
                                <small class="text-success">Queue is empty</small>
                            @endif
                        </div>
                        <div class="col-md-6">
                            <h6>Failed Jobs</h6>
                            <h2 class="text-danger">{{ number_format($queueStats['failed_jobs']) }}</h2>
                            @if($queueStats['failed_jobs'] > 0)
                                <small class="text-danger">Requires attention</small>
                            @else
                                <small class="text-success">No failed jobs</small>
                            @endif
                        </div>
                    </div>
                    <hr>
                    <button class="btn btn-primary btn-sm" onclick="location.reload()">
                        <i class="fas fa-sync"></i> Refresh Status
                    </button>
                </div>
            </div>
        </div>
    </div>

    <!-- Currently Processing -->
    @if($processing->count() > 0)
    <div class="row mb-4">
        <div class="col-md-12">
            <div class="card">
                <div class="card-header bg-primary text-white">
                    <h5 class="mb-0"><i class="fas fa-spinner fa-spin"></i> Currently Processing ({{ $processing->count() }})</h5>
                </div>
                <div class="card-body">
                    <div class="table-responsive">
                        <table class="table">
                            <thead>
                                <tr>
                                    <th>Book ID</th>
                                    <th>Title</th>
                                    <th>Author</th>
                                    <th>Status</th>
                                    <th>Started</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($processing as $summary)
                                <tr>
                                    <td>{{ $summary->book_id }}</td>
                                    <td>{{ Str::limit($summary->book->title ?? 'Unknown', 40) }}</td>
                                    <td>{{ Str::limit($summary->book->author ?? 'Unknown', 30) }}</td>
                                    <td><span class="badge bg-warning">Processing</span></td>
                                    <td>{{ $summary->updated_at->diffForHumans() }}</td>
                                </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
    @endif

    <!-- Pending Summaries -->
    @if($pending->count() > 0)
    <div class="row mb-4">
        <div class="col-md-12">
            <div class="card">
                <div class="card-header">
                    <h5 class="mb-0"><i class="fas fa-clock"></i> Pending Summaries ({{ $pending->count() }})</h5>
                </div>
                <div class="card-body">
                    <div class="table-responsive">
                        <table class="table">
                            <thead>
                                <tr>
                                    <th>Book ID</th>
                                    <th>Title</th>
                                    <th>Author</th>
                                    <th>Created</th>
                                    <th>Action</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($pending as $summary)
                                <tr>
                                    <td>{{ $summary->book_id }}</td>
                                    <td>{{ Str::limit($summary->book->title ?? 'Unknown', 40) }}</td>
                                    <td>{{ Str::limit($summary->book->author ?? 'Unknown', 30) }}</td>
                                    <td>{{ $summary->created_at->diffForHumans() }}</td>
                                    <td>
                                        <button class="btn btn-sm btn-primary" onclick="retryBook({{ $summary->book_id }})">
                                            <i class="fas fa-play"></i> Process
                                        </button>
                                    </td>
                                </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
    @endif

    <!-- Failed Summaries -->
    @if($failed->count() > 0)
    <div class="row mb-4">
        <div class="col-md-12">
            <div class="card border-danger">
                <div class="card-header bg-danger text-white">
                    <h5 class="mb-0"><i class="fas fa-exclamation-triangle"></i> Failed Summaries ({{ $failed->count() }})</h5>
                </div>
                <div class="card-body">
                    <div class="table-responsive">
                        <table class="table">
                            <thead>
                                <tr>
                                    <th>Book ID</th>
                                    <th>Title</th>
                                    <th>Error</th>
                                    <th>Failed At</th>
                                    <th>Action</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($failed as $summary)
                                <tr>
                                    <td>{{ $summary->book_id }}</td>
                                    <td>{{ Str::limit($summary->book->title ?? 'Unknown', 30) }}</td>
                                    <td><small class="text-danger">{{ Str::limit($summary->processing_error ?? 'Unknown error', 60) }}</small></td>
                                    <td>{{ $summary->updated_at->diffForHumans() }}</td>
                                    <td>
                                        <button class="btn btn-sm btn-warning" onclick="retryBook({{ $summary->book_id }})">
                                            <i class="fas fa-redo"></i> Retry
                                        </button>
                                    </td>
                                </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
    @endif

    <!-- No Activity -->
    @if($processing->count() == 0 && $pending->count() == 0 && $failed->count() == 0)
    <div class="row">
        <div class="col-md-12">
            <div class="alert alert-info">
                <h5><i class="fas fa-info-circle"></i> No Active Processing</h5>
                <p>All summaries are either completed or no jobs are currently queued.</p>
                <a href="{{ route('admin.gutendex.dashboard') }}" class="btn btn-primary">Start New Import</a>
            </div>
        </div>
    </div>
    @endif
</div>

<script>
async function retryBook(bookId) {
    if (!confirm('Retry summary generation for this book?')) return;

    try {
        const response = await fetch(`/admin/gutendex/retry/${bookId}`, {
            method: 'POST',
            headers: {
                'Content-Type': 'application/json',
                'X-CSRF-TOKEN': '{{ csrf_token() }}'
            }
        });

        const result = await response.json();

        if (result.success) {
            alert('✓ Retry job dispatched successfully!');
            location.reload();
        } else {
            alert('✗ Failed: ' + result.message);
        }
    } catch (error) {
        alert('✗ Error: ' + error.message);
    }
}

// Auto-refresh every 30 seconds
let autoRefresh = setInterval(() => {
    location.reload();
}, 30000);

// Stop auto-refresh when user interacts
document.addEventListener('click', () => {
    clearInterval(autoRefresh);
});
</script>
@endsection