@extends('layouts.app')

@section('title', __('admin.queue.title'))

@section('breadcrumbs')
    @include('components.breadcrumbs', ['items' => []])
@endsection

@section('content')
<div class="row">
    <div class="col-12">
        <div class="d-flex justify-content-between align-items-center mb-4">
            <h1 class="h3 mb-0">
                <i class="bi bi-speedometer2 me-2"></i>
                {{ __('admin.queue.title') }}
            </h1>
            <div class="d-flex align-items-center gap-3">
                <span class="text-muted small" id="last-update">
                    <i class="bi bi-clock me-1"></i>
                    {{ __('admin.queue.last_update') }}: <span id="update-time">{{ now()->format('H:i:s') }}</span>
                </span>
                <div class="form-check form-switch">
                    <input class="form-check-input" type="checkbox" id="auto-refresh" checked>
                    <label class="form-check-label" for="auto-refresh">{{ __('admin.queue.auto_refresh') }}</label>
                </div>
                <a href="{{ route('scan.index') }}" class="btn btn-secondary">
                    <i class="bi bi-arrow-left me-2"></i>{{ __('app.nav.back_to_dashboard') }}
                </a>
            </div>
        </div>

        {{-- Health Status Alert --}}
        <div id="health-alert" class="alert {{ $healthStatus['severity'] === 'critical' ? 'alert-danger' : ($healthStatus['severity'] === 'warning' ? 'alert-warning' : 'alert-success') }} mb-4">
            <div class="d-flex align-items-center justify-content-between">
                <div>
                    <i class="bi {{ $healthStatus['severity'] === 'critical' ? 'bi-x-circle' : ($healthStatus['severity'] === 'warning' ? 'bi-exclamation-triangle' : 'bi-check-circle') }} me-2"></i>
                    <strong>{{ __('admin.queue.health_status') }}:</strong> 
                    <span id="health-message">{{ $healthStatus['message'] }}</span>
                </div>
                <div class="d-flex gap-2">
                    @if($healthStatus['severity'] !== 'healthy')
                    <button class="btn btn-sm btn-outline-dark" onclick="fixIssues()">
                        <i class="bi bi-wrench me-1"></i>{{ __('admin.queue.fix_issues') }}
                    </button>
                    @endif
                    <button class="btn btn-sm btn-warning" onclick="restartQueue()" id="restart-btn">
                        <i class="bi bi-arrow-clockwise me-1"></i>{{ __('admin.queue.restart_workers') }}
                    </button>
                </div>
            </div>
        </div>

        {{-- Statistics Cards --}}
        <div class="row mb-4">
            <div class="col-md-3">
                <div class="card bg-primary text-white">
                    <div class="card-body">
                        <div class="d-flex justify-content-between">
                            <div>
                                <h6 class="text-white-50">{{ __('admin.queue.stats.total_jobs') }}</h6>
                                <h2 class="mb-0" id="stat-total-jobs">
                                    {{ $queueStats->sum('total') ?? 0 }}
                                </h2>
                            </div>
                            <div class="align-self-center">
                                <i class="bi bi-list-task fs-1 opacity-50"></i>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-3">
                <div class="card bg-info text-white">
                    <div class="card-body">
                        <div class="d-flex justify-content-between">
                            <div>
                                <h6 class="text-white-50">{{ __('admin.queue.stats.active_batches') }}</h6>
                                <h2 class="mb-0" id="stat-active-batches">
                                    {{ $activeBatches->count() }}
                                </h2>
                            </div>
                            <div class="align-self-center">
                                <i class="bi bi-collection fs-1 opacity-50"></i>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-3">
                <div class="card bg-warning text-dark">
                    <div class="card-body">
                        <div class="d-flex justify-content-between">
                            <div>
                                <h6 class="text-dark-50">{{ __('admin.queue.stats.scans_in_progress') }}</h6>
                                <h2 class="mb-0" id="stat-scans-progress">
                                    {{ $scansInProgress->count() }}
                                </h2>
                            </div>
                            <div class="align-self-center">
                                <i class="bi bi-arrow-repeat fs-1 opacity-50"></i>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-3">
                <div class="card bg-danger text-white">
                    <div class="card-body">
                        <div class="d-flex justify-content-between">
                            <div>
                                <h6 class="text-white-50">{{ __('admin.queue.stats.failed_jobs_24h') }}</h6>
                                <h2 class="mb-0" id="stat-failed-jobs">
                                    {{ $failedJobs->count() }}
                                </h2>
                            </div>
                            <div class="align-self-center">
                                <i class="bi bi-x-circle fs-1 opacity-50"></i>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        {{-- Queue Stats by Type --}}
        <div class="row mb-4">
            @php
                $queueNames = ['scans' => 'Scansioni', 'reports' => 'Report', 'high-priority' => 'Alta Priorità', 'default' => 'Default'];
            @endphp
            @foreach($queueNames as $queueKey => $queueLabel)
            <div class="col-md-3">
                <div class="card">
                    <div class="card-body py-2">
                        <div class="d-flex justify-content-between align-items-center">
                            <div>
                                <small class="text-muted">{{ $queueLabel }}</small>
                                <h4 class="mb-0" id="queue-count-{{ $queueKey }}">
                                    {{ $queueStats[$queueKey]->total ?? 0 }}
                                </h4>
                            </div>
                            <button class="btn btn-sm btn-outline-danger" 
                                    onclick="clearQueue('{{ $queueKey }}')"
                                    title="{{ __('admin.queue.clear_queue') }}"
                                    {{ ($queueStats[$queueKey]->total ?? 0) == 0 ? 'disabled' : '' }}>
                                <i class="bi bi-trash"></i>
                            </button>
                        </div>
                    </div>
                </div>
            </div>
            @endforeach
        </div>

        {{-- Tabs Navigation --}}
        <ul class="nav nav-tabs mb-3" id="queueTabs" role="tablist">
            <li class="nav-item">
                <a class="nav-link active" id="batches-tab" data-toggle="tab" href="#batches" role="tab">
                    <i class="bi bi-collection me-1"></i>
                    {{ __('admin.queue.tabs.batches') }}
                    <span class="badge bg-info" id="badge-batches">{{ $activeBatches->count() }}</span>
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link" id="scans-tab" data-toggle="tab" href="#scans" role="tab">
                    <i class="bi bi-arrow-repeat me-1"></i>
                    {{ __('admin.queue.tabs.scans_in_progress') }}
                    <span class="badge bg-warning text-dark" id="badge-scans">{{ $scansInProgress->count() }}</span>
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link" id="failed-tab" data-toggle="tab" href="#failed" role="tab">
                    <i class="bi bi-x-circle me-1"></i>
                    {{ __('admin.queue.tabs.failed_jobs') }}
                    <span class="badge bg-danger" id="badge-failed">{{ $failedJobs->count() }}</span>
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link" id="workers-tab" data-toggle="tab" href="#workers" role="tab">
                    <i class="bi bi-gear me-1"></i>
                    {{ __('admin.queue.tabs.workers') }}
                </a>
            </li>
        </ul>

        {{-- Tabs Content --}}
        <div class="tab-content" id="queueTabsContent">
            {{-- Batches Tab --}}
            <div class="tab-pane fade show active" id="batches" role="tabpanel">
                <div class="card">
                    <div class="card-header d-flex justify-content-between align-items-center">
                        <h5 class="mb-0">{{ __('admin.queue.batches.title') }}</h5>
                    </div>
                    <div class="card-body p-0">
                        <div class="table-responsive">
                            <table class="table table-hover mb-0" id="batches-table">
                                <thead class="table-light">
                                    <tr>
                                        <th>{{ __('admin.queue.batches.name') }}</th>
                                        <th class="text-center">{{ __('admin.queue.batches.progress') }}</th>
                                        <th class="text-center">{{ __('admin.queue.batches.total') }}</th>
                                        <th class="text-center">{{ __('admin.queue.batches.pending') }}</th>
                                        <th class="text-center">{{ __('admin.queue.batches.failed') }}</th>
                                        <th>{{ __('admin.queue.batches.created') }}</th>
                                        <th class="text-center">{{ __('admin.queue.actions.title') }}</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @forelse($activeBatches as $batch)
                                    <tr data-batch-id="{{ $batch->id }}">
                                        <td>
                                            <span class="text-truncate d-inline-block" style="max-width: 300px;" title="{{ $batch->name }}">
                                                {{ $batch->name }}
                                            </span>
                                        </td>
                                        <td class="text-center" style="width: 150px;">
                                            <div class="progress" style="height: 20px;">
                                                <div class="progress-bar {{ $batch->failed_jobs > 0 ? 'bg-warning' : 'bg-success' }}" 
                                                     style="width: {{ $batch->progress }}%">
                                                    {{ $batch->progress }}%
                                                </div>
                                            </div>
                                        </td>
                                        <td class="text-center">{{ $batch->total_jobs }}</td>
                                        <td class="text-center">
                                            <span class="badge bg-info">{{ $batch->pending_jobs }}</span>
                                        </td>
                                        <td class="text-center">
                                            @if($batch->failed_jobs > 0)
                                            <span class="badge bg-danger">{{ $batch->failed_jobs }}</span>
                                            @else
                                            <span class="text-muted">0</span>
                                            @endif
                                        </td>
                                        <td>{{ $batch->created_at_formatted }}</td>
                                        <td class="text-center">
                                            <button class="btn btn-sm btn-outline-danger" 
                                                    onclick="cancelBatch('{{ $batch->id }}')"
                                                    title="{{ __('admin.queue.actions.cancel_batch') }}">
                                                <i class="bi bi-x-lg"></i>
                                            </button>
                                        </td>
                                    </tr>
                                    @empty
                                    <tr>
                                        <td colspan="7" class="text-center text-muted py-4">
                                            <i class="bi bi-inbox fs-1 d-block mb-2"></i>
                                            {{ __('admin.queue.batches.no_active') }}
                                        </td>
                                    </tr>
                                    @endforelse
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>

            {{-- Scans in Progress Tab --}}
            <div class="tab-pane fade" id="scans" role="tabpanel">
                <div class="card">
                    <div class="card-header d-flex justify-content-between align-items-center">
                        <h5 class="mb-0">{{ __('admin.queue.scans.title') }}</h5>
                        <div class="d-flex gap-2">
                            <select class="form-select form-select-sm" id="filter-client" style="width: auto;">
                                <option value="">{{ __('admin.queue.scans.all_clients') }}</option>
                                @foreach($clients as $client)
                                <option value="{{ $client->id }}">{{ $client->name }}</option>
                                @endforeach
                            </select>
                            <select class="form-select form-select-sm" id="filter-status" style="width: auto;">
                                <option value="">{{ __('admin.queue.scans.all_statuses') }}</option>
                                <option value="queued">{{ __('admin.queue.scans.status_queued') }}</option>
                                <option value="running">{{ __('admin.queue.scans.status_running') }}</option>
                            </select>
                        </div>
                    </div>
                    <div class="card-body p-0">
                        <div class="table-responsive" style="max-height: 500px; overflow-y: auto;">
                            <table class="table table-hover mb-0" id="scans-table">
                                <thead class="table-light sticky-top">
                                    <tr>
                                        <th>ID</th>
                                        <th>{{ __('admin.queue.scans.url') }}</th>
                                        <th>{{ __('admin.queue.scans.client') }}</th>
                                        <th class="text-center">{{ __('admin.queue.scans.status') }}</th>
                                        <th class="text-center">{{ __('admin.queue.scans.device') }}</th>
                                        <th>{{ __('admin.queue.scans.created') }}</th>
                                        <th>{{ __('admin.queue.scans.started') }}</th>
                                        <th class="text-center">{{ __('admin.queue.actions.title') }}</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @forelse($scansInProgress as $scan)
                                    <tr data-scan-id="{{ $scan->id }}" 
                                        data-client-id="{{ $scan->client_id }}"
                                        data-status="{{ $scan->status }}">
                                        <td>{{ $scan->id }}</td>
                                        <td>
                                            <a href="{{ $scan->url }}" target="_blank" class="text-truncate d-inline-block" style="max-width: 250px;" title="{{ $scan->url }}">
                                                {{ $scan->url }}
                                            </a>
                                        </td>
                                        <td>{{ $scan->client->name ?? 'N/A' }}</td>
                                        <td class="text-center">
                                            <span class="badge {{ $scan->status === 'running' ? 'bg-warning text-dark' : 'bg-info' }}">
                                                @if($scan->status === 'running')
                                                <i class="bi bi-arrow-repeat spin me-1"></i>
                                                @endif
                                                {{ $scan->status_label }}
                                            </span>
                                        </td>
                                        <td class="text-center">
                                            <i class="bi {{ $scan->device === 'mobile' ? 'bi-phone' : 'bi-laptop' }}"></i>
                                            {{ ucfirst($scan->device) }}
                                        </td>
                                        <td>{{ $scan->created_at->format('H:i:s') }}</td>
                                        <td>{{ $scan->started_at ? $scan->started_at->format('H:i:s') : '-' }}</td>
                                        <td class="text-center">
                                            <button class="btn btn-sm btn-outline-danger" 
                                                    onclick="cancelScan({{ $scan->id }})"
                                                    title="{{ __('admin.queue.actions.cancel_scan') }}">
                                                <i class="bi bi-x-lg"></i>
                                            </button>
                                        </td>
                                    </tr>
                                    @empty
                                    <tr>
                                        <td colspan="8" class="text-center text-muted py-4">
                                            <i class="bi bi-check-circle fs-1 d-block mb-2 text-success"></i>
                                            {{ __('admin.queue.scans.no_in_progress') }}
                                        </td>
                                    </tr>
                                    @endforelse
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>

            {{-- Failed Jobs Tab --}}
            <div class="tab-pane fade" id="failed" role="tabpanel">
                <div class="card">
                    <div class="card-header d-flex justify-content-between align-items-center">
                        <h5 class="mb-0">{{ __('admin.queue.failed.title') }}</h5>
                        @if($failedJobs->count() > 0)
                        <button class="btn btn-sm btn-outline-danger" onclick="clearFailedJobs()">
                            <i class="bi bi-trash me-1"></i>{{ __('admin.queue.failed.clear_all') }}
                        </button>
                        @endif
                    </div>
                    <div class="card-body p-0">
                        <div class="table-responsive" style="max-height: 500px; overflow-y: auto;">
                            <table class="table table-hover mb-0" id="failed-table">
                                <thead class="table-light sticky-top">
                                    <tr>
                                        <th>ID</th>
                                        <th>{{ __('admin.queue.failed.job') }}</th>
                                        <th>{{ __('admin.queue.failed.queue') }}</th>
                                        <th>{{ __('admin.queue.failed.failed_at') }}</th>
                                        <th>{{ __('admin.queue.failed.exception') }}</th>
                                        <th class="text-center">{{ __('admin.queue.actions.title') }}</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @forelse($failedJobs as $job)
                                    <tr data-job-id="{{ $job->id }}">
                                        <td>{{ $job->id }}</td>
                                        <td>
                                            <code>{{ $job->display_name }}</code>
                                        </td>
                                        <td>
                                            <span class="badge bg-secondary">{{ $job->queue }}</span>
                                        </td>
                                        <td>{{ $job->failed_at }}</td>
                                        <td>
                                            <span class="text-danger text-truncate d-inline-block" style="max-width: 300px;" 
                                                  title="{{ $job->exception }}">
                                                {{ $job->exception_short }}
                                            </span>
                                        </td>
                                        <td class="text-center">
                                            <div class="btn-group btn-group-sm">
                                                <button class="btn btn-outline-success" 
                                                        onclick="retryFailedJob({{ $job->id }})"
                                                        title="{{ __('admin.queue.actions.retry') }}">
                                                    <i class="bi bi-arrow-clockwise"></i>
                                                </button>
                                                <button class="btn btn-outline-danger" 
                                                        onclick="deleteFailedJob({{ $job->id }})"
                                                        title="{{ __('admin.queue.actions.delete') }}">
                                                    <i class="bi bi-trash"></i>
                                                </button>
                                            </div>
                                        </td>
                                    </tr>
                                    @empty
                                    <tr>
                                        <td colspan="6" class="text-center text-muted py-4">
                                            <i class="bi bi-check-circle fs-1 d-block mb-2 text-success"></i>
                                            {{ __('admin.queue.failed.no_failed') }}
                                        </td>
                                    </tr>
                                    @endforelse
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>

            {{-- Workers Tab --}}
            <div class="tab-pane fade" id="workers" role="tabpanel">
                <div class="card">
                    <div class="card-header">
                        <h5 class="mb-0">{{ __('admin.queue.workers.title') }}</h5>
                    </div>
                    <div class="card-body">
                        <div class="row" id="workers-status">
                            @foreach($healthStatus['worker_status'] as $queue => $status)
                            <div class="col-md-3 mb-3">
                                <div class="card {{ $status['active'] ? 'border-success' : 'border-danger' }}">
                                    <div class="card-body text-center">
                                        <i class="bi {{ $status['active'] ? 'bi-check-circle text-success' : 'bi-x-circle text-danger' }} fs-1"></i>
                                        <h5 class="mt-2">{{ ucfirst($queue) }}</h5>
                                        <p class="mb-1">
                                            <span class="badge {{ $status['active'] ? 'bg-success' : 'bg-danger' }}">
                                                {{ $status['active'] ? __('admin.queue.workers.active') : __('admin.queue.workers.inactive') }}
                                            </span>
                                        </p>
                                        <small class="text-muted">
                                            {{ __('admin.queue.workers.queued') }}: {{ $status['queued_jobs'] }} | 
                                            {{ __('admin.queue.workers.reserved') }}: {{ $status['recently_reserved'] }}
                                        </small>
                                    </div>
                                </div>
                            </div>
                            @endforeach
                        </div>
                        
                        {{-- Issues Section --}}
                        @if($healthStatus['stuck_jobs_count'] > 0 || $healthStatus['stale_batches_count'] > 0 || $healthStatus['stuck_scans_count'] > 0)
                        <div class="mt-4">
                            <h6 class="text-danger">
                                <i class="bi bi-exclamation-triangle me-2"></i>
                                {{ __('admin.queue.workers.detected_issues') }}
                            </h6>
                            <ul class="list-group">
                                @if($healthStatus['stuck_jobs_count'] > 0)
                                <li class="list-group-item list-group-item-warning">
                                    <i class="bi bi-clock-history me-2"></i>
                                    {{ __('admin.queue.workers.stuck_jobs', ['count' => $healthStatus['stuck_jobs_count']]) }}
                                </li>
                                @endif
                                @if($healthStatus['stale_batches_count'] > 0)
                                <li class="list-group-item list-group-item-warning">
                                    <i class="bi bi-collection me-2"></i>
                                    {{ __('admin.queue.workers.stale_batches', ['count' => $healthStatus['stale_batches_count']]) }}
                                </li>
                                @endif
                                @if($healthStatus['stuck_scans_count'] > 0)
                                <li class="list-group-item list-group-item-warning">
                                    <i class="bi bi-arrow-repeat me-2"></i>
                                    {{ __('admin.queue.workers.stuck_scans', ['count' => $healthStatus['stuck_scans_count']]) }}
                                </li>
                                @endif
                            </ul>
                        </div>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<style>
