@extends('layouts.app')
@section('title', 'Set up your workspace')
@section('content')
<div style="max-width:720px">
    <h1>How will you use Nzeru Lab?</h1>
    <p style="color:var(--muted)">This sets up your dashboard, the tools you see first, and the context your AI assistant uses. You can change it later in Settings.</p>
    <form method="post" action="{{ url('/onboarding') }}">@csrf
        <fieldset style="border:0;padding:0;margin:24px 0;display:grid;gap:10px">
            <legend style="font-weight:600;margin-bottom:8px">Your role</legend>
            @foreach($types as $key => [$name, $desc])
                <label style="margin:0;padding:14px 16px;border:1px solid var(--rule);border-radius:6px;background:var(--card);display:flex;gap:12px;align-items:flex-start;cursor:pointer">
                    <input type="radio" name="profile_type" value="{{ $key }}" {{ old('profile_type', 'independent') === $key ? 'checked' : '' }} style="width:auto;margin-top:6px">
                    <span><strong style="font-weight:600">{{ $name }}</strong><br><span style="color:var(--muted);font-size:.95rem">{{ $desc }}</span></span>
                </label>
            @endforeach
        </fieldset>

        <label>Current research topic or area (optional)
            <input name="research_topic" value="{{ old('research_topic') }}" placeholder="e.g. Maternal health uptake in rural Malawi">
        </label>
        <label>Industry (optional, mainly for market researchers)
            <input name="industry" value="{{ old('industry') }}" placeholder="e.g. Telecoms, agriculture, retail">
        </label>
        <label>University join code (students and lecturers only, optional)
            <input name="institution_code" value="{{ old('institution_code') }}" placeholder="Ask your administrator">
        </label>

        <p style="margin-top:24px"><button class="btn" type="submit">Open my workspace</button></p>
    </form>
</div>
@endsection