@extends('adminlte::page')
@section('title','Monitoring Dashboard')
@section('content_header')<h1>Monitoring & management dashboard</h1>@stop
@section('content')
<div class="card"><div class="card-body"><form class="form-row"><div class="form-group col-md-3"><label>From</label><input type="date" name="from" class="form-control" value="{{ $from->format('Y-m-d') }}"></div><div class="form-group col-md-3"><label>To</label><input type="date" name="to" class="form-control" value="{{ $to->format('Y-m-d') }}"></div><div class="form-group col-md-2 align-self-end"><button class="btn btn-primary">Apply</button></div></form></div></div>
<div class="row">
<div class="col-md-3"><div class="small-box bg-info"><div class="inner"><h3>{{ array_sum($caseStats->all()) }}</h3><p>Cases recorded</p></div><div class="icon"><i class="fas fa-folder"></i></div><a href="{{ route('children.index') }}" class="small-box-footer">View more <i class="fas fa-arrow-circle-right"></i></a></div></div>
<div class="col-md-3"><div class="small-box bg-success"><div class="inner"><h3>{{ $caseStats['approved'] ?? 0 }}</h3><p>Approved</p></div><div class="icon"><i class="fas fa-check"></i></div><a href="{{ route('children.index',['status'=>'approved']) }}" class="small-box-footer">View more <i class="fas fa-arrow-circle-right"></i></a></div></div>
<div class="col-md-3"><div class="small-box bg-danger"><div class="inner"><h3>{{ $caseStats['rejected'] ?? 0 }}</h3><p>Rejected</p></div><div class="icon"><i class="fas fa-times"></i></div><a href="{{ route('children.index',['status'=>'rejected']) }}" class="small-box-footer">View more <i class="fas fa-arrow-circle-right"></i></a></div></div>
<div class="col-md-3"><div class="small-box bg-warning"><div class="inner"><h3>{{ array_sum($requestStats->all()) }}</h3><p>Search requests</p></div><div class="icon"><i class="fas fa-search"></i></div><a href="{{ route('search-requests.index') }}" class="small-box-footer">View more <i class="fas fa-arrow-circle-right"></i></a></div></div>
</div>
<div class="row"><div class="col-md-7"><div class="card"><div class="card-header"><h3 class="card-title">Encoder activity</h3></div><div class="card-body table-responsive"><table class="table table-bordered"><thead><tr><th>Encoder</th><th>Total</th><th>Pending</th><th>Rejected</th><th>Approved</th><th></th></tr></thead><tbody>@foreach($encoderStats as $encoder)<tr><td>{{ $encoder->name }}</td><td>{{ $encoder->recorded_total }}</td><td>{{ $encoder->pending_total }}</td><td>{{ $encoder->rejected_total }}</td><td>{{ $encoder->approved_total }}</td><td><a class="btn btn-sm btn-info" href="{{ route('children.index',['encoder'=>$encoder->id]) }}">View cases</a></td></tr>@endforeach</tbody></table></div></div></div><div class="col-md-5"><div class="card"><div class="card-header"><h3 class="card-title">Search request status</h3></div><div class="card-body"><ul class="list-group">@foreach(['new','assigned','searching','found','not_found','information_provided','closed','cancelled'] as $status)<li class="list-group-item d-flex justify-content-between"><span>{{ ucfirst(str_replace('_',' ',$status)) }}</span><span><span class="badge badge-primary mr-2">{{ $requestStats[$status] ?? 0 }}</span><a href="{{ route('search-requests.index',['status'=>$status]) }}" class="btn btn-xs btn-outline-primary">View more</a></span></li>@endforeach</ul></div></div></div></div>
<div class="card"><div class="card-header"><h3 class="card-title">Search requests — last 7 days</h3></div><div class="card-body"><div style="height:300px"><canvas id="weeklyChart"></canvas></div></div></div>
@stop
@section('js')<script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.4/dist/chart.umd.min.js"></script><script>const weekly=@json($weekly);new Chart(document.getElementById('weeklyChart'),{type:'line',data:{labels:weekly.map(x=>x.day),datasets:[{label:'Requests',data:weekly.map(x=>x.total),tension:.25,fill:false}]},options:{responsive:true,maintainAspectRatio:false,scales:{y:{beginAtZero:true,ticks:{precision:0}}}}});</script>@stop