@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</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> 
                    <strong>Important:</strong> Please refresh the result of the students before generating the report cards. 
                    You can refresh the results by going to <a href="{{ route('refresh-student-result') }}" class="alert-link">this page</a>.
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-lg-12">
                {!! Form::open(['id' => 'generate-report-card', 'class' => 'form']) !!}
                    <div class="row">
                        <div class="col-md-2">
                            <div class="form-group">
                                {!! Form::label('session', 'Session', ['class' => 'control-label']) !!}
                                {!! Form::select('session', ['' => 'Select Session'] + $sessions, null, [
                                    'class' => 'form-control required',
                                    'id' => 'session'
                                ]) !!}
                            </div>
                        </div>
                        @if($isClerk)
                            {{-- Clerk can only enter admission number --}}
                            <div class="col-md-4">
                                <div class="form-group">
                                    {!! Form::label('admission_no', 'Admission No', ['class' => 'control-label']) !!}
                                    {!! Form::text('admission_no', null, [
                                        'class' => 'form-control required',
                                        'id' => 'admission_no',
                                        'placeholder' => 'Enter Admission No'
                                    ]) !!}
                                </div>
                            </div>
                        @elseif($isAdmin)
                            {{-- Admin can select session, school, board, class --}}
                            <div class="col-md-2">
                                <div class="form-group">
                                    {!! Form::label('school_id', 'School', ['class' => 'control-label']) !!}
                                    {!! Form::select('school_id', ['' => 'Select School'] + $schools, null, [
                                        'class' => 'form-control required',
                                        'id' => 'school_id'
                                    ]) !!}
                                </div>
                            </div>
                            <div class="col-md-2">
                                <div class="form-group">
                                    {!! Form::label('board', 'Board', ['class' => 'control-label']) !!}
                                    {!! Form::select('board', ['' => 'Select Board'] + $boards, 'CBSE', [
                                        'class' => 'form-control',
                                        'id' => 'board'
                                    ]) !!}
                                </div>
                            </div>
                            <div class="col-md-2">
                                <div class="form-group">
                                    {!! Form::label('class', 'Class', ['class' => 'control-label']) !!}
                                    {!! Form::select('class', ['' => 'Select Class'] + $classes, null, [
                                        'class' => 'form-control',
                                        'id' => 'class'
                                    ]) !!}
                                </div>
                            </div>
                        @elseif($isSuperAdmin)
                            {{-- Super Admin can use both admin filters and admission number --}}
                            <div class="col-md-2">
                                <div class="form-group">
                                    {!! Form::label('school_id', 'School', ['class' => 'control-label']) !!}
                                    {!! Form::select('school_id', ['' => 'Select School'] + $schools, null, [
                                        'class' => 'form-control required',
                                        'id' => 'school_id'
                                    ]) !!}
                                </div>
                            </div>
                            <div class="col-md-2">
                                <div class="form-group">
                                    {!! Form::label('board', 'Board', ['class' => 'control-label']) !!}
                                    {!! Form::select('board', ['' => 'Select Board'] + $boards, 'CBSE', [
                                        'class' => 'form-control',
                                        'id' => 'board'
                                    ]) !!}
                                </div>
                            </div>
                            <div class="col-md-2">
                                <div class="form-group">
                                    {!! Form::label('class', 'Class', ['class' => 'control-label']) !!}
                                    {!! Form::select('class', ['' => 'Select Class'] + $classes, null, [
                                        'class' => 'form-control',
                                        'id' => 'class'
                                    ]) !!}
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="form-group">
                                    {!! Form::label('admission_no', 'Admission No (Optional)', ['class' => 'control-label']) !!}
                                    {!! Form::text('admission_no', null, [
                                        'class' => 'form-control',
                                        'id' => 'admission_no',
                                        'placeholder' => 'Enter Admission No'
                                    ]) !!}
                                </div>
                            </div>
                        @endif
                        @if($isClerk || $isSuperAdmin)
                            <div class="col-md-2 align-self-center">
                                <button type="button" class="btn btn-secondary" id="get-student-details">Get Student Details</button>
                            </div>
                        @endif
                    </div>

                    <!-- Sections List (displayed when session, school, class, board are selected but not admission no) -->
                    <div class="row" id="sections-container" style="display: none;">
                        <div class="col-md-12">
                            <h4>Class Sections</h4>
                            <div class="table-responsive">
                                <table class="table table-bordered">
                                    <thead>
                                        <tr>
                                            <th style="width: 80px;">
                                                <input type="checkbox" id="select-all-sections" checked> All
                                            </th>
                                            <th>Class</th>
                                            <th>Section</th>
                                        </tr>
                                    </thead>
                                    <tbody id="sections-list"></tbody>
                                </table>
                            </div>
                        </div>
                    </div>

                    <!-- Student Details (displayed when admission no is entered) -->
                    <div class="row" id="student-details-container" style="display: none;">
                        <div class="col-md-12">
                            <h4>Student Details</h4>
                            <div class="table-responsive">
                                <table class="table table-bordered">
                                    <tbody id="student-details-body"></tbody>
                                </table>
                            </div>
                        </div>
                    </div>

                    <div class="row mt-3">
                        <div class="col-md-12">
                            {!! Form::button('<i class="fas fa-file-pdf"></i> Generate Report Card', [
                                'type' => 'button',
                                'class' => 'btn btn-primary',
                                'id' => 'generate-btn',
                                'style' => 'display: none;'
                            ]) !!}
                        </div>
                    </div>
                {!! Form::close() !!}
            </div>
        </div>
    </div>
