<style>
    table.dataTable tfoot th {
        font-weight: 600 !important;
    }

    .form-group .bootstrap-select>.dropdown-toggle {
        padding: 9px 9px !important;
        font-size: 12px !important;
        border: 1px solid #c8c8c8 !important;
        background: #fff !important;
    }

    .error {
        color: red;
        font-size: 12px;
    }
</style>
<div class="wraper responsive-width">

    <main class="long-tbl-main" id="main">
        <!-- admin template section -->
        <div class="admin_tempblock">
            <div class="admin_tempsec">
                <div class="admin_sec">

                    <div class="subsec_sec" style="display:block">
                        <div class="subject_lsec dashboard_graph report_sec_graph">

                            <div class="report_sec_cover">
                                <div class="report_sec_left">
                                    <?php
                                    $currency_symbol =  $school_info['currency_symbol'];

                                    $theExportHeader = '';
                                    $today_date_time_array = explode(' ', $today_date);
                                    // $today_date_array = $today_date_time_array[0];
                                    $today_date_array = explode('-', $today_date_time_array[0]);
                                    $current_year = $today_date_array[0];
                                    if (isset($school_info) && !empty($school_info)) {
                                        $theExportHeader = $school_info['school_name'] . '\n'  . '\n Annual Report - ' . $current_year;
                                    }
                                    ?>
                                </div>


                                <div class="subject_lhead">Reports</div>
                                <?php
                                $SearchBatch = (isset($search_batch) && !empty($search_batch)) ? $search_batch : $school_info['batch_id'];
                                $SearchCourse = (isset($search_course_id) && !empty($search_course_id)) ? $search_course_id : '';
                                $SearchSection = (isset($search_section) && !empty($search_section)) ? $search_section : '';
                                $search_feetype = (isset($search_feetype) && !empty($search_feetype)) ? $search_feetype : array();
                                $search_start_paid_date = (isset($search_start_paid_date) && !empty($search_start_paid_date)) ? date('Y-m-d', strtotime($search_start_paid_date)) : '';
                                $search_end_paid_date = (isset($search_end_paid_date) && !empty($search_end_paid_date)) ? date('Y-m-d', strtotime($search_end_paid_date))  : '';
                                ?>
                                <form id="searchFilters" action="<?= base_url(); ?>admin/getreport" method="POST">

                                    <div class="row">
                                        <div class="col-md-12">
                                            <div class="row">
                                                <div class="col-md-3">
                                                    <div class="subject-filter">
                                                        <label>Select Batch</label>
                                                        <select id="f_batch" name="f_batch" class=" form-control">
                                                            <option value="">Select Batch</option>
                                                            <?php if (isset($batches) || !empty($batches)) {
                                                                foreach ($batches as $row) {
                                                                    $b_selected = ($row['id'] == $SearchBatch) ? 'selected' : '';
                                                            ?>

                                                                    <option value="<?php echo $row['id'] ?>" <?= $b_selected; ?>>
                                                                        <?php echo $row['b_name']; ?></option>

                                                            <?php    }
                                                            } ?>
                                                        </select>
                                                        <div class="text-danger cierr"><?php echo form_error('f_batch'); ?></div>
                                                    </div>
                                                </div>
                                                <div class="col-md-3">
                                                    <div class="subject-filter">
                                                        <label>Select Course</label>
                                                        <select id="f_course" name="f_course" class=" form-control">
                                                            <option value="">Select Course</option>
                                                            <?php if (isset($course) || !empty($course)) {
                                                                foreach ($course as $row) {
                                                                    $cselected = ($row['id'] == $SearchCourse) ? 'selected' : '';
                                                            ?>

                                                                    <option value="<?php echo $row['id'] ?>" <?= $cselected; ?>>
                                                                        <?php echo $row['course_name']; ?></option>

                                                            <?php    }
                                                            } ?>
                                                        </select>
                                                    </div>
                                                </div>
                                                <div class="col-md-3">
                                                    <div class=" form-group subject-filter">
                                                        <label>Select Section</label>
                                                        <?php
                                                        $SearchSection = (!empty($SearchSection)) ? $SearchSection : array();
                                                        if (!empty($SearchSection) && (isset($sections) && !empty($sections))) { ?>
                                                            <select id="f_section" id="f_section" name="f_section[]" class=" form-control selectpicker" multiple>
                                                                <option value="" disabled>Select Section</option>
                                                                <?php
                                                                foreach ($sections as $fs_value) {

                                                                    // $seselected=($fs_value['section_id'] == $SearchSection) ? 'selected' :'';
                                                                ?>
                                                                    <option value="<?= $fs_value['section_id']; ?>" <?php echo (in_array($fs_value['section_id'], $SearchSection)) ? "selected" : ""; ?>><?= $fs_value['section_name'] ?></option>

                                                                <?php
                                                                } ?>
                                                            </select>
                                                        <?php } else { ?>
                                                            <select id="f_section" id="f_section" name="f_section[]" class="form-control selectpicker" multiple>
                                                                <option value="">Select Section</option>

                                                            </select>
                                                        <?php } ?>
                                                    </div>
                                                </div>
                                                <div class="col-md-3">
                                                    <div class="form-group subject-filter">
                                                        <label>Select FeeType</label>

                                                        <select id="f_feetype" name="f_feetype[]" class=" form-control selectpicker" multiple>
                                                            <option value="" disabled>Select FeeType</option>
                                                            <?php

                                                            $fees_types = (isset($fees_types) && !empty($fees_types)) ? $fees_types : array();
                                                            if ($fees_types != '') {
                                                                foreach ($fees_types as $f_value) {
                                                                    // $f_selected = ($f_value['feetype_name'] == $search_feetype) ? 'selected' : '';
                                                            ?>
                                                                    <option value="<?php echo $f_value['id'] ?>" <?php echo (in_array($f_value['id'], $search_feetype)) ? 'selected' : ''; ?>><?php echo $f_value['feetype_name'] ?> </option>
                                                            <?php }
                                                            } ?>
                                                        </select>
                                                    </div>
                                                </div>
                                            </div>

                                            <div class="row">
                                                <div class="col-md-3">
                                                    <div class="date-filter">
                                                        <div class="date-fil-row">
                                                            <label>Select Start Date</label>
                                                            <input type="text" name="f_start_paid_date" class="form-control w-100 nepal-date" value="<?php echo $search_start_paid_date; ?>" placeholder='dd-mm-yyyy'>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-md-3">
                                                    <div class="date-filter">
                                                        <div class="date-fil-row">
                                                            <label>Select End Date</label>
                                                            <input type="text" name="f_end_paid_date" class="form-control w-100 nepal-date" value="<?php echo $search_end_paid_date; ?>" placeholder='dd-mm-yyyy'>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-md-3">
                                                    <div class="date-filter pt-4"> <input type="submit" name="filtersubmit" id="filter_reset1" class="btn btn-success w-100" value="Filter"></div>
                                                </div>
                                                <div class="col-md-3">
                                                    <div class="date-filter pt-4"><a href="<?php echo base_url() ?>admin/getreport">
                                                            <div class="date-filter"> <button type="button" name="reset_filter" id="reset_filter" value="reset_filter" class="subject_addbtn subject_addbtn_nobg"><i class="fas fa-redo"></i>Reset</button>
                                                        </a></div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                </form>

                            </div>
                        </div>


                        <!-- new divs added -->
                        <div class="tab-content">
                            <!-- new divs added -->
                            <div class="applicnts-list-wrap ">
                                <div class=" ">
                                    <!-- changed ID -->
                                    <table id="tbl1" class="display">
                                        <thead>
                                            <tr>
                                                <th>S.No</th>
                                                <th>Roll No</th>
                                                <th>Student Name</th>
                                                <th>Section</th>
                                                <?php
                                                if (isset($selected_fee_types) && !empty($selected_fee_types)) {
                                                    foreach ($selected_fee_types as $sftypes) {
                                                ?>
                                                        <th><?php echo $sftypes['feetype_name']; ?></th>
                                                <?php
                                                    }
                                                }
                                                ?>
                                                <th>Total Assigned Amount</th>
                                                <th>Paid Amount</th>
                                                <th>Diduction Amount</th>
                                                <th>Fine Amount</th>
                                                <th>Due Amount</th>




                                            </tr>
                                        </thead>
                                        <tbody>
                                            <?php
                                            $tdCnt = 1;
                                            if (isset($studentlist) && !empty($studentlist)) {
                                                // dd($studentlist);
                                                // echo '<pre>';
                                                // print_r($studentlist);
                                                $sno = 1;
                                                foreach ($studentlist as $student) {
                                                    // echo '<pre>';
                                                    // var_dump($student);
                                                    $tdCnt = 9;
                                            ?>
                                                    <tr>
                                                        <td><?php echo $sno; ?></td>
                                                        <td><?php echo $student['roll_no'] ?></td>
                                                        <td><?php echo $student['name'] ?></td>
                                                        <td><?php echo $student['section_name'] ?></td>
                                                        <?php
                                                        // dd($selected_fee_types);
                                                        if (isset($selected_fee_types) && !empty($selected_fee_types)) {
                                                            $rowtotalAmt = 0;
                                                            $rowpaidAmt = 0;
                                                            $rowdidAmt = 0;
                                                            $rowdueAmt = 0;
                                                            $rowFineAmt = 0;
                                                            foreach ($selected_fee_types as $sftypes) {
                                                                //echo '<pre>'; print_r($sftypes) ;
                                                                $rowtotalAmt = ($rowtotalAmt + $student[$sftypes['feetype_name']]['total_amt']);
                                                                $rowpaidAmt = ($rowpaidAmt + $student[$sftypes['feetype_name']]['paid_amt']);
                                                                $rowdidAmt = ($rowdidAmt + $student[$sftypes['feetype_name']]['diduction_amt']);
                                                                $rowdueAmt = ($rowdueAmt + $student[$sftypes['feetype_name']]['pending_amt']);
                                                                $rowFineAmt = ($rowFineAmt + $student[$sftypes['feetype_name']]['fine_amt']);
                                                        ?>
                                                                <td><?php echo $student[$sftypes['feetype_name']]['paid_amt']; ?></td>
                                                        <?php
                                                                $tdCnt++;
                                                            }
                                                            //exit;
                                                        }
                                                        ?>
                                                        <td><?php echo $rowtotalAmt; ?></td>
                                                        <td><?php echo $rowpaidAmt; ?></td>
                                                        <td><?php echo $rowdidAmt; ?></td>
                                                        <td><?php echo $rowFineAmt; ?></td>
                                                        <td><?php echo $rowdueAmt; ?></td>

                                                    </tr>

                                            <?php $sno++;
                                                }
                                            } ?>

                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>

            </div>
            <!-- admin template section end -->
    </main>
    <!--End right-top side-->

