@extends('layouts.dashboard')

@section('title', 'Kapasitas Kolam')

@section('content')
<div class="mb-4 rounded-lg bg-white p-5 shadow-sm"><p class="text-sm font-bold text-slate-500">Pengunjung aktif saat ini</p><p class="mt-2 text-3xl font-black">{{ $activeVisitors }}</p></div>
<div class="overflow-x-auto rounded-lg bg-white shadow-sm">
    <table class="w-full text-left text-sm"><thead class="bg-slate-50 text-slate-500"><tr><th class="p-3">Tanggal</th><th>Total</th><th>Terpakai</th><th>Sisa</th><th>Status</th></tr></thead><tbody>
    @foreach($quotas as $quota)<tr class="border-t"><td class="p-3">{{ $quota->visit_date->format('d/m/Y') }}</td><td>{{ $quota->quota_total }}</td><td>{{ $quota->quota_used }}</td><td>{{ $quota->remaining_quota }}</td><td><x-status-badge :status="$quota->computed_status" /></td></tr>@endforeach
    </tbody></table>
</div>
<div class="mt-4">{{ $quotas->links() }}</div>
@endsection