@extends('layouts.app')
@section('title', 'Dashboard')
@section('content')
@php($typeName = \App\Http\Controllers\OnboardingController::TYPES[$user->profile_type][0] ?? 'Researcher')
<div style="display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:16px;margin-bottom:28px">
    <div>
        <h1 style="margin:0">Hello, {{ \Illuminate\Support\Str::before($user->name, ' ') }}</h1>
        <p style="margin:6px 0 0;color:var(--muted)">{{ $typeName }}@if($user->research_topic) · {{ $user->research_topic }}@endif</p>
    </div>
    <a class="btn" href="{{ url('/settings') }}">Settings</a>
</div>

<div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px">
    <div class="card">
        <h3>Your plan</h3>
        <p style="font-size:1.4rem;font-family:Fraunces,Georgia,serif;margin:4px 0">{{ $plan }}</p>
        @if($institution)<p style="margin:0">Member of {{ $institution->name }}</p>@endif
        @if(! $isPro && ! $institution)
            <p style="margin:10px 0 0"><a href="{{ url('/#pricing') }}">Upgrade for unlimited responses and AI</a></p>
        @endif
    </div>
    <div class="card">
        <h3>AI assistant this month</h3>
        @if($aiQuota === null)
            <p style="margin:0">Unlimited on {{ $plan }}.</p>
        @else
            <p style="margin:0">{{ $aiUsed }} of {{ $aiQuota }} queries used.</p>
            <div style="height:8px;background:var(--rule);border-radius:4px;margin-top:12px;overflow:hidden" role="progressbar" aria-valuemin="0" aria-valuemax="{{ $aiQuota }}" aria-valuenow="{{ min($aiUsed, $aiQuota) }}">
                <div style="height:100%;width:{{ $aiQuota ? min(100, round($aiUsed / $aiQuota * 100)) : 100 }}%;background:var(--ochre)"></div>
            </div>
        @endif
    </div>
    <div class="card">
        <h3>Start here</h3>
        <p style="margin:0 0 8px"><strong>Surveys</strong>: build a questionnaire and share the link.</p>
        <p style="margin:0"><strong>CV builder</strong>: turn your experience into an ATS-ready CV.</p>
        <p style="margin:12px 0 0;color:var(--muted);font-size:.92rem">Surveys and the CV builder arrive in later updates.</p>
    </div>
</div>

<section style="margin-top:40px">
    <h2 style="font-size:1.4rem">Recent surveys</h2>
    @forelse($surveys as $s)
        <div class="card" style="margin-bottom:10px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap">
            <span>{{ $s->title }}</span>
            <span style="color:var(--muted)">{{ $s->responses_count }} responses · {{ ucfirst($s->status) }}</span>
        </div>
    @empty
        <div class="card"><p style="margin:0">No surveys yet. Your first one takes about five minutes to set up.</p></div>
    @endforelse
</section>

<section style="margin-top:36px">
    <h2 style="font-size:1.4rem">Recent CVs</h2>
    @forelse($cvs as $cv)
        <div class="card" style="margin-bottom:10px">{{ $cv->title }} <span style="color:var(--muted)">· {{ ucfirst($cv->type) }}</span></div>
    @empty
        <div class="card"><p style="margin:0">No CVs yet.</p></div>
    @endforelse
</section>
@endsection