@extends('layouts.dashboard') @section('title','Founder Dashboard | SmartGrid') @section('content') @include('partials.sidebar')<main class="main-content">@include('partials.topbar',['title'=>'Founder Dashboard'])<div class="container-fluid py-3"><div class="row mb-3"><div class="col-12"><h3 class="mb-0 fw-bold">Operational Visibility</h3><p class="text-sm text-secondary mb-0">No payment clarity → No access. No documentation → No exception.</p></div></div><div class="row">@php $cards=[['Active Bookings',$activeBookings??0,'hotel','dark','Current open booking activities'],['Awaiting Payment',$awaitingPayment??0,'schedule','warning','Bookings pending payment clarity'],['Confirmed Payments',$confirmedPayments??0,'verified','success','Verified payment records'],['Confirmed Income','₦'.number_format($confirmedIncome??0,2),'payments','info','Confirmed platform inflow'],['Occupied Rooms',$occupiedRooms??0,'meeting_room','primary','Rooms currently occupied'],['Upcoming Check-Outs',$upcomingCheckouts??0,'logout','dark','Check-outs due soon']]; @endphp @foreach($cards as $card)<div class="col-xl-4 col-md-6 mb-4"><div class="card shadow-sm h-100"><div class="card-body p-3"><div class="d-flex justify-content-between"><div><p class="text-sm text-secondary mb-1">{{ $card[0] }}</p><h3 class="font-weight-bolder mb-0">{{ $card[1] }}</h3></div><div class="icon icon-md icon-shape bg-gradient-{{ $card[3] }} shadow text-center border-radius-lg"><i class="material-symbols-rounded text-white">{{ $card[2] }}</i></div></div><hr><p class="text-sm text-secondary mb-0">{{ $card[4] }}</p></div></div></div>@endforeach</div><div class="row mt-4"><div class="col-lg-7 mb-4"><div class="card h-100"><div class="card-header"><h6>Weekly Booking Activity</h6></div><div class="card-body"><div style="height:260px"><canvas id="bookingActivityChart"></canvas></div></div></div></div><div class="col-lg-5 mb-4"><div class="card h-100"><div class="card-header"><h6>Recent Exceptions</h6></div><div class="card-body">@forelse($exceptions??[] as $log)<p class="text-sm mb-2"><strong>{{ ucwords(str_replace('_',' ',$log->exception_type??'Exception')) }}</strong><br><span class="text-secondary">{{ $log->description }}</span></p>@empty<p class="text-secondary">No exceptions.</p>@endforelse</div></div></div></div><div class="card mt-2"><div class="card-header d-flex justify-content-between"><h6>Latest Bookings</h6><a href="{{ route('bookings.create') }}" class="btn bg-gradient-dark btn-sm">New Booking</a></div><div class="table-responsive"><table class="table"><thead><tr><th>Reference</th><th>Guest</th><th>Room</th><th>Amount</th><th>Status</th><th>Access</th><th>Action</th></tr></thead><tbody>@forelse($latestBookings??[] as $b)<tr><td>{{ $b->booking_reference }}</td><td>{{ $b->guest_name }}</td><td>{{ $b->room->room_name??'—' }}</td><td>₦{{ number_format($b->booking_amount,2) }}</td><td><span class="badge bg-gradient-dark">{{ str_replace('_',' ',$b->status) }}</span></td><td>{{ $b->accessCode->code??'Not issued' }}</td><td><a href="{{ route('bookings.show',$b) }}" class="btn btn-sm bg-gradient-dark">View</a></td></tr>@empty<tr><td colspan="7" class="text-center py-4">No bookings.</td></tr>@endforelse</tbody></table></div></div></div></main>@endsection @section('scripts')<script>const e=document.getElementById('bookingActivityChart');if(e){new Chart(e.getContext('2d'),{type:'line',data:{labels:@json($chartLabels??[]),datasets:[{data:@json($chartData??[]),borderColor:'#43A047',backgroundColor:'rgba(67,160,71,.1)',fill:true,tension:.35}]},options:{responsive:true,maintainAspectRatio:false,plugins:{legend:{display:false}}}})}</script>@endsection