</div>

<script>
$(document).ready(function() {
    var isClerk = {{ $isClerk ? 'true' : 'false' }};
    var isAdmin = {{ $isAdmin ? 'true' : 'false' }};
    var isSuperAdmin = {{ $isSuperAdmin ? 'true' : 'false' }};

    if (!isClerk) {
        $('#school_id').select2();
        $('#class').select2();
        $('#board').select2();
    }

    let selectedSections = []; // Array to store all sections with class info
    let isSettingFromStudent = false; // Flag to prevent clearing admission_no when setting class/board from student data

    function getCheckedSections() {
        const checkedSections = [];
        $('.section-checkbox:checked').each(function() {
            checkedSections.push($(this).val());
        });
        return checkedSections;
    }

    // Function to check if session, school, class, and board are selected
    function checkFiltersForSections() {
        if (isClerk) {
            // Clerks don't use sections
            return;
        }
        
        const session = $('#session').val();
        const school_id = $('#school_id').val();
        const class_val = $('#class').val();
        const board = $('#board').val();
        const admission_no = $('#admission_no').val();

        if (session && school_id && class_val && board && !admission_no) {
            loadSections();
        } else {
            $('#sections-container').hide();
            $('#sections-list').empty();
            $('#select-all-sections').prop('checked', false);
            selectedSections = [];
            toggleGenerateButton();
        }
    }

    // Function to load sections
    function loadSections() {
        const session = $('#session').val();
        const school_id = $('#school_id').val();
        const class_val = $('#class').val();
        const board = $('#board').val();

        $.ajax({
            url: '{{ route("get-sections-list") }}',
            type: 'GET',
            data: {
                session: session,
                school_id: school_id,
                class: class_val,
                board: board
            },
            success: function(response) {
                if (response.sections && response.sections.length > 0) {
                    let sectionsHtml = '';
                    selectedSections = []; // Reset selected sections
                    
                    response.sections.forEach(function(section) {
                        // Add to selected sections array
                        selectedSections.push({
                            class: class_val,
                            section: section
                        });
                        
                        // Display sections with selectable checkboxes
                        sectionsHtml += '<tr>';
                        sectionsHtml += '<td class="text-center"><input type="checkbox" class="section-checkbox" value="' + section + '" checked></td>';
                        sectionsHtml += '<td>Class ' + class_val + '</td>';
                        sectionsHtml += '<td>Section ' + section + '</td>';
                        sectionsHtml += '</tr>';
                    });
                    
                    $('#sections-list').html(sectionsHtml);
                    $('#select-all-sections').prop('checked', true);
                    $('#sections-container').show();
                } else {
                    $('#sections-container').hide();
                    $('#sections-list').empty();
                    $('#select-all-sections').prop('checked', false);
                    selectedSections = [];
                }
                toggleGenerateButton();
            },
            error: function(xhr) {
                alert(xhr.responseJSON.error || 'Error loading sections');
                $('#sections-container').hide();
                $('#select-all-sections').prop('checked', false);
                selectedSections = [];
                toggleGenerateButton();
            }
        });
    }

    // Function to load student details
    function loadStudentDetails() {
        const admission_no = $('#admission_no').val();
        const school_id = $('#school_id').val();
        const session = $('#session').val();

        if (!admission_no || !session) {
            $('#student-details-container').hide();
            toggleGenerateButton();
            return;
        }

        $.ajax({
            url: '{{ route("get-student-details") }}',
            type: 'GET',
            data: {
                admission_no: admission_no,
                school_id: school_id,
                session: session
            },
            success: function(response) {
                if (response.student) {
                    const student = response.student;
                    
                    // Set flag to prevent clearing admission_no
                    isSettingFromStudent = true;
                    
                    // Auto-select school, class and board from student data
                    if (student.school_id) {
                        $('#school_id').val(student.school_id).trigger('change');
                    }
                    if (student.current_class) {
                        $('#class').val(student.current_class).trigger('change');
                    }
                    if (student.board) {
                        $('#board').val(student.board).trigger('change');
                    }
                    
                    // Reset flag after a short delay
                    setTimeout(function() {
                        isSettingFromStudent = false;
                    }, 100);
                    
                    let detailsHtml = '<tr>';
                    detailsHtml += '<th>Admission No</th><td>' + student.admission_no + '</td>';
                    detailsHtml += '<th>Name</th><td>' + student.first_name + ' ' + student.last_name + '</td>';
                    detailsHtml += '</tr>';
                    detailsHtml += '<tr>';
                    detailsHtml += '<th>Class</th><td>' + student.current_class + '</td>';
                    detailsHtml += '<th>Section</th><td>' + student.section + '</td>';
                    detailsHtml += '</tr>';
                    detailsHtml += '<tr>';
                    detailsHtml += '<th>Board</th><td>' + student.board + '</td>';
                    detailsHtml += '<th>Father Name</th><td>' + (student.father_name || '') + '</td>';
                    detailsHtml += '</tr>';
                    if (student.dob) {
                        detailsHtml += '<tr>';
                        detailsHtml += '<th>Date of Birth</th><td>' + student.dob + '</td>';
                        detailsHtml += '<th>Gender</th><td>' + (student.sex || '') + '</td>';
                        detailsHtml += '</tr>';
                    }
                    $('#student-details-body').html(detailsHtml);
                    $('#student-details-container').show();
                }
                toggleGenerateButton();
            },
            error: function(xhr) {
                if (xhr.status === 404) {
                    alert('Student not found with the given admission number');
                } else {
                    alert(xhr.responseJSON.error || 'Error loading student details');
                }
                $('#student-details-container').hide();
                $('#generate-btn').hide();
                $('#admission_no').val('');
            }
        });
    }

    // Function to toggle generate button visibility
    function toggleGenerateButton() {
        if (isClerk) {
            // For clerks, show button only if admission_no is entered
            const admission_no = $('#admission_no').val();
            if (admission_no) {
                $('#generate-btn').show();
            } else {
                $('#generate-btn').hide();
            }
            return;
        }

        const admission_no = $('#admission_no').val();
        const session = $('#session').val();
        const school_id = $('#school_id').val();
        const class_val = $('#class').val();
        const board = $('#board').val();
        const checkedSections = getCheckedSections();

        if (admission_no && session && school_id) {
            // Show button if admission no is entered
            $('#generate-btn').show();
        } else if (selectedSections.length > 0 && checkedSections.length > 0 && session && school_id && class_val && board) {
            // Show button if sections are loaded
            $('#generate-btn').show();
        } else {
            $('#generate-btn').hide();
        }
    }

    // Event handlers
    $('#session, #school_id, #class, #board').on('change', function() {
        // Don't clear admission_no if we're setting it programmatically from student data
        if (!isSettingFromStudent) {
            $('#admission_no').val('');
            $('#student-details-container').hide();
        }
        // Clear selected sections when filters change
        selectedSections = [];
        checkFiltersForSections();
    });

    $(document).on('change', '#select-all-sections', function() {
        const isChecked = $(this).is(':checked');
        $('.section-checkbox').prop('checked', isChecked);
        toggleGenerateButton();
    });

    $(document).on('change', '.section-checkbox', function() {
        const totalSections = $('.section-checkbox').length;
        const checkedSections = $('.section-checkbox:checked').length;
        $('#select-all-sections').prop('checked', totalSections > 0 && checkedSections === totalSections);
        toggleGenerateButton();
    });

    $('#get-student-details').on('click', function() {
        if ($('#admission_no').val() == '' || $('#session').val() == '') {
            alert('Please enter admission number and select session to get student details');
            return;
        }
        loadStudentDetails();
    });

    // $('#admission_no').on('keyup', function() {
    //     const admission_no = $(this).val();
    //     if (admission_no) {
    //         $('#sections-container').hide();
    //         $('#sections-list').empty();
    //         selectedSections = [];
            
    //         if (!isClerk) {
    //             loadStudentDetails();
    //         } else {
    //             toggleGenerateButton();
    //         }
    //     } else {
    //         $('#student-details-container').hide();
    //         if (!isClerk) {
    //             // Reset class dropdown when admission no is cleared
    //             $('#class').val('').trigger('change');
    //             checkFiltersForSections();
    //         }
    //         toggleGenerateButton();
    //     }
    // });

    // Generate button click handler
    $('#generate-btn').on('click', function() {
        const submitBtn = $(this);
        
        if (isClerk) {
            // For clerks, only admission_no is required
            const admission_no = $('#admission_no').val();
            const session = $('#session').val();
            if (!admission_no) {
                alert('Please enter admission number');
                return;
            }

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

            const data = {
                admission_no: admission_no,
                session: session,
                _token: '{{ csrf_token() }}'
            };

            $.ajax({
                url: '{{ route("generate-report-card-to-queue") }}',
                type: 'POST',
                data: data,
                success: function(response) {
                    alert(response.success || response.message);
                    // Reset form
                    $('#generate-report-card')[0].reset();
                    $('#generate-btn').hide();
                },
                error: function(xhr) {
                    alert(xhr.responseJSON.error || xhr.responseJSON.message || 'Something went wrong!');
                },
                complete: function() {
                    submitBtn.prop('disabled', false).html('<i class="fas fa-file-pdf"></i> Generate Report Card');
                }
            });
            return;
        }

        // For admins and super admins
        const session = $('#session').val();
        const school_id = $('#school_id').val();
        const class_val = $('#class').val();
        const board = $('#board').val();
        const admission_no = $('#admission_no').val();

        if (!session || !school_id) {
            alert('Please select session and school');
            return;
        }

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

        if (admission_no) {
            // Generate for single student - dispatch to queue
            const data = {
                session: session,
                school_id: school_id,
                board: board,
                admission_no: admission_no,
                class: class_val,
                _token: '{{ csrf_token() }}'
            };

            $.ajax({
                url: '{{ route("generate-report-card-to-queue") }}',
                type: 'POST',
                data: data,
                success: function(response) {
                    alert(response.success || response.message);
                    // Reset form
                    $('#generate-report-card')[0].reset();
                    $('#sections-container').hide();
                    $('#student-details-container').hide();
                    $('#generate-btn').hide();
                    selectedSections = [];
                },
                error: function(xhr) {
                    alert(xhr.responseJSON.error || xhr.responseJSON.message || 'Something went wrong!');
                },
                complete: function() {
                    submitBtn.prop('disabled', false).html('<i class="fas fa-file-pdf"></i> Generate Report Card');
                }
            });
        } else if (selectedSections.length > 0) {
            const checkedSections = getCheckedSections();

            if (checkedSections.length === 0) {
                alert('Please select at least one section');
                submitBtn.prop('disabled', false).html('<i class="fas fa-file-pdf"></i> Generate Report Card');
                return;
            }

            const isAllSectionsSelected = checkedSections.length === selectedSections.length;

            // if (isAllSectionsSelected) {
            //     // All sections selected: queue once without sending section.
            //     const data = {
            //         session: session,
            //         school_id: school_id,
            //         board: board,
            //         class: class_val,
            //         _token: '{{ csrf_token() }}'
            //     };

            //     $.ajax({
            //         url: '{{ route("generate-report-card-to-queue") }}',
            //         type: 'POST',
            //         data: data,
            //         success: function(response) {
            //             alert(response.success || response.message || 'Report Card generation queued successfully for all sections');
            //             // Reset form
            //             $('#generate-report-card')[0].reset();
            //             $('#sections-container').hide();
            //             $('#sections-list').empty();
            //             $('#student-details-container').hide();
            //             $('#generate-btn').hide();
            //             $('#select-all-sections').prop('checked', false);
            //             selectedSections = [];
            //         },
            //         error: function(xhr) {
            //             const errorMessage = (xhr.responseJSON && (xhr.responseJSON.error || xhr.responseJSON.message)) || 'Something went wrong!';
            //             alert(errorMessage);
            //         },
            //         complete: function() {
            //             submitBtn.prop('disabled', false).html('<i class="fas fa-file-pdf"></i> Generate Report Card');
            //         }
            //     });
            // } else {
                // Partial selection: queue section-wise.
                let completedCount = 0;
                let failedSections = [];

                checkedSections.forEach(function(section) {
                    const data = {
                        session: session,
                        school_id: school_id,
                        board: board,
                        class: class_val,
                        section: section,
                        _token: '{{ csrf_token() }}'
                    };

                    $.ajax({
                        url: '{{ route("generate-report-card-to-queue") }}',
                        type: 'POST',
                        data: data,
                        error: function(xhr) {
                            const errorMessage = (xhr.responseJSON && (xhr.responseJSON.error || xhr.responseJSON.message)) || 'Something went wrong!';
                            failedSections.push('Section ' + section + ': ' + errorMessage);
                        },
                        complete: function() {
                            completedCount++;
                            if (completedCount === checkedSections.length) {
                                if (failedSections.length === 0) {
                                    alert('Report Card generation queued successfully for ' + checkedSections.length + ' section(s)');
                                    // Reset form
                                    $('#generate-report-card')[0].reset();
                                    $('#sections-container').hide();
                                    $('#sections-list').empty();
                                    $('#student-details-container').hide();
                                    $('#generate-btn').hide();
                                    $('#select-all-sections').prop('checked', false);
                                    selectedSections = [];
                                } else {
                                    alert('Some sections could not be queued:\n' + failedSections.join('\n'));
                                }

                                submitBtn.prop('disabled', false).html('<i class="fas fa-file-pdf"></i> Generate Report Card');
                            }
                        }
                    });
                });
            // }
        } else {
            alert('Please enter admission number or select at least one section');
            submitBtn.prop('disabled', false).html('<i class="fas fa-file-pdf"></i> Generate Report Card');
            return;
        }
    });
});
</script>
@endsection