@extends('layouts.app')
@section('title', 'Dashboard')

@section('content')
<h1>Karibu, {{ explode(' ', auth()->user()->name)[0] }}</h1>
<p class="muted" style="margin-bottom:20px;">
    {{ $business->business_name }} · KRA PIN {{ $business->kra_pin }} ·
    {{ ['product' => 'Product business', 'service' => 'Service business', 'both' => 'Products and services'][$business->business_type] }}
</p>

@if ($subscription)
    <div class="card" style="display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;">
        <div>
            <strong>{{ $subscription->plan->name }}</strong><br>
            <span class="muted">{{ $subscription->daysRemaining() }} days remaining · ends {{ $subscription->ends_at->format('j M Y') }}</span>
        </div>
    </div>
@else
    <div class="alert alert-error">Your subscription has ended. Choose a plan to keep creating documents.</div>
@endif

<div class="stats">
    <div class="stat"><span class="muted">Sales this month</span><strong>KES 0.00</strong></div>
    <div class="stat"><span class="muted">Unpaid invoices</span><strong>KES 0.00</strong></div>
    <div class="stat"><span class="muted">Open quotations</span><strong>0</strong></div>
    <div class="stat"><span class="muted">Clients</span><strong>0</strong></div>
</div>
<p class="muted" style="margin-top:20px;">Clients, items, quotations and invoices come in the next steps.</p>
@endsection