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

<style>
    .authorize-button{
        background: #52BE80;
    }
    #ui-datepicker-div {
        z-index:11111;
    }

    .roomBox{
        border: 1px solid #a3afb7;
        padding: 5px 5px 5px 5px;
        margin: 5px 10px;
        background-color: #d1ebcf;
    }
</style>

<form enctype="multipart/form-data" method="post" id="filterFormId">
    @csrf
    @php
        $elementArray = array();
        $elementArray['building'] = ['label' => 'Building', 'type' => 'select', 'id' => 'building_id', 'name' => 'building_id', 'onload' => true];
        $elementArray['floor'] = ['label' => 'Floor', 'type' => 'select', 'id' => 'floor_id', 'name' => 'floor_id','default_option' => 'All'];
@endphp


    @include('elements.report.common_filter.filter_options', ['elements' => $elementArray])
</form>

<div class="ExportDiv" id="reportingDiv">

</div>

<script>
    $(document).ready(function() {
        $('.httpRequest').hide();
    });

    function loadData(){
        
        $("#reportingDiv").empty();
        $("#reportingDiv").load('{{ url()->current() }}/loadData' + '?' + $("#filterFormId").serialize());
    }

    $("#filterFormId").submit(function (event) {
        event.preventDefault();

        if($('#building_id').val() == ''){
            swal({
                icon: 'warning',
                title: 'Warning',
                text: 'Please Select Building !!',
            });
        }

        else if($('#floor_id').val() == ''){
            swal({
                icon: 'warning',
                title: 'Warning',
                text: 'Please Select Floor !!',
            });
        }
        else{
            loadData();
        }

        
    });
</script>

@endsection