@extends('layouts.master')

@section('title', __('exam.exam_result'))

@section('content_title', __('exam.manage_exam_results'))

@section('content_summary', 'exam result summary')

{{-- @section('content_taskbar')
    <li class="nav-item">
        <a href="{{ route('exam_results.create') }}" class="nav-link ">
            <i class="nav-link-icon pe-7s-plus"></i>
            <span>{{ __('core.add') }}</span>
        </a>
    </li>
@endsection --}}

@section('main_content')
    <div class="card mb-5">
        <div class="card-body">
            <form action="{{ route('exam_results.index') }}" method="get" class="add-exam-result" id="add-exam-result">

                <div class="d-flex flex-wrap gap-3 ">
                    <div class=" mb-3 flex-fill">
                        <label for="" class="form-label">Select Business</label>
                        <select class="form-select form-select-sm select_business_id" required name="business_id"
                            id="select_business_id">
                            @foreach ($business_list as $key => $value)
                                <option value="{{ $key }}">{{ $value }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class=" mb-3 flex-fill">
                        <label for="" class="form-label">Select Academic Year</label>
                        <select required class="form-select form-select-sm select_academic_year_id" name="academic_year_id"
                            id="select_academic_year_id">
                            <option selected>Select one</option>
                        </select>
                    </div>
                    <div class=" mb-3 flex-fill">
                        <label for="" class="form-label">Select Academic Class</label>
                        <select required class="form-select form-select-sm select_academic_class_id"
                            name="academic_class_id" id="select_academic_class_id">
                            <option selected>Select one</option>
                        </select>
                    </div>
                    <div class=" mb-3 flex-fill">
                        <label for="" class="form-label">Select Exam</label>
                        <select required class="form-select form-select-sm select_exam_id" name="academic_exam_id"
                            id="select_exam_id">
                            <option selected>Select one</option>
                        </select>
                    </div>
                    <div class=" mb-3 flex-fill">
                        <label for="" class="form-label">Select Subject</label>
                        <select class="form-select form-select-sm select_subject_id" name="subject_id" id="subject_id">
                            <option selected>Select one</option>
                        </select>
                    </div>
                    <div class=" mb-3 flex-fill">
                        <label for="" class="form-label">Select User</label>
                        <select class="form-select form-select-sm select_user_id" name="user_id" id="user_id">
                            <option selected>Select one</option>
                        </select>
                    </div>

                    {{-- <div class=" mb-3 flex-fill">
                        <label for="" class="form-label">Select Room</label>
                        <select class="form-select form-select-sm select_class_room" name="class_room_id"
                            id="select_exam_id">
                            <option selected>Select one</option>
                        </select>
                    </div> --}}
                </div>
                <div class="text-center mt-2">
                    <button type="submit" class="btn btn-primary btn-hover-shine btn-lg">Search</button>
                </div>

            </form>


        </div>
    </div>
    <div class="main-card mb-3 card">
        <div class="card-body">
            <ul class="nav nav-tabs">
                <li class="nav-item">
                    <a data-bs-toggle="tab" href="#home"
                        class="active nav-link custom-nav-link">{{ __('exam._exam_results') }}</a>
                </li>
                <li class="nav-item">
                    <a data-bs-toggle="tab" href="#home-user"
                        class=" nav-link custom-nav-link">{{ __('exam._exam_user_results') }}</a>
                </li>
                <li class="nav-item">
                    <a data-bs-toggle="tab" href="#subject-result"
                        class=" nav-link custom-nav-link">{{ __('exam.subject-result') }}</a>
                </li>
                <li class="nav-item">
                    <a data-bs-toggle="tab" href="#exam-result"
                        class=" nav-link custom-nav-link">{{ __('exam.subject-result') }}</a>
                </li>
                {{-- <li class="nav-item">
                    <a data-bs-toggle="tab" href="#trash" class="nav-link">
                        {{ __('core.trash') }}
                    </a>
                </li> --}}
            </ul>
            <div class="tab-content">
                <div class="tab-pane active " id="home" role="tabpanel">
                    @include('exam::exam_results.partials.exam_list')
                </div>
                <div class="tab-pane" id="home-user" role="tabpanel">

                    @include('exam::exam_results.partials.exam_user.exam_list_user')
                </div>
                <div class="tab-pane" id="subject-result" role="tabpanel">
                    @include('exam::exam_results.partials.exam_subject.exam_list_subject')
                </div>
                <div class="tab-pane" id="exam-result" role="tabpanel">
                    @include('exam::exam_results.partials.result_by_exam.exam_list_exam')
                </div>
                {{-- <div class="tab-pane" id="trash" role="tabpanel">
                    @include('exam::exam_results.partials.trash_list')

                </div> --}}
            </div>
        </div>
    </div>
@endsection
@push('script')
    <script type="text/javascript">
        $(document).ready(function() {

            $(document).on("click", '.nav-link', function() {
                const fullHref = $(this)[0].href;
                const hashPart = fullHref.substring(fullHref.indexOf('#')); // Extracts #idname
                if (hashPart == "#exam-result") {
                    $('.add-exam-result').find(".select_subject_id").attr("disabled",true);
                    $('.add-exam-result').find(".select_exam_id").attr("disabled",true);
                    $('.add-exam-result').find(".select_subject_id").parent("div").addClass("d-none");
                    $('.add-exam-result').find(".select_exam_id").parent("div").addClass("d-none");
                }
                if (hashPart == "#subject-result") {
                    $('.add-exam-result').find(".select_subject_id").attr("disabled",true);
                    $('.add-exam-result').find(".select_exam_id").removeAttr("disabled");
                    $('.add-exam-result').find(".select_subject_id").parent("div").addClass("d-none");
                    $('.add-exam-result').find(".select_exam_id").parent("div").removeClass("d-none");
                }
                if (!(hashPart == "#exam-result") && !(hashPart == "#subject-result")) {
                    $('.add-exam-result').find(".select_subject_id").removeAttr("disabled");
                    $('.add-exam-result').find(".select_exam_id").removeAttr("disabled");
                    $('.add-exam-result').find(".select_subject_id").parent("div").removeClass("d-none");
                    $('.add-exam-result').find(".select_exam_id").parent("div").removeClass("d-none");
                }



            })

            $(document).on("change", ".select_business_id", function(e) {
                business_id = $(this).val();
                $.ajax({
                    method: "post",
                    url: "{{ route('exam_schedules.getDataByBusinessId') }}",
                    data: {
                        "business_id": business_id,
                    },
                    success: function(response) {
                        updateDropdown($(".select_academic_year_id"), response
                            .academic_years, true);
                        updateDropdown($(".select_academic_class_id"), response
                            .academic_classes, true);
                        updateDropdown($(".select_exam_id"), response.exams, true);
                    }
                })
            })


            // this function loads the filtered data

            var academic_basic_settings = null;
            $(".select_academic_year_id").on('change', function() {
                let academic_year_id = $(this).val();
                $.ajax({
                    method: "post",
                    url: "{{ route('academic.academic_settings.load_academic_class_by_academic_year') }}",
                    data: {
                        academic_year_id
                    },
                    success: function(result) {
                        academic_basic_settings = result.basic_settings_arr
                        updateDropdown($(".select_academic_class_id"), result.academic_class,
                            true);
                    }
                })
            })

            $(".select_academic_class_id").on('change', function() {
                let academic_class_id = $(this).val();
                $.ajax({
                    method: "post",
                    url: "{{ route('academic.academic_settings.load_subject_by_academic_class') }}",
                    data: {
                        academic_basic_settings,
                        academic_class_id
                    },
                    success: function(result) {
                        updateDropdown($(".select_subject_id"), result, true);
                    }
                })
            })

            $(document).on("change", ".select_business_id", function(e) {
                business_id = $(this).val();
                $.ajax({
                    method: "post",
                    url: "{{ route('exam_results.getDataByBusinessId') }}",
                    data: {
                        "business_id": business_id,
                    },
                    success: function(response) {
                        // updateDropdown($(".select_academic_year_id"), response
                        //     .academic_year_list, true);
                        // updateDropdown($(".select_academic_class_id"), response
                        //     .academic_class_list, true);
                        // updateDropdown($(".select_exam_id"), response.exam_list, true);
                        // updateDropdown($(".select_subject_id"), response.subject_list, true);
                        updateDropdown($(".select_user_id"), response.user_list, true);
                        // updateDropdown($(".select_class_room"), response.class_room_list, true);
                    }
                })
            })

            $(document).on("change", ".select_academic_year_id", function(e) {
                if ($(".select_academic_year_id").val() && $(".select_academic_class_id").val()) {
                    $.ajax({
                        method: "post",
                        url: "{{ route('exam_results.filter_student') }}",
                        data: {
                            "business_id": business_id,
                            "academic_year_id": $(".select_academic_year_id").val(),
                            "academic_class_id": $(".select_academic_class_id").val()
                        },
                        success: function(response) {
                            updateDropdown($(".select_user_id"), response, true);
                            // updateDropdown($(".select_class_room"), response.class_room_list, true);
                        }
                    })
                }
            })
            $(document).on("change", ".select_academic_class_id", function(e) {
                if ($(".select_academic_year_id").val() && $(".select_academic_class_id").val()) {
                    $.ajax({
                        method: "post",
                        url: "{{ route('exam_results.filter_student') }}",
                        data: {
                            "business_id": business_id,
                            "academic_year_id": $(".select_academic_year_id").val(),
                            "academic_class_id": $(".select_academic_class_id").val()
                        },
                        success: function(response) {
                            updateDropdown($(".select_user_id"), response, true);
                            // updateDropdown($(".select_class_room"), response.class_room_list, true);
                        }
                    })
                }
            })

            function updateDropdown($select, data, selected) {
                $select.empty(); // Clear the existing options
                // Add default option
                $select.append($('<option></option>').attr('value', '').text(
                    'Please Select'));
                // Add the new options
                $.each(data, function(key, value) {
                    $select.append($('<option></option>').attr('value', key).text(value));
                });

                if (selected) {
                    // Select the last option
                    $select.find('option:first').prop('selected', true);
                }
            }

            var mydata = {};

            $(document).on("submit", ".add-exam-result", function(e) {
                e.preventDefault();
                var data = $(this).serialize();
                console.log("data", data);
                const fullHref = $(".custom-nav-link.active").attr(
                    "href"); // Use .attr('href') to get the href attribute
                const hashPart = fullHref.substring(fullHref.indexOf('#'));
                if (hashPart == "#subject-result") {
                    loaddata2($(this).attr('method'), "{{ route('exam_results.result_by_subject') }}",
                        data)

                } else if (hashPart == "#exam-result") {
                    console.log("asdfsd");
                    loaddata3($(this).attr('method'), "{{ route('exam_results.result_by_exam') }}",
                        data)
                } else {
                    loaddata($(this).attr('method'), $(this).attr("action"), data)
                }

            })

            $(document).on("click", ".submit_btn", function() {
                console.log("click");

            })


            $(document).on('submit', '#exam_result_form', function(e) {
                e.preventDefault();
                $(this).find('button[type="submit"]').attr('disabled', false);
                var data = $(this).serialize();

                $.ajax({
                    method: $(this).attr('method'),
                    url: $(this).attr("action"),
                    dataType: "json",
                    data: data,
                    success: function(result) {
                        if (result.success == true) {
                            $("#exam_result_form").parent().closest('.modal').modal("hide");
                            toastr.success(result.msg);
                            exam_table.ajax.reload();
                        } else {
                            toastr.error(result.msg);
                            if (result.details) {
                                if (result.details.exam_name) {
                                    document.getElementById("exam_name_msg").innerText =
                                        result
                                        .details.exam_name[0];
                                } else {
                                    document.getElementById("exam_name_msg").innerText = '';
                                }
                            }
                        }
                    },
                    error: function(response) {
                        // Clear previous error messages
                        $("#exam_result_form").find('.text-danger').remove();

                        if (response.status === 422) {
                            // Validation errors
                            var errors = response.responseJSON.errors;
                            for (var field in errors) {
                                // Find the input field and add the error message
                                let key = field;
                                let parts = key.split('.');
                                let input_name = parts[0]; // "input field name value"
                                let index = parts[1];
                                if (index) {
                                    var $input = $('[name="' + input_name + '[]"]')[index];
                                    let span = document.createElement("span");
                                    span.classList.add("text-danger");
                                    span.innerText = errors[field][0];
                                    $input.parentElement.appendChild(span);
                                } else {
                                    var $input = $('[name="' + field + '"]');
                                    let span = document.createElement("span");
                                    span.classList.add("text-danger");
                                    span.innerText = errors[field][0];
                                    $input[0].parentElement.appendChild(span);
                                }
                                toastr.error(errors[field][0]);

                            }
                        } else {
                            toastr.error('An unexpected error occurred.');
                        }

                        // Re-enable submit button
                    }
                });
            });


            $(document).on('click', 'button.toggle_exam_button', function(e) {
                e.preventDefault();
                var data = $(this).serialize();
                data = {
                    "_token": "{{ csrf_token() }}"
                }
                Swal.fire({
                    // type: "warning",
                    title: "{{ __('common.sure') }}",
                    text: "{{ __('common.confirm_update_status') }}",
                    icon: "warning"
                }).then((willUpdate) => {
                    console.log(willUpdate)
                    if (willUpdate.isConfirmed) {
                        $.ajax({
                            url: $(this).attr("data-href"),
                            method: "PUT",
                            dataType: "json",
                            data: data,
                            success: function(result) {
                                console.log(result)
                                if (result.success == true) {
                                    toastr.success(result.msg);
                                    exam_table.ajax.reload();
                                } else {
                                    toastr.error(result.msg);
                                }
                            }
                        });
                    }
                })
            });

            // exams delete
            $(document).on('click', '.delete_exam_button', function() {
                var url = $(this).data('href');
                Swal.fire({
                    title: "{{ __('common.sure') }}",
                    text: "{{ __('exam.confirm_delete_exam') }}",
                    icon: 'warning',
                    buttons: true,
                    dangerMode: true,
                }).then((willDelete) => {
                    if (willDelete.isConfirmed) {
                        var href = url;
                        var data = $(this).serialize();
                        data = {
                            "_token": "{{ csrf_token() }}"
                        }
                        $.ajax({
                            method: 'DELETE',
                            url: href,
                            dataType: 'json',
                            data: data,
                            success: function(result) {
                                if (result.success == true) {
                                    toastr.success(result.msg);
                                    exam_table.ajax.reload();
                                    trash_exam_table.ajax.reload();
                                } else {
                                    swal({
                                        title: LANG.sure,
                                        text: result.msg,
                                        icon: 'warning',
                                        buttons: true,
                                        dangerMode: true,
                                    }).then((willDelete) => {
                                        if (willDelete.isConfirmed) {
                                            var href = url;
                                            var data = {
                                                delete: 'all'
                                            };

                                            $.ajax({
                                                method: 'DELETE',
                                                url: href,
                                                dataType: 'json',
                                                data: data,
                                                success: function(
                                                    result) {
                                                    if (result
                                                        .success ==
                                                        true) {
                                                        toastr
                                                            .success(
                                                                result
                                                                .msg
                                                            );
                                                        exam_table
                                                            .ajax
                                                            .reload();
                                                        trash_exam_table
                                                            .ajax
                                                            .reload();
                                                    } else {
                                                        toastr
                                                            .error(
                                                                result
                                                                .msg
                                                            );
                                                    }
                                                },
                                            });
                                        }
                                    })
                                }
                            },
                        });
                    }
                });
            });

            // delete trash
            $(document).on('click', '.force_delete_exam_button', function() {
                Swal.fire({
                    title: "{{ __('common.sure') }}",
                    text: "{{ __('common.confirm_force_delete') }}",
                    icon: 'warning',
                    buttons: true,
                    dangerMode: true,
                }).then((willDelete) => {
                    if (willDelete.isConfirmed) {
                        var href = $(this).data('href');
                        var data = $(this).serialize();
                        data = {
                            "_token": "{{ csrf_token() }}"
                        }
                        $.ajax({
                            method: 'DELETE',
                            url: href,
                            dataType: 'json',
                            data: data,
                            success: function(result) {
                                if (result.success == true) {
                                    toastr.success(result.msg);
                                    trash_exam_table.ajax.reload();
                                    exam_table.ajax.reload();
                                } else {
                                    toastr.error(result.msg);
                                }
                            },
                        });
                    }
                });
            });

            // restore
            $(document).on('click', '.restore_exam_button', function() {
                Swal.fire({
                    title: "{{ __('common.sure') }}",
                    text: "{{ __('common.confirm_restore') }}",
                    icon: 'warning',
                    buttons: true,
                    dangerMode: false,
                }).then((willRestore) => {
                    if (willRestore.isConfirmed) {
                        var href = $(this).data('href');
                        var data = $(this).serialize();
                        data = {
                            "_token": "{{ csrf_token() }}"
                        }
                        $.ajax({
                            method: 'POST',
                            url: href,
                            dataType: 'json',
                            data: data,
                            success: function(result) {
                                if (result.success == true) {
                                    toastr.success(result.msg);
                                    trash_exam_table.ajax.reload();
                                    exam_table.ajax.reload();
                                } else {
                                    toastr.error(result.msg);
                                }
                            },
                        });
                    }
                });
            });

            $(document).on("input", 'input[type="number"]', function() {
                const max = parseInt($(this).attr('max')); // Get max attribute value
                const value = parseInt($(this).val()); // Get the current input value

                if (value > max) {
                    $(this).val(max); // Reset to max if the value exceeds the maximum
                }
            })

            function loaddata(method, url, data) {
                $.ajax({
                    method: method,
                    url: url,
                    data: data,
                    success: function(response) {
                        if ($.fn.DataTable.isDataTable('.exam-result-form')) {
                            $('.exam-result-form').DataTable().destroy();
                        }
                        if ($.fn.DataTable.isDataTable('#trash_exam_result_table')) {
                            $('#trash_exam_result_table').DataTable().destroy();
                        }
                        if (response && response.homeData && response.homeData.length > 0) {
                            $(".exam-result-form").find("[type='submit']").show()
                        } else {

                            $(".exam-result-form").find("[type='submit']").hide()
                        }

                        // Replace the table body with the new data
                        if (response && response.homeData && response.homeData.length > 0) {
                            $('.exam-result-table-data').html('');
                            $('.exam-result-table-data').html(response.homeData);
                        } else {
                            $('.exam-result-table-data').html("");
                        }
                        if (response && response.homeUserData && response.homeUserData.length > 0) {
                            $('.exam-result-table-user-data').html('');
                            $('.exam-result-table-user-data').html(response.homeUserData);
                        } else {
                            $('.exam-result-table-user-data').html("");
                        }
                        // $('#trash').html(response.trashData);

                    },
                    error: function(response) {
                        console.log(response);
                    }
                })
            }

            function loaddata2(method, url, data) {
                $.ajax({
                    method: method,
                    url: url,
                    data: data,
                    success: function(response) {
                        if ($.fn.DataTable.isDataTable('.exam-result-form')) {
                            $('.exam-result-form').DataTable().destroy();
                        }
                        if ($.fn.DataTable.isDataTable('#trash_exam_result_table')) {
                            $('#trash_exam_result_table').DataTable().destroy();
                        }
                        if (response && response.homeData && response.homeData.length > 0) {
                            $(".exam-result-form").find("[type='submit']").show()
                        } else {

                            $(".exam-result-form").find("[type='submit']").hide()
                        }

                        // Replace the table body with the new data
                        if (response && response.homeData && response.homeData.length > 0) {
                            $('.exam-result-table-subject-data').html('');
                            $('.exam-result-table-subject-data').html(response.homeData);
                        } else {
                            $('.exam-result-table-subject-data').html("");
                        }

                        // $('#trash').html(response.trashData);

                    },
                    error: function(response) {
                        console.log(response);
                    }
                })
            }
            function loaddata3(method, url, data) {
                $.ajax({
                    method: method,
                    url: url,
                    data: data,
                    success: function(response) {
                        if ($.fn.DataTable.isDataTable('.exam-result-form')) {
                            $('.exam-result-form').DataTable().destroy();
                        }
                        if ($.fn.DataTable.isDataTable('#trash_exam_result_table')) {
                            $('#trash_exam_result_table').DataTable().destroy();
                        }
                        if (response && response.homeData && response.homeData.length > 0) {
                            $(".exam-result-form").find("[type='submit']").show()
                        } else {

                            $(".exam-result-form").find("[type='submit']").hide()
                        }

                        // Replace the table body with the new data
                        if (response && response.homeData && response.homeData.length > 0) {
                            $('.exam-result-table-exam-data').html('');
                            $('.exam-result-table-exam-data').html(response.homeData);
                        } else {
                            $('.exam-result-table-exam-data').html("");
                        }

                        // $('#trash').html(response.trashData);

                    },
                    error: function(response) {
                        console.log(response);
                    }
                })
            }
        });
    </script>
@endpush