@extends('_version_02.utility_charges.mobile_apps_light.layouts.main')
@section('content')


           <div class="card card-profile-feed">
                    <div class="card-header card-header-action">
                          <div class="media align-items-center">
                            <div class="media-img-wrap d-flex mr-10">
                              <div class="avatar avatar-sm">
                                <img src="{{asset($user_profile['photo'])}}" alt="user" class="avatar-img rounded-circle">
                              </div>
                            </div>
                            <div class="media-body">
                              <div class="text-capitalize font-weight-500 text-dark">{{ $user_profile['fullname']}}</div>
                              <div class="font-13">{{ $user_profile['email']}}</div>
                            </div>
                          </div>
                       
                        </div>


                        <div class="row text-center">
                          <div class="col-4 border-right pr-0">
                            <div class="pa-15">
                              <span class="d-block display-6 text-dark mb-5" id="total_check_in"> {{ $total_check_in_out['total_check_in'] }}</span>
                              <span class="d-block text-capitalize font-14">Check In</span>
                            </div>
                          </div>
                          <div class="col-4 border-right px-0">
                            <div class="pa-15">
                              <span class="d-block display-6 text-dark mb-5" id="total_check_out">{{ $total_check_in_out['total_check_out'] }}</span>
                              <span class="d-block text-capitalize font-14">Check Out</span>
                            </div>
                          </div>
                          <div class="col-4 pl-0">
                            <div class="pa-15">
                              <span class="d-block display-6 text-dark mb-5" id="total_records">{{ $total_check_in_out['total_records'] }}</span>
                              <span class="d-block text-capitalize font-14">History</span>
                            </div>
                          </div>
                        </div>



                                @php
                                        $is_current_check_in = $visit_log_model['id'] !== null ?  '' : 'hide' ; 
                                        $is_no_check_in = $visit_log_model['id'] !== null ?  'hide' : '' ; 
                                        $visit_type = $visit_log_model['id'] !== null ? ($visit_log_model['is_check_in'] == 1 ? 'check_out' : 'check_in') : 'check_in';
                                        //dd($visit_log_model);
                                @endphp

                        
                                  <input type="hidden" id="visit_log_id" name="visit_log_id" value="{{$visit_log_model['id'] !== null ? $visit_log_model['id'] : 0}}">
                                  <input type="hidden" id="visit_type" name="visit_type" value="{{$visit_type}}">

                                          <ul class="list-group list-group-flush">

                                              <li class="list-group-item">
                                                <span class="{{ $is_current_check_in }}" id='leaf_house_id_span'><i  color="danger" class="ion ion-md-pin font-18 text-light-20 mr-10"></i><span  id="leaf_house">{{ $is_current_check_in !== 'hide' ? $visit_log_model['house_name'] : ''}}</span></span>

                                                <div id="leaf_house_id_div" class="{{ $is_no_check_in }}">{!! Form::select('leaf_house_id', App\PowerMeterModel\MeterRegister::houses_combobox(), null, ['id'=>'leaf_house_id', 'class'=>'form-control','required','onchange'=>'init_room_combobox(this)']) !!}</div>
                                                <span></span>
                                              </li>

                                               <li class="list-group-item">
                                                    <span class="{{ $is_current_check_in }}" id='leaf_room_id_span'><i class="ion ion-md-home font-18 text-light-20 mr-10"></i><span  id="leaf_room">{{ $is_current_check_in !== 'hide' ? $visit_log_model['room_name'] : ''}}</span></span>
                                                    <div id="leaf_room_id_div" class="{{ $is_no_check_in }}">{!! Form::select('leaf_room_id', App\PowerMeterModel\MeterRegister::rooms_combobox((old('leaf_house_id') ? old('leaf_house_id'):$user_profile->leaf_house_id)), null, ['id'=>'leaf_room_id','class'=>'form-control']) !!}</div>
                                                
                                                </li>

                                              <li class="list-group-item"><span><i class="ion ion-md-calendar font-18 text-light-20 mr-10"></i><span>Check in:</span></span><span id="check_in_at" class="ml-5 text-dark text-right">{{$visit_log_model['id'] !== null ? $visit_log_model['check_in_at'] : '-'}}</span></li>
                                              <li class="list-group-item"><span><i class="ion ion-md-briefcase font-18 text-light-20 mr-10"></i><span>Check out:</span></span><span id="check_out_at" class="ml-5 text-dark text-right">-</span></li>
                                             
                                              
                                          </ul>
                       </div>

                       <button id="visit_log_button" onclick="init_new_visit_log();" class="btn btn-success btn-block btn-wth-icon mt-10" > <span class="icon-label"><i class="fa fa-map-marker" aria-hidden="true"></i> </span><span class="btn-text" id="check_in_out_button_text">{{$visit_log_model['id'] !== null ? 'Check Out': 'Check In'}}</span></button>
                       <button id="new_check_in_button" onclick="init_new_check_in();" class="btn btn-success btn-block btn-wth-icon mt-10 hide" > <span class="icon-label"><i class="fa fa-map-marker" aria-hidden="true"></i> </span><span class="btn-text" id="check_in_out_button_text">New Check In</span></button>


@endsection
@section('script')



@endsection