@php
    // dd($newprogram);
    $academicyears = [1 => '1st', 2 => '2nd', 3 => '3rd', 4 => '4th', 5 => '5th'];
@endphp
<input type="hidden" id="previous_program" value="{{$currentprogram}}"/>
<form enctype="multipart/form-data" method="post" id="filterFormId">
    @csrf
    <table class="table w-full table-hover table-bordered table-striped clsDataTable sticky-table" id="table_col">
        <thead class="sticky-head" id="table-header">
            <tr>
                <th width="5%">SL</th>
                <th width="10%">Student</th>
                <th width="10%">Hall ID</th>
                <th width="8%">Admission Session</th>
                <th width="12%">Department</th>
                <th width="10%">Program</th>
                <th width="10%">Current Year</th>
                <th width="10%">Registration No</th>
                <th width="10%">Roll No</th>
                <th width="10%">Passed</th>
                <th width="8%">Result</th>
            </tr>
        </thead>
        <tbody>
            @foreach($DataSet as $index => $data)
                <tr>
                 
                    <td class="text-center">{{ $data['sl'] }}</td>
                    <td>{!! $data['full_name'] !!}</td>
                    <td class="text-center">{!! $data['hall_id'] !!}</td>
                    <td class="text-center">{!! $data['admission_session'] !!}</td>
                    <td>{!! $data['department'] !!}</td>
                    <td class="">{!! $data['program'] !!}</td>
                    <td class="">{!! $academicyears[$data['current_year']] !!}</td>
                    <td class="text-center">{!! $data['registration_no'] !!}</td>
                    <td class="text-center">{!! $data['roll_no'] !!}</td>
                    <td class="text-center">{!! $data['status'] !!}</td>
                    <td class="text-center">{!! $data['result'] !!}</td>
                </tr>
            @endforeach
        </tbody>
    </table>

    <div class="row mt-2">
        <div class="col-lg-2 col-md-2"></div>
   
        <div class="col-lg-3 col-md-3 form-group">
            <label class="input-title RequiredStar">Academic Session</label>
            <div class="input-group">
                <select id="add_session_id" name="session_id" class="form-control clsSelect2" style="width: 100%" >
                </select>
            </div>
        </div>
        <div class="col-lg-3 col-md-3 form-group">
            <label class="input-title RequiredStar">Academic Program</label>
            <div class="input-group">
                <select class="form-control clsSelect2" name="aca_program" id="aca_program" required style="width: 100%">
                    @foreach ($newprogram as $key => $program)
                        <option value="{{ $key }}">{{ $program }}</option>
                    @endforeach
                </select>
                
            </div>
        </div>

        <div class="col-lg-3 col-md-3 form-group"style="margin-top: 24px">
            <div class="input-group">
                <a href="javascript:void(0)" onclick="fnPromoteYear('promote');"
                class="btn btn-outline-success"><i class="fa-solid fa-paper-plane" aria-hidden="true"></i>&nbsp;&nbsp; Promote Program </a>
                
            </div>
        </div>

    <div>
</form>



<script type="text/javascript">
    $(document).ready(function () {
        $('.clsSelect2').select2();
        
    });

    callApi("{{ route('hms_getSession', '') }}/", 'get',  {},
        function(response, textStatus, xhr) {
            $('#add_session_id').val(null).trigger('change');
            $('#add_session_id').select2({
                // dropdownParent: $("#commonModal"),
                data: response,
                escapeMarkup: function(markup) {
                    return markup;
                },
                templateResult: function(data) {
                    return data.html;
                },
                templateSelection: function(data) {
                    return data.text;
                }
            });
        }
    );


    $( ".isPassed" ).on( "click", function(){
        let idText = $(this).attr('id');
            idText = idText.split("_");
            idText = idText[1];

        if($(this).is(':checked')){
            $('#result_' + idText).prop('readonly', false);
            $('#result_' + idText).prop('disabled', false);

        }else{
            $('#result_' + idText).prop('readonly', true);
            $('#result_' + idText).prop('disabled', true);
        }
    });

    $('.datepicker-custom').datepicker({
        // format: 'dd-mm-yyyy',
        dateFormat: 'dd-mm-yy',
        orientation: 'bottom',
        autoclose: true,
        todayHighlight: true,
        changeMonth: true,
        changeYear: true,
        yearRange: '1900:+10',
    }).keydown(false);

    function fnPromoteYear(action) {

        var prev = $('#previous_program').val();
        var nowp = $('#aca_program').val();
        
        
        var studentIdArr = [];
        var resultArr = [];
        var count = 0;
       
        var academicProgram = $('#aca_program').val();
        var academicsession = $('#add_session_id').val();
        if(prev == nowp || prev>nowp){
            swal({
                    icon: 'error',
                    title: 'Error',
                    text: 'Please select Proper Program!',
            });
            return false;
        }

        $('.isPassed').each(function() {
            if($(this).is(':checked')){
                
                var rowId = $(this).attr('data');
                studentIdArr.push(rowId);

                let idText = $(this).attr('id');
                idText = idText.split("_");
                idText = idText[1];

                let result = $('#result_' + idText).val();
                resultArr.push(result);

                count = count + 1;
            }
        });
        if(count != 0){
            $.ajax({
                method: "GET",
                url: "{{ route('promoteProgram') }}",
                dataType: "json",
                data: {
                    'studentIdArr' : studentIdArr,
                    'resultArr'    : resultArr,
                    'academicProgram' : academicProgram,
                    'academicsession': academicsession,
                    'action' : action
                },
                success: function(data) {
                    if (data) {
                        if (data['alert-type'] == 'error') {
                            toastr.error(data['message']);
                        }
                        else{
                            toastr.success(data['message']);
                            $("#reportingDiv").empty();
                            $("#reportingDiv").load('{{ url()->current() }}' + '?' + $("#filterFormId").serialize());
                        }
                    }else{
                        toastr.error("Unsuccessful to add result");
                    }
                }
            });
        } else{
            swal({
                icon: 'warning',
                title: 'Warning',
                text: 'Please Select At least One student !!',
            });
            return false;
        }
    }
    
</script>