@extends('admin::layouts.plane')

@section('content')
<div class="row" style="margin-left: 20px;">
    <div class="col-lg-12">
        <div class="row mb-3">
            <div class="col-lg-12">
                <h3>Generate Report Card Bulk Queue</h3>
                <hr>
            </div>
        </div>

        <div class="row mb-3">
            <div class="col-lg-12">
                <div class="alert alert-info">
                    <i class="fas fa-info-circle"></i>
                    This page queues report-card generation for all schools and all sections with fixed values:
                    Session <strong>2025-26</strong>, Board <strong>CBSE</strong>, Classes <strong>1-9, 101, 102, 103, 104</strong>.
                </div>
            </div>
        </div>

        <div class="row mb-3">
            <div class="col-md-3">
                <label class="control-label">Session</label>
                <input type="text" class="form-control" value="2025-26" readonly>
            </div>
            <div class="col-md-3">
                <label class="control-label">Board</label>
                <input type="text" class="form-control" value="CBSE" readonly>
            </div>
            <div class="col-md-6">
                <label class="control-label">Included Classes</label>
                <input type="text" class="form-control" value="1,2,3,4,5,6,7,8,9,101,102,103,104" readonly>
            </div>
        </div>

        <div class="row mb-3">
            <div class="col-lg-12">
                <button type="button" class="btn btn-primary" id="generate-bulk-btn">
                    <i class="fas fa-file-pdf"></i> Generate Report Card
                </button>
                <a href="{{ route('generate-report-card') }}" class="btn btn-secondary">Back</a>
            </div>
        </div>
    </div>
</div>

<script>
$(document).ready(function() {
    $('#generate-bulk-btn').on('click', function() {
        if (!confirm('Queue report cards for all schools and all sections for session 2025-26 and board CBSE?')) {
            return;
        }

        const btn = $(this);
        btn.prop('disabled', true).html('<i class="fas fa-spinner fa-spin"></i> Processing...');

        $.ajax({
            url: '{{ route("generate-report-card-bulk-to-queue") }}',
            type: 'POST',
            data: {
                _token: '{{ csrf_token() }}'
            }
        }).done(function(response) {
            alert(response.success || response.message || 'Bulk queue triggered successfully.');
        }).fail(function(xhr) {
            const errorMessage = (xhr.responseJSON && (xhr.responseJSON.error || xhr.responseJSON.message)) || 'Something went wrong!';
            alert(errorMessage);
        }).always(function() {
            btn.prop('disabled', false).html('<i class="fas fa-file-pdf"></i> Generate Report Card');
        });
    });
});
</script>
@endsection