@extends('Layouts.hms_master_full_width')
@section('content')

    <!-- Search Option Start -->
    @php
        $elementArray = array();
        $elementArray['academicSession'] = ['label' => 'Academic Session', 'type' => 'select', 'id' => 'session_id', 'name' => 'session_id', 'onload' => true];
        $elementArray['academicDepartment'] = ['label' => 'Academic Department', 'type' => 'select', 'id' => 'department_id', 'name' => 'department_id', 'onload' => true];
        $elementArray['academicStatus'] = ['label' => 'Academic Program', 'type' => 'select', 'id' => 'academic_status', 'name' => 'academic_status', 'onload' => true];
        $elementArray['academicYear'] = ['label' => 'Academic Year', 'type' => 'select', 'id' => 'academic_year', 'name' => 'academic_year', 'onload' => true];
        $elementArray['text'] = ['label' => 'Name/Hall ID/Reg No', 'type' => 'text', 'id' => 'text_search', 'name' => 'text_search', 'onload' => true];
        $elementArray['startDate'] = ['label' => 'start Date', 'type' => 'startDate', 'id' => 'startDate', 'name' => 'startDate', 'onload' => true];
        $elementArray['endDate']   = ['label' => 'End Date', 'type' => 'endDate', 'id' => 'endDate', 'name' => 'endDate', 'onload' => true];

        $elementArray['building'] = ['label' => 'Building', 'type' => 'select', 'id' => 'building_id', 'name' => 'building_id', 'onload' => true];
        
        $elementArray['room'] = ['label' => 'Rooms', 'type' => 'select', 'id' => 'room_id', 'name' => 'room_id','default_option' => 'All'];
        // $elementArray['floor'] = ['label' => 'Floor', 'type' => 'select', 'id' => 'floor_id', 'name' => 'floor_id','default_option' => 'All'];
        $elementArray['seat'] = ['label' => 'Seats', 'type' => 'select', 'id' => 'seat_id', 'name' => 'seat_id','default_option' => 'All'];
    @endphp

    @include('elements.report.common_filter.filter_options', ['elements' => $elementArray])
    <!-- Search Option End -->
    
    <div class="panel">
        <div class="panel-body">
            <div class="row">
                <div class="col-lg-12">
                    <table class="table w-full table-hover table-bordered table-striped clsDataTable">
                        <thead>
                            <tr>
                                <th style="width:3%;">SL</th>
                            
                                <th style="width: 12%">Student Name</th>
                                <th style="width: 5%">Hall ID</th>
                                <th style="width: 5%">Resident <br>No</th>
                                <th style="width: 7%">Admission<br> Session</th>
                                <th style="width: 8%">Program</th>
                                <th style="width: 5%">Year</th>
                                <th style="width: 20%">Department</th>
                                
                                <th>Transfer Date</th>
                                <th  style="width: 10%">Previous Seat</th>
                                <th  style="width: 10%">New Seat</th>
                                {{-- <th>Room</th> --}}
                                <th style="width:15%;" class="text-center">Action</th>
                            </tr>
                        </thead>
                    </table>
                </div>
            </div>
        </div>
    </div>

    {{-- Datatable --}}

    <!-- End Page -->
    <script>
        $(document).ready(function() {
           
            $('.ajaxRequest').show();
            $('.httpRequest').hide(); //Hide new entry button
            ajaxDataLoad();
        });

            
        $('#searchButton').click(function(){
            ajaxDataLoad();
        });

        function ajaxDataLoad() {
            $('.clsDataTable').DataTable({
                stateSave: true,
                stateDuration: 1800,
                destroy: true,
                processing: true,
                serverSide: true,
                stateDuration: 1800,
                "ajax": {
                    "url": "{{ url()->current() }}",
                    "dataType": "json",
                    "type": "post",
                    "data": {
                        _token: "{{ csrf_token() }}",
                        "departmentId": $('#department_id').val(),
                        "academiStatusId": $('#academic_status').val(),
                        "academicYear": $('#academic_year').val(),
                        "sessionId": $('#session_id').val(),
                        "status": $('#status').val(),
                        "textSearch": $('#text_search').val(),
                        "startdate": $('#startDate').val(),
                        "enddate": $('#endDate').val(),
                        "buildingId": $('#building_id').val(),
                        "seatid": $('#seat_id').val(),
                        "roomId": $('#room_id').val(),
                    }
                },
                columns: [
                    {
                        data: 'sl',
                        className: 'text-center',
                        orderable: false,
                     
                    },
                    {
                        data: 'full_name',
                        orderable: false,
                        
                    },
                    {
                        data: 'hall_id',
                        orderable: false,
                        className: 'text-center'
                    },
                
                    {
                        data: 'res_no',
                        orderable: false,
                        className: 'text-center'
                    },
                    {
                        data: 'admission',
                        orderable: false,
                        className: 'text-center'
                    },
                   
                    {
                        data: 'program',
                        orderable: false
                    },
                    {
                        data: 'year',
                        className: 'text-center',
                        orderable: false
                    },
                    {
                        data: 'department',
                        orderable: false
                    },
                    {
                        data: 'date',
                        className: 'text-center',
                        width: '10%',
                        orderable: false,
                        
                    },
                    {
                        data: 'prev_seat',
                        orderable: false,
                      
                    },
                    {
                        data: 'new_seat',
                        orderable: false,
                    },
                    {
                        data: 'action',
                        orderable: false,
                        className: 'text-center d-print-none',
                        width: '5%'
                    }
                ],
                'fnRowCallback': function(nRow, aData, Index) {
                    var actionHTML = jsRoleWisePermissionForPopUp(aData.action.set_status, aData.action
                        .action_name, aData.action.action_link, aData.id);
                    $('td:last', nRow).html(actionHTML);
                },
            });
        }
    </script>
@endsection