@php use App\Models\eims\settings\academic\ContentType;use PhpOffice\PhpSpreadsheet\Calculation\TextData\Format; @endphp
@extends('layouts/eims_layout')
@section('title', '| ' . $pageTitle)
@section('content')
    @include('successMsg')

    <div class="row add-data-form">
        <div class="col-md-10 col-md-offset-1">
            <div class="viewTitle"></div>
            <div class="panel panel-default panel-border">
                <div class="panel-heading" style="padding-bottom:0; ">
                    <div class="panel-title">{{ $pageTitle }}</div>
                </div>
                <div class="panel-body">
                    <div class="row">
                        <div class="col-md-2 ">
                            {{-- program_id --}}
                            <div class="form-group">
                                {!! Form::label('program_id', 'Program: <sup class="text-danger">*<sup>',
                                    ['class' => ' control-label'],false) !!}
                                <div class="">
                                    {!! Form::select('program_id', $programs ?? [], $admissionExam->program_id ?? null, [
                                            'class' => 'form-control custom-select2', 'placeholder'=> 'Select Program', 'id' => 'program_id', 'required' =>true]) !!}
                                    <p id='program_ide' style="min-height:3px;"></p>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-2">
                            {{-- session --}}
                            <div class="form-group">
                                {!! Form::label('session_id', 'Session: <sup class="text-danger">*<sup>',
                                    ['class' => ' control-label'],false) !!}
                                <div class="">
                                    {!! Form::select('session_id', $sessions ?? [], $admissionExam->session_id ?? null, [
                                    'class' => 'form-control custom-select2', 'placeholder'=> 'Select Session',
                                    'id' => 'session_id', 'required' =>true]) !!}
                                    <p id='session_ide' style="min-height:3px;"></p>
                                </div>
                            </div>
                        </div>

                        <div class="col-md-2">
                            {{-- semester_class_id --}}
                            <div class="form-group ">
                                {!! Form::label('semester_class_id', 'Class: <sup class="text-danger">*<sup>',
                                    ['class' => ' control-label'],false) !!}
                                <div class="">
                                    {!! Form::select('semester_class_id', $semesterClasses ?? [], $admissionExam->semester_class_id ?? null, [
                                            'class' => 'form-control custom-select2', 'placeholder'=> 'Select Class', 'id' => 'semester_class_id', 'required' =>true]) !!}
                                    <p id='semester_class_ide' style="min-height:3px;"></p>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-2">
                            {{-- admission_exam --}}
                            <div class="form-group ">
                                {!! Form::label('admission_exam_id', 'Admission Exam: <sup class="text-danger">*<sup>',
                                    ['class' => ' control-label'],false) !!}
                                <div class="">
                                    {!! Form::select('admission_exam_id', $admissionExams ?? [], null, [
                                            'class' => 'form-control custom-select2', 'placeholder'=> 'Select Admission Exam', 'id' => 'admission_exam_id', 'required' =>true]) !!}
                                    <p id='admission_exam_ide' style="min-height:3px;"></p>
                                </div>
                            </div>
                        </div>

                        {{-- search buttons --}}
                        <div class="col-md-2">
                            <div class="form-group">
                                <br>
                                <button type="button" class="btn btn-info" id="searchButton">Search</button>
                            </div>
                        </div>


                        {!! Form::open(['id' => 'admissionExamMarkDistributionForm', 'method' => 'POST']) !!}

                        {{Form::hidden('program_id', null, ['id' => 'program_id_hidden'])}}
                        {{Form::hidden('session_id', null, ['id' => 'session_id_hidden'])}}
                        {{Form::hidden('semester_class_id', null, ['id' => 'semester_class_id_hidden'])}}
                        {{Form::hidden('admission_exam_id', null, ['id' => 'admission_exam_id_hidden'])}}

                        {{-- Table Section --}}
                        <div id="markDistributionTableContainer"></div>

                        {!! Form::close() !!}
                    </div>
                </div>
            </div>
            <div class="viewTitle"></div>
        </div>
    </div>


    <script>
        'use strict';
        const companyType = '{{ $companyType }}';
        const MINIMUM_MARK_TYPE_GENERAL = {{ ContentType::MINIMUM_MARK_TYPE_GENERAL }};
        const MINIMUM_MARK_TYPE_SUBJECT_WISE = {{ ContentType::MINIMUM_MARK_TYPE_SUBJECT_WISE }};

        $(document).ready(function () {
            const programIdField = $('#program_id');
            const sessionIdField = $('#session_id');
            const semesterClassIdField = $('#semester_class_id');
            const admissionExamIdField = $('#admission_exam_id');
            const searchButton = $('#searchButton');
            const resetButton = $('#resetButton');
            const admissionExamMarkDistributionForm = $('#admissionExamMarkDistributionForm');
            const markDistributionTableContainer = $('#markDistributionTableContainer');


            // get semester_class and session by program
            programIdField.change(function () {
                const program_id = programIdField.val();

                semesterClassIdField.empty();
                let option = '';
                if (companyType === 'UNV') {
                    option = '<option selected="selected" value="">Select Semester</option>';
                } else if (companyType === 'SCL') {
                    option = '<option selected="selected" value="">Select Class</option>';
                } else if (companyType === 'CLG') {
                    option = '<option selected="selected" value="">Select Class</option>';
                } else {
                    option = '<option selected="selected" value="">Select Semester/Class</option>';
                }
                semesterClassIdField.prepend(option)

                sessionIdField.empty().prepend('<option selected="selected" value="">Select Session</option>');

                $.ajax({
                    type: 'post',
                    url: `{{ route('eims_faculty_department_program_session_semester_section_course_subject_option_change') }}`,
                    data: {
                        program_id: program_id
                    },
                    dataType: 'json',
                    success: function (_response) {
                        $.each(_response, function (key, value) {
                            {
                                if (key === "semesterClassListByProgramChange") {
                                    $.each(value, function (index, result) {
                                        $('#semester_class_id')
                                            .append(
                                                "<option value='" + result
                                                    .id +
                                                "'>" + result.name +
                                                "</option>"
                                            );
                                    });
                                }

                                if (key === "sessionListByProgramChange") {
                                    $.each(value, function (index, result) {
                                        $('#session_id')
                                            .append(
                                                "<option value='" + result
                                                    .id +
                                                "'>" + result.name +
                                                "</option>"
                                            );
                                    });
                                }


                            }
                        });
                    }
                });
            });

            // get admission exam by semester_class and session
            $('#session_id, #semester_class_id').change(function () {
                const semester_class_id = semesterClassIdField.val();
                const session_id = sessionIdField.val();

                admissionExamIdField.empty().append(`<option selected="selected" value="">Loading</option>`);

                $.ajax({
                    type: 'post',
                    url: `{{ route('eims_admission_exams') }}`,
                    data: {
                        semester_class_id: semester_class_id,
                        session_id: session_id
                    },
                    dataType: 'json',
                    success: function (_response) {
                        admissionExamIdField.empty().append(`<option selected="selected" value="">Select Admission Exam</option>`);
                        $.each(_response, function (index, result) {
                            admissionExamIdField.append(`<option value='${index}'>${result}</option>`);
                        });
                    },
                    error: function (_response) {
                        admissionExamIdField.empty().append(`<option selected="selected" value="">Select Admission Exam</option>`);
                    }
                });
            });

            function setErrorsText(errors) {
                $.each(errors, function (key, value) {
                    // if key has institute_
                    $('#' + key + 'e').empty().show().append('<span class="errormsg" style="color:red;">' + value + '</span>');
                });
            }

            function admissionExamResultMeritListGeneration(config_marks, max_mark, min_mark, pre_admissions, admission_exam) {
                $('#program_id_hidden').val(admission_exam.program_id);
                $('#session_id_hidden').val(admission_exam.session_id);
                $('#semester_class_id_hidden').val(admission_exam.semester_class_id);
                $('#admission_exam_id_hidden').val(admission_exam.id);

                let tableHead = '';
                tableHead += '<thead>';
                tableHead += '<tr>';
                tableHead += '<th class="text-nowrap">SL</th>';
                tableHead += '<th class="text-nowrap">Admission No</th>';
                tableHead += '<th class="text-nowrap">Name</th>';
                tableHead += '<th class="text-nowrap">Category</th>';
                tableHead += '<th class="text-nowrap">Gender</th>';
                for (const [key, value] of Object.entries(config_marks)) {
                    tableHead += `<th class='text-nowrap'>${key} (${value.marks})</th>`;
                }
                tableHead += `<th class="text-nowrap">Minimum Marks = ${min_mark} <br>Maximum Mark = ${max_mark} <br> <hr> Total Marks</th>`;
                tableHead += '<th class="text-nowrap">Status</th>';
                tableHead += '</tr>';
                tableHead += '</thead>';

                let meritList = '';
                let waitingList = '';
                let failList = '';

                if (pre_admissions.length > 0) {
                    pre_admissions.forEach((pre_admission, index) => {
                        let preAdmissionList = '';
                        preAdmissionList += '<tr style="color: black">';
                        preAdmissionList += `<td>${index + 1}</td>`;
                        preAdmissionList += `<td class="text-nowrap">${pre_admission.admission_no ?? 'N/A'}</td>`;
                        preAdmissionList += `<td class="text-nowrap" style="text-align: left">${pre_admission.name ?? 'N/A'}</td>`;
                        preAdmissionList += `<td>${pre_admission.category ?? 'N/A'}</td>`;
                        preAdmissionList += `<td>${pre_admission.gender ?? 'N/A'}</td>`;
                        for (const [key, value] of Object.entries(config_marks)) {
                            preAdmissionList += `<td>${pre_admission.config_marks[key] ?? ''} </td>`;
                        }
                        preAdmissionList += `<td>${pre_admission.total_marks ?? ''}</td>`;
                        preAdmissionList += `<td><span class="text-center text-${pre_admission.ranking != 'fail' ? 'success' : 'danger'}">${pre_admission.ranking != 'fail' ? 'Pass' : 'Fail'}</span></td>`;
                        preAdmissionList += '</tr>';

                        if (pre_admission.ranking !== 'fail') {

                            if (parseInt(pre_admission.ranking) <= parseInt(admission_exam.available_seat) ) {
                                meritList += preAdmissionList;
                            } else {
                                waitingList += preAdmissionList;
                            }
                        } else {
                            failList += preAdmissionList;

                        }
                    });

                    let table = '';
                    table += `<table class="table table-striped table-bordered" style="width: 100%; border-collapse: collapse; text-align: center" >`;
                    table += tableHead;
                    table += '<tbody>';
                    if (meritList !== '') {
                        table += `<tr><td colspan="${Object.keys(config_marks).length + 8}" ><h4 class="text-left">Merit List</h4></td></tr>`;
                        table += meritList;
                    }

                    if (waitingList !== '') {
                        table += `<tr><td colspan="${Object.keys(config_marks).length + 8}"><h4 class="text-left">Waiting List</h4></td></tr>`;
                        table += waitingList;
                    }

                    if (failList !== '') {
                        table += `<tr><td colspan="${Object.keys(config_marks).length + 8}"><h4 class="text-left">Failed List</h4></td></tr>`;
                        table += failList;
                    }
                    table += '</tbody>';
                    table += '</table>';
                    markDistributionTableContainer.append(table);
                }
            }

            function admissionExamResultGeneration(config_marks, max_mark, min_mark, pre_admissions, admission_exam) {
                $('#program_id_hidden').val(admission_exam.program_id);
                $('#session_id_hidden').val(admission_exam.session_id);
                $('#semester_class_id_hidden').val(admission_exam.semester_class_id);
                $('#admission_exam_id_hidden').val(admission_exam.id);


                let html = '';
                html += `<table class="table table-striped table-bordered"
                                   style="width: 100%; border-collapse: collapse; text-align: center"

                            >`;
                html += '<thead>';
                html += '<tr>';
                html += '<th class="text-nowrap" rowspan="2">SL</th>';
                html += '<th class="text-nowrap" rowspan="2">Admission No</th>';
                html += '<th class="text-nowrap" rowspan="2">Name</th>';
                html += '<th class="text-nowrap" rowspan="2">Category</th>';
                html += '<th class="text-nowrap" rowspan="2">Gender</th>';
                html += `<th class="text-nowrap" colspan="${Object.keys(config_marks).length}">Marks</th>`;
                html += `<th class="text-nowrap" rowspan="2">${admission_exam.minimum_mark_type_id == MINIMUM_MARK_TYPE_SUBJECT_WISE ? '' : `Minimum Marks = ${min_mark} <br>`}Maximum Mark = ${max_mark} <br> <hr> Total Marks</th>`;
                html += '<th class="text-nowrap" rowspan="2">Status</th>';
                // html += '<th class="text-nowrap" rowspan="2">Ranking</th>';
                html += '</tr>';
                html += '<tr>';
                for (const [key, value] of Object.entries(config_marks)) {
                    html += `<th class='text-nowrap'>${key} <hr> Maximum Mark: ${value.marks} ${admission_exam.minimum_mark_type_id == MINIMUM_MARK_TYPE_SUBJECT_WISE ? `<br> Pass Mark: ${value.pass_marks}` : ''} </th>`;
                }
                html += '</tr>';
                html += '</thead>';
                html += '<tbody>';


                if (pre_admissions.length > 0) {
                    let sl = 1;
                    pre_admissions.forEach((pre_admission, index) => {
                        const formatedAdmissionNo = pre_admission.admission_no.replace(/ /g, '_').toLowerCase();

                        html += '<tr style="color: black">';
                        html += `<td>${sl++}</td>`;
                        html += `<td class="text-nowrap">${pre_admission.admission_no ?? 'N/A'}</td>`;
                        html += `<td class="text-nowrap" style="text-align: left"> <input type="hidden" id="pre_admission_id_${index}" name="pre_admission_id[]" value="${pre_admission.id}">${pre_admission.name ?? 'N/A'}</td>`;
                        html += `<td>${pre_admission.category}</td>`;
                        html += `<td>${pre_admission.gender}</td>`;
                        let totalPassSubject = 0;
                        for (const [key, value] of Object.entries(config_marks)) {
                            // const formattedKey = key.replace(/ /g, '_').toLowerCase();
                            html += `<td>${pre_admission.config_marks[key] ?? ''}`;
                            if (admission_exam.minimum_mark_type_id == MINIMUM_MARK_TYPE_SUBJECT_WISE) {

                                console.log(pre_admission.config_marks[key], typeof (pre_admission.config_marks[key]), value.pass_marks, typeof (value.pass_marks));
                                if (parseFloat(pre_admission.config_marks[key]) >= parseFloat(value.pass_marks)) {
                                    html += '<span class="text-success"> (Pass)</span>'
                                    totalPassSubject++;
                                } else {
                                    html += `<span class="text-danger"> (Fail)</span>`;
                                }
                            }
                            html += `</td>`;
                        }
                        html += `<td><input type="text" class="form-control text-center total-marks-input" id="total_marks_${formatedAdmissionNo}" name="total_marks[${pre_admission.id}]" value="${pre_admission.total_marks ?? ''}" readonly /></td>`;
                        html += `<td>
                                                <input type="hidden" class="form-control text-center note-input" id="status_${formatedAdmissionNo}" name="status[${pre_admission.id}]" value="${pre_admission.total_marks >= min_mark}" readonly />`;
                        if (admission_exam.minimum_mark_type_id == MINIMUM_MARK_TYPE_SUBJECT_WISE) {
                            if (totalPassSubject == Object.keys(config_marks).length) {
                                html += `<span class="text-center text-success">Pass</span>`;
                            } else {
                                html += `<span class="text-center text-danger">Fail</span>`;
                            }
                        } else {
                            html += `<span class="text-center text-${pre_admission.total_marks >= min_mark ? 'success' : 'danger'}">${pre_admission.total_marks >= min_mark ? 'Pass' : 'Fail'}</span>`;

                        }

                        html += `</td>`;

                        html += '</tr>';

                    });


                } else {
                    const countHead = Object.keys(config_marks).length + 8;
                    html += `<tr><td colspan="${countHead}" ><span style="background-color:#e6dcdc !important;color:#b24e4e;font-family:cursive;font-weight:bold;">No Data Found</span></td></tr>`;
                }

                html += '</tbody>';
                html += '</table>';
                markDistributionTableContainer.append(html);

                if (pre_admissions.length > 0) {
                    const submitButton = ` <div class="row" style="margin-top: 15px;">
                                    <div class="col-md-12 text-right">
                                        <button type="submit" class="btn btn-info">Generate Result</button>
                                    </div>
                                </div>`;
                    markDistributionTableContainer.append(submitButton);
                }
            }

            searchButton.click(function (e) {
                e.preventDefault();
                const program_id = programIdField.val();
                const session_id = sessionIdField.val();
                const semester_class_id = semesterClassIdField.val();
                const admission_exam_id = admissionExamIdField.val();

                $('.errormsg').empty();
                markDistributionTableContainer.empty();
                $.ajax({
                    url: `{{ route('eims_admission_exam_result_list') }}`,
                    method: 'POST',
                    dataType: 'json',
                    data: {
                        program_id: program_id,
                        session_id: session_id,
                        semester_class_id: semester_class_id,
                        admission_exam_id: admission_exam_id
                    },
                    success: function (_response) {
                        if (_response.responseStatus === 'success') {
                            let {config_marks, max_mark, min_mark, pre_admissions, admission_exam} = _response.data;
                            let header = ''
                            header += `
                            <div class="row" style="margin-bottom: 2%">
                                <div class="col-sm-4 col-xs-12 col-sm-offset-4 text-center">
                                    <h5>
                                        <ul>
                                            <li style="list-style-type: none;"><h2 style="text-align:center;"><span id="exam_name_heading">${admission_exam.name}</span></h2></li>
                                            <li style="list-style-type: none;"><span style="font-weight: bold;" id="program_heading">${admission_exam.program_label}</span> : <span id="program_name">${admission_exam.program_name}</span></li>
                                            <li style="list-style-type: none;"><span style="font-weight: bold;">Session</span> : <span id="session_name_heading">${admission_exam.session_name}</span></li>
                                            <li style="list-style-type: none;"><span style="font-weight: bold;" id="semester_class_label">${admission_exam.semester_class_label}</span> : <span id="semester_class_name">${admission_exam.semester_class_name}</span></li>
                                        </ul>
                                    </h5>
                                </div>
                            </div>
                            `;
                            markDistributionTableContainer.append(header);
                            if (typeof (pre_admissions) === 'object') {
                                pre_admissions = Object.values(pre_admissions);
                            }
                            if (admission_exam.is_result_generated === 1) {
                                admissionExamResultMeritListGeneration(config_marks, max_mark, min_mark, pre_admissions, admission_exam);
                            } else {
                                admissionExamResultGeneration(config_marks, max_mark, min_mark, pre_admissions, admission_exam);
                            }

                        }
                    },
                    error: function (_response) {
                        _response = JSON.parse(_response.responseText);
                        Swal.fire({
                            icon: _response.responseStatus,
                            title: _response.responseTitle,
                            text: _response.responseText,
                        })

                        setErrorsText(_response.errors);
                    }
                });
            });

            admissionExamMarkDistributionForm.on('submit', function (e) {
                e.preventDefault();

                Swal.fire({
                    title: 'Are you sure?',
                    text: "Once submit you won't be able to revert this. Please check marks again!",
                    icon: 'warning',
                    showCancelButton: true,
                    confirmButtonColor: '#d33',
                    cancelButtonColor: '#7e7979',
                    confirmButtonText: 'Yes, submit it!'
                }).then((result) => {
                    if (result.isConfirmed) {
                        let formData = $(this).serialize();
                        $.ajax({
                            url: '{{ route("eims_admission_exam_result_generate") }}', // Update with the correct route
                            type: 'POST',
                            data: formData,
                            success: function (response) {
                                if (response.responseStatus === 'success') {
                                    Swal.fire({
                                        icon: response.responseStatus,
                                        title: response.responseTitle,
                                        text: response.responseText,
                                        showConfirmButton: false,
                                        timer: 1500
                                    })

                                    searchButton.trigger('click');
                                } else {
                                    Swal.fire({
                                        icon: response.responseStatus,
                                        title: response.responseTitle,
                                        text: response.responseText,
                                    });
                                }
                            },
                            error: function (response, status, error) {
                                const responseJSON = response.responseJSON;
                                Swal.fire({
                                    icon: responseJSON.responseStatus,
                                    title: responseJSON.responseTitle,
                                    text: responseJSON.responseText,
                                })
                            }
                        });
                    }
                })
            });
        });


    </script>
@endsection