</div>


<script defer src="<?php echo base_url(); ?>assets_admin/js/bootstrap-select.min.js"></script>


<script>
    $(document).ready(function() {
        $("#searchFilters").validate({
            rules: {
                f_batch: 'required',
                f_course: 'required'
            },
            submitHandler: function(form, e) {
                e.preventDefault();
                form.submit();
            }
        });
    });

    $('#f_course').change(function() {
        var course = $('#f_course option:selected').val();
        // alert(course);
        var divData = '';
        if (course != '' && course != 0) {

            $.ajax({
                url: "<?php echo base_url(); ?>Admin/get_section_by_course",
                method: "POST",
                data: {
                    course_id: course
                },
                dataType: "json",
                success: function(response) {
                    // console.log(response);
                    // section options code and start from here 

                    divData += "<option value='' disabled> Select Section </option>";
                    if (response.sections != '') {
                        $.each(response.sections, function(i, sectiondata) {
                            divData += "<option value='" + sectiondata.section_id + "'>" + sectiondata.section_name + "</option>";
                        });
                    }
                    // $('#course_error_msg').text();
                    else {
                        divData += "<option value=''> -- No Section's Found --</option>";

                    }
                    $('#f_section').empty().append(divData).selectpicker("refresh");

                    // section options code here End from here 

                }
            });
        } else {
            divData = "<option value=''> -- Select Section -- </option>";
            $('#f_section').empty().append(divData);
        }
    });


    $(document).ready(function() {
        $('.user-drpdown').click(function() {
            $('.drpdown-items').toggle();
        });
        var jsTheExportHeader = '<?php echo $theExportHeader; ?>';
        var currency_symbol = "<?php echo $currency_symbol; ?>";
        var tdCnt = "<?php echo $tdCnt; ?>";
        // alert(tdCnt);
        var theTdStr = new Array();
        for (let n = 0; n < tdCnt; n++) {
            theTdStr.push(n);
        }
        console.log(theTdStr);
        //table js
        $('#tbl1').DataTable({
            "lengthMenu": [
                [100, -1],
                [100, "All"]
            ],
            "dom": 'lBfrtip',
            "buttons": [{
                    extend: 'pdfHtml5',
                    // orientation: 'landscape',
                    exportOptions: {
                        columns: theTdStr,

                    },
                    orientation: 'landscape',
                    pageSize: 'A4'
                    // messageTop: 'The information in this table is copyright to Sirius Cybernetics Corp.'
                },
                {
                    extend: 'csvHtml5',
                    exportOptions: {
                        columns: theTdStr
                    },
                    messageTop: 'The information in this table is copyright to Sirius Cybernetics Corp.'
                },
                {
                    extend: 'excelHtml5',
                    header: true,
                    footer: true,
                    title: jsTheExportHeader,

                    exportOptions: {
                        columns: "thead th:not(.noExport)",
                        rows: function(indx, rowData, domElement) {
                            return $(domElement).css("display") != "none";
                        }
                    },
                    customize: function(xlsx) {
                        var sheet = xlsx.xl.worksheets['sheet1.xml'];

                        $('row c[r^="C"]', sheet).attr('s', '2');
                    }
                }
            ]
        });


        //table js end
        //multiple select js start
        $('#f_section').selectpicker();
        $('#f_feetype').selectpicker();
        //multiple select js end
    });
</script>

</body>

</html>