@extends('layouts.app')

@section('content')
<div class="page-header">
    <h1>OJSTO Demo Cockpit</h1>
    <p>Sales demo readiness overview. This does not replace production UAT.</p>
</div>

<div class="grid cards">
    <div class="card"><span>Total Checks</span><strong>{{ $score['total'] }}</strong></div>
    <div class="card"><span>Ready for Demo</span><strong>{{ $score['ready_for_demo'] }}</strong></div>
    <div class="card"><span>Needs UAT</span><strong>{{ $score['needs_uat'] }}</strong></div>
    <div class="card warning"><span>Production Blockers</span><strong>{{ $score['blocked_for_production'] }}</strong></div>
</div>

<div class="card table-card">
    <h2>Readiness Checklist</h2>
    <table>
        <thead><tr><th>Area</th><th>Item</th><th>Status</th></tr></thead>
        <tbody>
        @foreach($checklist as $row)
            <tr>
                <td>{{ $row['area'] }}</td>
                <td>{{ $row['item'] }}</td>
                <td><span class="badge">{{ $row['status'] }}</span></td>
            </tr>
        @endforeach
        </tbody>
    </table>
</div>
@endsection