@extends('layouts.app', ['pageSlug' => 'signalList'])

@section('content')
<div class="splynx_top_nav">
    <div style="float: left">
        <ul class="splynx_breadcrumbs">
            <li><span>Highsite Signal</span></li>
        </ul>
    </div>
    <div class="clearfix"></div>
</div>
<div class="spl-page-panel">
            <div class="row">
                <div class="col-md-4">
                    <h5>Highsite Signal
                    </h5>
                </div>            
            	<div class="col-md-12">
                    <div class="p-3"> 
                        <h6>Date</h6>
                        <form method="GET" action="{{route('network.signalstrength')}}">
                            <div class="row">
                                <div class="col-md-3">		
                                    <div class="form-group">
            							<input type="text" name="date" id="date" class="form-control datepicker" placeholder="Date" autocomplete="off" value="{{isset($date) ? $date : null}}">
            						</div>
            					</div>
                                <div class="col-md-3 mt-20">
                				    <button type="submit" class="search-btn btn btn-primary" title="Search">Search</button>
                				</div>
                			</div>
                		</form>  
                        <div class="table-responsive">
                            <table style="width:100%" id="payment_records" class="table table-striped table-bordered dttable dttable1">
                            <thead>
                                <th>Date</th>
                                <th>Device</th>
                                <th>Signal</th>
                            </thead>
                            <tbody>
                                @foreach($devices as $device)
                                @php    
                                    $init = $signals->where('date','2021-10-27')->where('device_id', $device->id)->first();
                                    $current = $signals->where('date', $date)->where('device_id', $device->id)->first();
                                @endphp
                                <tr>
                                    <td>{{formatymd($date)}}</td>
                                    <td>{{$device->name}}</td>
                                    <td>{{$init != null ? $init->value : 0}}/{{$current != null ? $current->value : 0}}</td>
                                </tr>
                                @endforeach
                            </tbody>
                        </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

@endsection
@push('head')
<style>
.ui-dialog{
    /* top:500px !important;    */
}
.dttable1{
    /* display: block;
    overflow: scroll; */
}
</style>
@endpush
@push('js')
<script>
    $(function () {
      var table1 = $('#payment_records').DataTable({
          pageLength: 50,
      });
});

</script>
    

<script>
    
    

</script>
@endpush