@extends('_version_02.commons.layouts.admin')
@section('content')
@include('_version_02.commons.layouts.partials._alert')
@include('_version_02.utility_charges.layouts.partials._meter_css')
<section class="hk-sec-wrapper">
    <div class="table-responsive">
            <table id="leaf_data_table" class="table">
                <thead>
                    <tr>
                        <th class="text-center">{{App\Language::trans('Unit')}}</th>
                    </tr>
                </thead>
                <tbody>
                    
                        @foreach($houses as $house)
                                                    <tr>
                                <td>
                                    <hr>
                                    <div class="info-box-content">         
                                        <span class="info-box-number"><span class="label label-primary pull-left">{{$house_counter}} . </span> &nbsp {{$house['house_unit']}}
                                            <span class="badge badge-success mt-15 mr-1 pull-right">id : {{$house['id_house']}}</span>
                                        </span>
                                    </div>
                                    <hr>

                                    @php 
                                            $rooms = $house['house_rooms'];
                                                
                                          
                                    @endphp

                                    @foreach($rooms as $room)
                                    <br />
<b>Notice</b>:  Undefined variable: room in <b>C:\Apache24\htdocs\leaf_webview\resources\views\_version_02\utility_charges\meter_registers\meter_pairing.blade.php</b> on line <b>37</b><br />

                                     @php 
                                        $is_remote_live = false;
                                        $is_remote_ready = false;
                                        $is_configured = false;
                                        if(isset($meter))
                                        {
                                            $is_remote_ready = $meter['is_remote_ready'];
                                            $is_configured = true;
                                            foreach($remote_on_off_check  as $key => $value)
                                            {
                                                if($key == 'reference_no')
                                                {
                                                    if( !in_array($meter[$key] , $value)){$is_configured = false;}


                                                }else if($meter[$key] != $value){$is_configured = false;}
                                            }
                                        }

                                        if($is_remote_ready == true && $is_configured == true)
                                        {
                                            $is_remote_live = true;
                                        }

                                        $icon_to_show = $is_remote_live ? '<i class="fa fa-check" aria-hidden="true"></i>' : '<i class="fas fa-times"></i>' ;
                                        

                                    @endphp

                                        <br>

                                        <button onclick="get_meter_reading_detail({{$room['id_house_room']}});" id="{{$room['id_house_room']}}" class="badge badge-soft-{{isset($meter) ? 'success' : 'danger'}} badge-outline pull-right box-success accordion mb-1" style="{{$button_style}}  ;height:75px;">
                                            <span class="label label-primary pull-left">{{$room_counter}} . </span> &nbsp  Room {{$room['house_room_name']}}

                                           
                                            <span class="badge badge-{{isset($room['house_room_members']) ? (count($room['house_room_members']) > 0 ? 'success' : 'danger' ) : 'danger'}}  mr-1 pull-right">{{count($room['house_room_members']) > 0 ? "Tenanted" : "Empty"}}</span>
                                            

                                            <!-- <span class="badge badge-{{isset($meter) ? ($meter['contract_no'] ? 'success' : 'danger') : 'danger'}}  mr-1 pull-right">{{isset($meter) ? ($meter['contract_no'] ? 'Contact No. Completed' : 'Contact No. missing') : 'Contact No. missing'}}</span> -->
                                            <span class="badge badge-{{($is_remote_live ? 'success' : 'danger')}}  mr-1 pull-right">   {!!html_entity_decode($icon_to_show)!!} {{App\Language::trans('Remote Control')}} </span>
                                            <span class="badge badge-success  mr-1 pull-right">{{$room['house_room_type']}}</span>
                                            <span class="badge badge-success  mr-1 pull-right">Id : {{$room['id_house_room']}}</span>
                                            <!-- <span class="badge badge-{{isset($meter) ? 'success' : 'danger'}} mt-15 mr-1 pull-right">{{isset($meter) ? "Up" : "Down"}}</span> -->

                                        </button>

                                        <div class="panel">
                                            <hr>
                                            <div class="row">
                                                <div class="col-md-6">
                                                    <!-- /.box -->
                                                    <div class="box box-success box-solid">
                                                        <!-- /.box-header -->
                                                        <div class="hk-pg-header">
                                                            <h4 class="hk-pg-title"><span class="pg-title-icon"><span class="feather-icon"><i data-feather="toggle-right"></i></span></span>{{App\Language::trans('Tenant Detail')}}</h4>
                                                        </div>
                                                        <!-- /.box-header -->

                                                        <!-- /.box-body -->
                                                        <div class="box-body">
                                                                                                                            <table class="table table-hover">
                                                                    <tr class="table-light">
                                                                        <th style="width: 10px">#</th>
                                                                        <th>{{App\Language::trans('Name')}}</th>
                                                                        <th>{{App\Language::trans('Check In Date')}}</th>
                                                                        <th>{{App\Language::trans('Total Consumption (kwh)')}}</th>
                                                                    </tr>
                                                                @if(isset(($room['house_room_members'])))
                                                                    @foreach($room['house_room_members'] as $member)
                                                                    @php $member = (array)$member; @endphp
                                                                        <tr>
                                                                            <td><span class="label label-primary pull-left">{{$i}} </span> </td>
                                                                            <td>{{$member['house_member_name']}}</td>
                                                                            <td>{{$member['house_room_member_start_date']}}
                                                                            </td>
                                                                            <td><label id="lbl_{{$member['house_member_id_user']}}_total_usage_{{$room['id_house_room']}}"><img src="{{asset(App\Setting::LOADING_GIF)}}" alt=""/></label></td>
                                                                        </tr>
                                                                                                                                            @endforeach
                                                                @endif
                                                                </table>
                                                        </div>
                                                        <!-- /.box-body -->
                                                    </div>
                                                    <!-- /.box -->

                                                    <!-- /.box -->
                                                    <div class="box box-success box-solid">
                                                        <div class="hk-pg-header">
                                                            <h4 class="hk-pg-title"><span class="pg-title-icon"><span class="feather-icon"><i data-feather="toggle-right"></i></span></span>{{App\Language::trans('Reading Monitoring')}}</h4>
                                                        </div>
                                                        <!-- /.box-header -->

                                                        <!-- /.box-body -->
                                                        <div class="box-body">
                                                            <table class="table table-hover">
                                                                <tr class="table-light">
                                                                    <th style="width: 10px">#</th>
                                                                    <th>{{App\Language::trans('Item')}}</th>
                                                                    <th></th>
                                                                </tr>

                                                               <!--  <tr>
                                                                    <td><span class="label label-primary pull-left">1</span> </td>
                                                                    <td>{{App\Language::trans('Status')}}</td>
                                                                    <td>{{isset($meter) ? App\Language::trans('Meter register set') : App\Language::trans('No meter register is set')}}</td>
                                                                </tr> -->

                                                                <tr>
                                                                    <td><span class="label label-primary pull-left">2</span> </td>
                                                                    <td>{{App\Language::trans('Last Reading At')}}</td>
                                                                    <td><label id="lbl_last_reading_at_{{$room['id_house_room']}}"><img src="{{asset(App\Setting::LOADING_GIF)}}" alt=""/></label><!-- {{$meter['last_reading_at']}} --></td>
                                                                </tr>

                                                                <tr>
                                                                    <td><span class="label label-primary pull-left">3</span> </td>
                                                                    <td> {{App\Language::trans('Last Current Reading')}}</td>
                                                                    <td><label id="lbl_last_reading_{{$room['id_house_room']}}"><img src="{{asset(App\Setting::LOADING_GIF)}}" alt=""/></label><!-- {{$meter['last_reading']}} --></td>
                                                                </tr>

                                                                <tr>
                                                                    <td><span class="label label-primary pull-left">4</span></td>
                                                                    <td> {{ date('F, Y') }} {{App\Language::trans('Monthly Usage Reading')}} </td>
                                                                    <td>{{$meter['monthly_usage']}}
                                                                          <label id="lbl_monthly_usage_{{$room['id_house_room']}}"><img src="{{asset(App\Setting::LOADING_GIF)}}" alt=""/></label>                                                                        
                                                                    </td>
                                                                </tr>

                                                            </table>
                                                        </div>
                                                        <!-- /.box-body -->
                                                    </div>
                                                    <!-- /.box -->
                                                </div>

                                                <!-- COL START -->
                                                <div class="col-md-6">
                                                    @if(isset($meter))
                                                        {!! Form::model($meter, ['method'=> 'GET','class'=>'form-horizontal' , 'id' => 'meter_data_'.$meter['id']]) !!}
                                                       
                                                            <div class="box box-success box-solid">
                                                                <!-- /.box-header -->
                                                                <div class="hk-pg-header">
                                                                    <h4 class="hk-pg-title"><span class="pg-title-icon"><span class="feather-icon"><i data-feather="toggle-right"></i></span></span>{{App\Language::trans('Meter register Detail')}}</h4>
                                                                </div>
                                                                <!-- /.box-header -->

                                                                <!-- /.box-body -->
                                                                <div class="box-body">

                                                                    <table class="table table-hover">
                                                                        <tr class="table-light">
                                                                            <th style="width: 10px">#</th>
                                                                            <th>{{App\Language::trans('Item')}}</th>
                                                                            <th></th>
                                                                        </tr>

                                                                        <tr>
                                                                            <td><span class="label label-primary pull-left">1 </span></td>
                                                                            <td>{{App\Language::trans('Meter ID')}}</td>
                                                                            <td>{{$meter['id']}}
                                                                            </td>
                                                                        </tr>

                                                                        <tr>
                                                                            <td><span class="label label-primary pull-left">2 </span></td>
                                                                            <td>{{App\Language::trans('IP')}}</td>
                                                                            <td>{!! Form::text('ip_address', null, ['class'=>'form-control','required']) !!}
                                                                            </td>
                                                                        </tr>

                                                                        <tr>
                                                                            <td><span class="label label-primary pull-left">3 </span></td>
                                                                            <td>{{App\Language::trans('Contact No')}}</td>
                                                                            <td>{!! Form::text('contract_no', null, ['class'=>'form-control','required']) !!}
                                                                            </td>
                                                                        </tr>

                                                                        <tr>
                                                                            <td><span class="label label-primary pull-left">4 </span></td>
                                                                            <td>{{App\Language::trans('Created At')}}</td>
                                                                            <td>{{$meter['created_at']}}
                                                                            </td>
                                                                        </tr>

                                                                        <tr>
                                                                            <td><span class="label label-primary pull-left">5 </span></td>
                                                                            <td>{{App\Language::trans('Updated At')}}</td>
                                                                            <td>{{$meter['updated_at']}}
                                                                            </td>
                                                                        </tr>

                                                                        <tr>
                                                                            <td><span class="label label-primary pull-left">6 </span></td>
                                                                            <td>{{App\Language::trans('Power Supply And Power Meter')}}</td>
                                                                           
                                                                             <input type="hidden" id="meter_id_{{$room['id_house_room']}}" name="meter_id_{{$room['id_house_room']}}" value="{{($meter['id'])}}">
                                                                            <input type="hidden" id="meter_switch_status_{{$room['id_house_room']}}" name="meter_switch_status_{{$room['id_house_room']}}" value="{{($meter['is_power_supply_on'])}}">
                                                                            <td> 
                                                                               

                                                                                @if($is_remote_live)
                                                                                     <div onclick="change_switch_status({{$room['id_house_room']}});" class="toggle toggle-light toggle-bg-green toggle3" id="meter_switch_{{$room['id_house_room']}}"></div>

                                                                                 @else
                                                                                    <small class="badge badge-{{ ($meter['is_power_supply_on'] == true ? 'success' : 'danger') }} mt-15 mr-10">{{App\Language::trans( ($meter['is_power_supply_on'] == true ? 'On' : 'Off') )}}</small><br>

                                                                                    @if($is_configured == false)
                                                                                        <small class="badge badge-danger mt-15 mr-10">{{App\Language::trans('Remote control is no yet configured.')}}</small>
                                                                                    @endif
                                                                                 @endif
                                                                                

                                                                                @if($is_remote_ready == false)
                                                                                    @if(isset($meter['id']))
                                                                                        @if($meter['remote_status_comment'] != '')
                                                                                            <small class="badge badge-info mt-15 mr-10">{{App\Language::trans($meter['remote_status_comment'])}}</small>
                                                                                        @endif
                                                                                    @endif
                                                                                @endif


                                                                            </td>
                                                                        </tr>

                                                                    </table>
                                                                </div>
                                                                <!-- /.box-body -->
                                                            </div>
                                                            <!-- /.box -->
                                                            
                                                            <div class="col-md-offset-2 col-md-12">
                                                             
                                                                    <!-- type="submit" -->
                                                                 <label onclick="update_meter_register({{$meter['id']}});"   class="btn btn-success btn-block btn-wth-icon mt-12"> <span class="icon-label"><i class="fa fa-floppy-o fa-fw"> </i></span><span class="btn-text">{{App\Language::trans('Save')}}</span></label>
                                                                

                                                            </div>

                                                            {!! Form::close() !!}
                                                        @else
                                                            <div class="box box-success box-solid">
                                                                <!-- /.box-header -->
                                                                <div class="hk-pg-header">
                                                                    <h4 class="hk-pg-title"><span class="pg-title-icon"><span class="feather-icon"><i data-feather="toggle-right"></i></span></span>{{App\Language::trans('No Meter Found')}}</h4>
                                                                </div>
                                                                <!-- /.box-header -->

                                                                <!-- /.box-body -->
                                                                <div class="box-body">

                                                                    <table class="table table-hover">
                                                                        <tr>
                                                                            <div class="col-md-offset-6 col-md-10">                                                
                                                                                   <a href="{{action('UMeterRegistersController@getNew', $room)}}" class="btn btn-primary pull-rigth"><i class="fa fa-floppy-o fa-fw"></i> <span>{{App\Language::trans('Register New Meter')}}</span></a>
                                                                            </div>
                                                                        </tr>


                                                                    </table>
                                                                </div>
                                                                <!-- /.box-body -->
                                                            </div>
                                                            <!-- /.box -->

                                                        @endif
                                                </div>
                                                <!-- COL END -->
                                            </div>

                                            <div class="row">
                                                <div class="col-md-12">

                                                    <div class="box box-success box-solid">
                                                        <div class="hk-pg-header">
                                                            <h4 class="hk-pg-title"><span class="pg-title-icon"><span class="feather-icon"><i data-feather="toggle-right"></i></span></span>{{App\Language::trans('Room History')}}</h4>
                                                        </div>
                                                        <!-- /.box-header -->

                                                        <!-- /.box-body -->
                                                        <div class="box-body">
                                                            <table class="table table-hover">
                                                                <tr class="table-light">
                                                                    <th style="width: 10px">#</th>
                                                                    <th>{{App\Language::trans('Start Date')}}</th>
                                                                    <th>{{App\Language::trans('End Date')}}</th>
                                                                    <th>{{App\Language::trans('Total Consumption (Kwh)')}}</th>
                                                                    <th>{{App\Language::trans('Charges (RM)')}}</th>
                                                                    <th></th>
                                                                </tr>
                                                            </table>
                                                     </div>
                                                    </div>

                                                </div>
                                            </div>

                                            <hr>
                                                                                    </div>
                                        @endforeach
                                </td>
                            </tr>
                                                    @endforeach
                </tbody>
            </table>
        </div>
</section>
 <input type="hidden" id="start" name="start" value="{{$start}}">
@endsection
@section('script')


$(document).ready(function(){
   
    var acc = document.getElementsByClassName("accordion");
    var i;
    for (i = 0; i < acc.length; i++) {
        acc[i].addEventListener("click", function() {
            this.classList.toggle("active");
            var panel = this.nextElementSibling;
            if (panel.style.display === "block") {
                panel.style.display = "none";
            } else {
                panel.style.display = "block";
            }
        });
    }
});



@endsection