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

    {{-- Datatable --}}
    <div class="row">
        <div class="col-lg-12">
            <table class="table w-full table-hover table-bordered table-striped clsDataTable">
                <thead>
                    <tr>
                        <th>SL</th>
                        <th>Building</th>
                        <th>Code</th>
                        <th>Status</th>
                        <th class="text-center">Action</th>
                    </tr>
                </thead>
            </table>
        </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({
                destroy: true,
                processing: true,
                serverSide: true,
                stateSave: true,
                stateDuration: 1800,
            
                "ajax": {
                    "url": "{{ url()->current() }}",
                    "dataType": "json",
                    "type": "post",
                    "data": {
                        _token: "{{ csrf_token() }}",
                        "activeInactiveStatus": $('#activeInactiveStatus').val(),
                    }
                },
                columns: [
                    {
                        data: 'sl',
                        className: 'text-center',
                        orderable: false,
                        width: '3%'
                    },
                    {
                        data: 'name',
                        orderable: false,   
                    },
                    {
                        data: 'code',
                        orderable: false, 
                        className: 'text-center'  
                    },
                    {
                        data: 'status',
                        orderable: false,
                        width: '10%',
                        className: 'text-center'
                    },
                    {
                        data: 'action',
                        orderable: false,
                        className: 'text-center d-print-none'
                    }
                ],
                '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);
                },
            });
        }

        // Delete Data
        function fnDelete(RowID) {
            /**
             * para 1 = link to delete without id
             * para 2 = ajax check link same for all
             * para 3 = id of deleting item
             * para 4 = matching column
             * para 5 = condition2
             * para 6 = table 1
             * para 7 = table 2
             * para 8 = table 3
             */
        
            fnDeleteCheckPopUp(
                "{{url('hms/building_setup')}}",
                "{{url('/ajaxDeleteCheckPopUp')}}",
                RowID,
                "{{base64_encode('building_id')}}",
                "{{base64_encode('is_delete,0')}}",
                "{{base64_encode('hms_floor')}}"
            );
        }

    </script>
@endsection