.spin {
    animation: spin 1s linear infinite;
}
@keyframes spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}
.sticky-top {
    position: sticky;
    top: 0;
    z-index: 1;
}
</style>

<script>
document.addEventListener('DOMContentLoaded', function() {
    const csrfToken = document.querySelector('meta[name="csrf-token"]').content;
    let autoRefreshInterval = null;
    const REFRESH_INTERVAL = 5000; // 5 seconds

    // Auto-refresh toggle
    const autoRefreshCheckbox = document.getElementById('auto-refresh');
    if (autoRefreshCheckbox.checked) {
        startAutoRefresh();
    }
    
    autoRefreshCheckbox.addEventListener('change', function() {
        if (this.checked) {
            startAutoRefresh();
        } else {
            stopAutoRefresh();
        }
    });

    function startAutoRefresh() {
        stopAutoRefresh();
        autoRefreshInterval = setInterval(refreshData, REFRESH_INTERVAL);
    }

    function stopAutoRefresh() {
        if (autoRefreshInterval) {
            clearInterval(autoRefreshInterval);
            autoRefreshInterval = null;
        }
    }

    // Filter handlers
    document.getElementById('filter-client').addEventListener('change', filterScans);
    document.getElementById('filter-status').addEventListener('change', filterScans);

    function filterScans() {
        const clientId = document.getElementById('filter-client').value;
        const status = document.getElementById('filter-status').value;
        const rows = document.querySelectorAll('#scans-table tbody tr[data-scan-id]');
        
        rows.forEach(row => {
            const rowClientId = row.dataset.clientId;
            const rowStatus = row.dataset.status;
            
            const clientMatch = !clientId || rowClientId === clientId;
            const statusMatch = !status || rowStatus === status;
            
            row.style.display = (clientMatch && statusMatch) ? '' : 'none';
        });
    }

    // Refresh data from API
    window.refreshData = async function() {
        try {
            const response = await fetch('{{ route("admin.queue.status") }}', {
                headers: { 'Accept': 'application/json' }
            });
            
            if (!response.ok) throw new Error('Failed to fetch data');
            
            const data = await response.json();
            
            if (data.success) {
                updateUI(data);
                document.getElementById('update-time').textContent = data.timestamp.split(' ')[1];
            }
        } catch (error) {
            console.error('Error refreshing data:', error);
        }
    };

    function updateUI(data) {
        // Update stats
        document.getElementById('stat-total-jobs').textContent = data.stats.total_jobs;
        document.getElementById('stat-active-batches').textContent = data.stats.total_batches;
        document.getElementById('stat-scans-progress').textContent = data.stats.scans_in_progress;
        document.getElementById('stat-failed-jobs').textContent = data.stats.failed_jobs_24h;
        
        // Update badges
        document.getElementById('badge-batches').textContent = data.active_batches.length;
        document.getElementById('badge-scans').textContent = data.scans_in_progress.length;
        document.getElementById('badge-failed').textContent = data.failed_jobs.length;
        
        // Update queue counts
        data.queue_stats.forEach(stat => {
            const el = document.getElementById('queue-count-' + stat.queue);
            if (el) el.textContent = stat.total;
        });
        
        // Update health alert
        updateHealthAlert(data.health_status);
    }

    function updateHealthAlert(healthStatus) {
        const alert = document.getElementById('health-alert');
        alert.className = 'alert mb-4 ' + (
            healthStatus.severity === 'critical' ? 'alert-danger' : 
            healthStatus.severity === 'warning' ? 'alert-warning' : 'alert-success'
        );
        document.getElementById('health-message').textContent = healthStatus.message;
    }

    // Action handlers
    window.cancelBatch = async function(batchId) {
        if (!confirm('{{ __("admin.queue.confirm.cancel_batch") }}')) return;
        
        try {
            const response = await fetch(`/queue/batch/${batchId}`, {
                method: 'DELETE',
                headers: {
                    'X-CSRF-TOKEN': csrfToken,
                    'Accept': 'application/json'
                }
            });
            
            const data = await response.json();
            showNotification(data.success ? 'success' : 'error', data.message);
            if (data.success) refreshData();
        } catch (error) {
            showNotification('error', error.message);
        }
    };

    window.cancelScan = async function(scanId) {
        if (!confirm('{{ __("admin.queue.confirm.cancel_scan") }}')) return;
        
        try {
            const response = await fetch(`/queue/scan/${scanId}`, {
                method: 'DELETE',
                headers: {
                    'X-CSRF-TOKEN': csrfToken,
                    'Accept': 'application/json'
                }
            });
            
            const data = await response.json();
            showNotification(data.success ? 'success' : 'error', data.message);
            if (data.success) refreshData();
        } catch (error) {
            showNotification('error', error.message);
        }
    };

    window.clearQueue = async function(queue) {
        if (!confirm('{{ __("admin.queue.confirm.clear_queue") }}')) return;
        
        try {
            const response = await fetch(`/queue/clear/${queue}`, {
                method: 'POST',
                headers: {
                    'X-CSRF-TOKEN': csrfToken,
                    'Accept': 'application/json'
                }
            });
            
            const data = await response.json();
            showNotification(data.success ? 'success' : 'error', data.message);
            if (data.success) refreshData();
        } catch (error) {
            showNotification('error', error.message);
        }
    };

    window.restartQueue = async function() {
        const btn = document.getElementById('restart-btn');
        btn.disabled = true;
        btn.innerHTML = '<i class="bi bi-arrow-clockwise spin me-1"></i>Riavvio...';
        
        try {
            const response = await fetch('{{ route("admin.queue.restart") }}', {
                method: 'POST',
                headers: {
                    'X-CSRF-TOKEN': csrfToken,
                    'Accept': 'application/json'
                }
            });
            
            const data = await response.json();
            showNotification(data.success ? 'success' : 'error', data.message);
        } catch (error) {
            showNotification('error', error.message);
        } finally {
            btn.disabled = false;
            btn.innerHTML = '<i class="bi bi-arrow-clockwise me-1"></i>{{ __("admin.queue.restart_workers") }}';
        }
    };

    window.retryFailedJob = async function(jobId) {
        try {
            const response = await fetch(`/queue/retry/${jobId}`, {
                method: 'POST',
                headers: {
                    'X-CSRF-TOKEN': csrfToken,
                    'Accept': 'application/json'
                }
            });
            
            const data = await response.json();
            showNotification(data.success ? 'success' : 'error', data.message);
            if (data.success) refreshData();
        } catch (error) {
            showNotification('error', error.message);
        }
    };

    window.deleteFailedJob = async function(jobId) {
        if (!confirm('{{ __("admin.queue.confirm.delete_failed") }}')) return;
        
        try {
            const response = await fetch(`/queue/failed/${jobId}`, {
                method: 'DELETE',
                headers: {
                    'X-CSRF-TOKEN': csrfToken,
                    'Accept': 'application/json'
                }
            });
            
            const data = await response.json();
            showNotification(data.success ? 'success' : 'error', data.message);
            if (data.success) refreshData();
        } catch (error) {
            showNotification('error', error.message);
        }
    };

    window.clearFailedJobs = async function() {
        if (!confirm('{{ __("admin.queue.confirm.clear_failed") }}')) return;
        
        try {
            const response = await fetch('{{ route("admin.queue.clear-failed") }}', {
                method: 'POST',
                headers: {
                    'X-CSRF-TOKEN': csrfToken,
                    'Accept': 'application/json'
                }
            });
            
            const data = await response.json();
            showNotification(data.success ? 'success' : 'error', data.message);
            if (data.success) refreshData();
        } catch (error) {
            showNotification('error', error.message);
        }
    };

    window.fixIssues = async function() {
        // Call health check command via artisan (this would need an endpoint)
        showNotification('info', '{{ __("admin.queue.messages.fix_in_progress") }}');
        await restartQueue();
    };

    function showNotification(type, message) {
        // Simple notification - could be replaced with toast library
        const alertClass = type === 'success' ? 'alert-success' : 
                          type === 'error' ? 'alert-danger' : 'alert-info';
        
        const notification = document.createElement('div');
        notification.className = `alert ${alertClass} alert-dismissible fade show position-fixed`;
        notification.style.cssText = 'top: 20px; right: 20px; z-index: 9999; max-width: 400px;';
        notification.innerHTML = `
            ${message}
            <button type="button" class="btn-close" data-dismiss="alert"></button>
        `;
        
        document.body.appendChild(notification);
        
        setTimeout(() => {
            notification.remove();
        }, 5000);
    }
});
</script>
@endsection