@extends('layouts.admin')
@section('title', 'Admin dashboard')
@section('content')
@if(!$provider)<div class="alert alert-danger">No active voice provider. New calls will be refused. <a href="{{ route('admin.providers.index') }}">Configure Voice API Management</a>.</div>@else<div class="alert alert-light border small">Active voice provider: <strong>{{ $provider->name }}</strong></div>@endif
@if($s['pending_requests'] || $s['pending_recharges'] || $s['ambiguous_calls'])<div class="alert alert-warning small">Needs attention:
 @if($s['pending_requests'])<a href="{{ route('admin.websites.requests') }}">{{ $s['pending_requests'] }} website request(s)</a> · @endif
 @if($s['pending_recharges'])<a href="{{ route('admin.recharges') }}">{{ $s['pending_recharges'] }} recharge(s)</a> · @endif
 @if($s['ambiguous_calls'])<a href="{{ route('admin.calls', ['status' => 'awaiting_reconciliation']) }}">{{ $s['ambiguous_calls'] }} call(s) awaiting reconciliation</a>@endif</div>@endif
<div class="row g-3 mb-3">
 @foreach([['Total clients',$s['clients']],['Verified clients',$s['verified_clients']],['Active clients',$s['active_clients']],['Suspended / blocked',$s['suspended_clients']],['Connected websites',$s['websites']],['Total calls',$s['calls']['total']],['Successful calls',$s['calls']['successful']],['Failed calls',$s['calls']['failed']],['Confirmed orders',$s['calls']['confirmed']],['Cancelled orders',$s['calls']['cancelled']]] as $x)
 <div class="col-6 col-lg-3"><x-stat :label="$x[0]" :value="$x[1]"/></div>@endforeach</div>
<div class="row g-3 mb-3">
 <div class="col-6 col-lg-3"><x-stat label="Client deposits" :value="$currency . ' ' . number_format($s['deposits'], 2)" sub="cash received – not revenue"/></div>
 <div class="col-6 col-lg-3"><x-stat label="Call revenue" :value="$currency . ' ' . number_format($s['revenue'], 2)" sub="earned from captured calls"/></div>
 <div class="col-6 col-lg-3"><x-stat label="Provider expenses" :value="$currency . ' ' . number_format($s['provider_cost'], 2)" :sub="'of which free calls ' . number_format($s['free_cost'], 2)"/></div>
 <div class="col-6 col-lg-3"><x-stat label="Est. gross margin" :value="$currency . ' ' . number_format($s['margin'], 2)" sub="revenue − all provider expense"/></div></div>
<div class="row g-3"><div class="col-lg-8"><div class="card p-3"><h2 class="h6">Calls – last 14 days</h2><canvas id="ch" height="110"></canvas></div></div>
<div class="col-lg-4"><div class="card p-3 h-100"><h2 class="h6">Today / this month</h2>
 <table class="table table-sm mb-0"><tr><th></th><th>Today</th><th>Month</th></tr>
 @foreach([['Calls','total'],['Confirmed','confirmed'],['Cancelled','cancelled'],['New clients','new_clients']] as $r)<tr><td>{{ $r[0] }}</td><td>{{ $s['today'][$r[1]] }}</td><td>{{ $s['month'][$r[1]] }}</td></tr>@endforeach
 <tr><td>Revenue</td><td>{{ number_format($s['today']['revenue'], 2) }}</td><td>{{ number_format($s['month']['revenue'], 2) }}</td></tr><tr><td>Provider cost</td><td>{{ number_format($s['today']['provider_cost'], 2) }}</td><td>{{ number_format($s['month']['provider_cost'], 2) }}</td></tr></table></div></div></div>
@endsection
@push('scripts')<script src="{{ asset('assets/vendor/chart.umd.js') }}"></script>
<script>new Chart(document.getElementById('ch'),{type:'line',data:{labels:@json(array_keys($days)),datasets:[{label:'Calls',data:@json(array_values($days)),borderColor:'#4f46e5',tension:.3}]},options:{plugins:{legend:{display:false}},scales:{y:{beginAtZero:true,ticks:{precision:0}}}}});</script>@endpush