@extends('layouts.site')
@section('content')
@php [$c1,$c2] = \App\Support\Ui::colors($p->display_name); @endphp
<div class="panel" style="display:flex;gap:18px;flex-wrap:wrap;align-items:flex-start;">
  <div class="pav" style="width:72px;height:72px;font-size:24px;background:linear-gradient(135deg,{{ $c1 }},{{ $c2 }});">{{ $p->initials() }}</div>
  <div style="flex:1;min-width:240px;">
    <h1 style="margin:0;">{{ $p->display_name }} @if($p->isVerified())<span class="vbadge">✓ Verified{{ $p->verified_at ? ' · '.$p->verified_at->format('M Y') : '' }}</span>@endif</h1>
    <div class="sub" style="margin:4px 0 10px;">{{ $p->headline ?: ($discipline?->name ?: \App\Models\Profile::LEVELS[$p->level] ?? '') }}{{ $p->firm_name ? ' · '.$p->firm_name : '' }} · {{ $p->locationLabel() }}</div>
    <div style="display:flex;gap:16px;flex-wrap:wrap;font-size:13.5px;color:var(--text-2);">
      <span class="stars">{{ $p->rating_avg ? number_format($p->rating_avg,1).' ★' : 'No ratings yet' }}</span><span>{{ $p->rating_count }} reviews</span>
      @if($p->years_experience)<span>{{ $p->years_experience }} yrs experience</span>@endif
      @if($p->hourly_rate_min)<span>From ${{ number_format($p->hourly_rate_min) }}/hr</span>@endif
      <span class="pill {{ $p->availability==='available'?'g':'a' }}">{{ ucfirst($p->availability) }}</span>
    </div>
  </div>
  <div>@auth<a class="btn btn-primary" href="{{ route('account') }}#brief">Request a quote</a>@else<a class="btn btn-primary" href="{{ route('register') }}">Sign up to request a quote</a>@endauth</div>
</div>
<div class="two" style="margin-top:18px;gap:18px;">
  <div class="panel"><h3 style="margin-top:0;">About</h3><p style="white-space:pre-line;">{{ $p->bio ?: 'This professional has not added a bio yet.' }}</p>
    @if($p->specialisations)<div style="display:flex;gap:6px;flex-wrap:wrap;">@foreach($p->specialisations as $s)<span class="pill b">{{ $s }}</span>@endforeach</div>@endif</div>
  <div class="panel"><h3 style="margin-top:0;">Reviews</h3>
    @forelse($reviews as $r)<div style="padding:10px 0;border-bottom:1px solid var(--line-soft);"><div class="stars">{{ str_repeat('★', (int)$r->rating) }}</div><div style="font-size:14px;">“{{ $r->comment }}”</div><div class="mt" style="font-size:12px;color:var(--text-3);">{{ $r->reviewer_name ?: 'Verified client' }} · {{ $r->created_at?->format('M Y') }}</div>@if($r->response)<div style="font-size:13px;margin-top:6px;padding-left:10px;border-left:2px solid var(--line);">Response: {{ $r->response }}</div>@endif</div>
    @empty<p style="color:var(--text-3);">No published reviews yet.</p>@endforelse</div>
</div>
@endsection