@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>
                    Choose session, board, exam type, schools, classes, and sections to queue report-card generation in bulk.
                </div>
            </div>
        </div>

        {!! Form::open(['id' => 'generate-report-card-bulk', 'class' => 'form']) !!}
            <div class="row mb-3">
                <div class="col-lg-3 col-md-6">
                    <div class="form-group">
                        {!! Form::label('session', 'Session', ['class' => 'control-label']) !!}
                        {!! Form::select('session', ['' => 'Select Session'] + $sessions, $defaultSession, [
                            'class' => 'form-control required',
                            'id' => 'session'
                        ]) !!}
                    </div>
                </div>
                <div class="col-lg-3 col-md-6">
                    <div class="form-group">
                        {!! Form::label('board', 'Board', ['class' => 'control-label']) !!}
                        {!! Form::select('board', ['' => 'Select Board'] + $boards, $defaultBoard, [
                            'class' => 'form-control required',
                            'id' => 'board'
                        ]) !!}
                    </div>
                </div>
                <div class="col-lg-3 col-md-6">
                    <div class="form-group">
                        {!! Form::label('exam_type', 'Exam Type', ['class' => 'control-label']) !!}
                        {!! Form::select('exam_type', ['' => 'Select Exam Type'] + $examTypes, null, [
                            'class' => 'form-control required',
                            'id' => 'exam_type'
                        ]) !!}
                    </div>
                </div>
            </div>

            <div class="row mb-3">
                <div class="col-lg-6 col-md-12">
                    <div class="form-group">
                        <label class="control-label">Schools (Multi Select)</label>
                        <select class="form-control" name="school_ids[]" id="school_ids" multiple>
                            <option value="__all__">Select All Schools</option>
                            @foreach($schools as $schoolId => $schoolName)
                                <option value="{{ $schoolId }}" {{ in_array((int)$schoolId, $defaultSchoolIds, true) ? 'selected' : '' }}>
                                    {{ $schoolName }}
                                </option>
                            @endforeach
                        </select>
                    </div>
                </div>
                <div class="col-lg-6 col-md-12">
                    <div class="form-group">
                        <label class="control-label">Classes (Multi Select)</label>
                        <select class="form-control" name="classes[]" id="classes" multiple>
                            <option value="__all__">Select All Classes</option>
                            @foreach($classes as $classId => $className)
                                <option value="{{ $classId }}" {{ in_array((int)$classId, $defaultClasses, true) ? 'selected' : '' }}>
                                    {{ $className }}
                                </option>
                            @endforeach
                        </select>
                    </div>
                </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>
        {!! Form::close() !!}
    </div>
</div>

<script>
$(document).ready(function() {
    $('#session').select2();
    $('#board').select2();
    $('#exam_type').select2();
    $('#school_ids').select2({
        width: '100%',
        closeOnSelect: false
    });
    $('#classes').select2({
        width: '100%',
        closeOnSelect: false
    });

    function applySelectAll(selectId) {
        const $select = $(selectId);
        const selectedValues = $select.val() || [];

        if (selectedValues.indexOf('__all__') !== -1) {
            const allValues = $select.find('option').map(function() {
                const value = $(this).val();
                return value !== '__all__' && value !== '' ? value : null;
            }).get();
            $select.val(allValues).trigger('change.select2');
        }
    }

    $('#school_ids').on('change', function() {
        applySelectAll('#school_ids');
    });

    $('#classes').on('change', function() {
        applySelectAll('#classes');
    });

    $('#generate-bulk-btn').on('click', function() {
        const session = $('#session').val();
        const board = $('#board').val();
        const examType = $('#exam_type').val();
        const schoolIds = ($('#school_ids').val() || []).filter(function(value) {
            return value !== '__all__';
        });
        const classes = ($('#classes').val() || []).filter(function(value) {
            return value !== '__all__';
        });

        if (!session || !board || !examType || schoolIds.length === 0 || classes.length === 0) {
            alert('Please select session, board, exam type, at least one school, and at least one class.');
            return;
        }

        if (!confirm('Queue report cards for selected schools/classes in session ' + session + ' and board ' + board + '?')) {
            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() }}',
                session: session,
                board: board,
                exam_type: examType,
                school_ids: schoolIds,
                classes: classes
            }
        }).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