@extends('layouts.site')
@section('content')
<h1>Hello, {{ $user->name }}</h1>
<p class="sub">{{ ucfirst($user->account_type) }} account · {{ $plan ? $plan->name.' plan' : 'No plan' }} · {{ $user->email }}{{ $user->phone ? ' · '.$user->phone.($user->phone_verified_at ? ' ✓' : ' (unverified)') : '' }}</p>

@if($user->phone && !$user->phone_verified_at)
<div class="panel" style="margin-bottom:18px;"><h3 style="margin-top:0;">Verify your phone</h3>
  <form method="post" action="{{ route('account.verify-phone') }}" class="filters" style="margin:0;">@csrf<input type="text" name="code" inputmode="numeric" placeholder="6-digit code" required style="width:140px;"><button class="btn btn-primary">Verify</button></form>
  <form method="post" action="{{ route('account.resend-otp') }}" style="margin-top:8px;">@csrf<button class="btn btn-ghost" type="submit">Resend code</button></form>
</div>
@endif

@if($profile)
<div class="two" style="gap:18px;align-items:start;">
  <div class="panel" id="profile">
    <h3 style="margin-top:0;">My professional profile <span class="pill {{ $profile->status==='published'?'g':'a' }}">{{ ucfirst($profile->status) }}</span> <span class="pill {{ $profile->verification_status==='verified'?'g':($profile->verification_status==='pending'?'a':'') }}">{{ ucfirst($profile->verification_status) }}</span></h3>
    <form method="post" action="{{ route('account.profile') }}">@csrf
      <div class="fld"><label>Display name</label><input type="text" name="display_name" value="{{ old('display_name', $profile->display_name) }}" required></div>
      <div class="fld"><label>Headline</label><input type="text" name="headline" value="{{ old('headline', $profile->headline) }}" placeholder="Structural engineer · 12 years · EBK registered"></div>
      <div class="two">
        <div class="fld"><label>Discipline</label><select name="discipline_id"><option value="">—</option>@foreach($disciplines as $d)<option value="{{ $d->id }}" {{ $profile->discipline_id===$d->id?'selected':'' }}>{{ $d->name }}</option>@endforeach</select></div>
        <div class="fld"><label>Level</label><select name="level">@foreach(\App\Models\Profile::LEVELS as $v=>$l)<option value="{{ $v }}" {{ $profile->level===$v?'selected':'' }}>{{ $l }}</option>@endforeach</select></div>
        <div class="fld"><label>Location</label><select name="region_id"><option value="">—</option>@foreach($regions as $r)<option value="{{ $r->id }}" {{ $profile->county===$r->name?'selected':'' }}>{{ $r->name }}, {{ $r->country_code }}</option>@endforeach</select></div>
        <div class="fld"><label>Years of experience</label><input type="number" name="years_experience" min="0" value="{{ $profile->years_experience }}"></div>
        <div class="fld"><label>Firm (optional)</label><input type="text" name="firm_name" value="{{ $profile->firm_name }}"></div>
        <div class="fld"><label>Availability</label><select name="availability">@foreach(['available'=>'Available','busy'=>'Busy','unavailable'=>'Unavailable'] as $v=>$l)<option value="{{ $v }}" {{ $profile->availability===$v?'selected':'' }}>{{ $l }}</option>@endforeach</select></div>
        <div class="fld"><label>Hourly rate from (USD)</label><input type="number" step="0.01" name="hourly_rate_min" value="{{ $profile->hourly_rate_min }}"></div>
        <div class="fld"><label>Hourly rate to (USD)</label><input type="number" step="0.01" name="hourly_rate_max" value="{{ $profile->hourly_rate_max }}"></div>
      </div>
      <div class="fld"><label>Specialisations (comma separated)</label><input type="text" name="specialisations" value="{{ implode(', ', (array)$profile->specialisations) }}"></div>
      <div class="fld"><label>Bio</label><textarea name="bio">{{ $profile->bio }}</textarea></div>
      <div class="fld" style="display:flex;gap:8px;align-items:center;font-size:13px;"><input type="checkbox" name="publish" value="1" id="pub" {{ $profile->status==='published'?'checked':'' }} style="width:auto;"><label for="pub" style="margin:0;">Publish my profile in the directory</label></div>
      <button class="btn btn-primary" type="submit">Save profile</button>
      @if($profile->status==='published')<a class="btn btn-ghost" href="{{ route('directory.show', $profile->slug) }}">View public profile</a>@endif
    </form>
  </div>
  <div>
    <div class="panel" id="verify">
      <h3 style="margin-top:0;">Verification</h3>
      @if($verification && $verification->status==='pending')<p style="color:var(--text-2);">Your {{ $verification->registering_body }} verification was submitted {{ $verification->submitted_at?->diffForHumans() }} and is under review.</p>
      @elseif($profile->verification_status==='verified')<p style="color:#0E7A50;">✓ Verified. Your profile carries the Verified badge.</p>
      @else
      <form method="post" action="{{ route('account.verification') }}" enctype="multipart/form-data">@csrf
        <div class="fld"><label>Registering body</label><select name="registering_body">@foreach(\App\Models\VerificationRequest::BODIES as $k=>$v)<option value="{{ $k }}">{{ $k }} — {{ $v }}</option>@endforeach</select></div>
        <div class="fld"><label>Registration / licence number</label><input type="text" name="registration_number" required></div>
        <div class="fld"><label>Licence expiry</label><input type="date" name="licence_expires_at"></div>
        <div class="fld"><label>Licence / certificate (PDF or image, max 10 MB)</label><input type="file" name="document" required></div>
        <button class="btn btn-primary" type="submit">Submit for verification</button>
      </form>
      @endif
    </div>
    <div class="panel" style="margin-top:18px;" id="briefs">
      <h3 style="margin-top:0;">Open job briefs</h3>
      @forelse($openBriefs as $b)
        <div style="padding:10px 0;border-bottom:1px solid var(--line-soft);"><div style="font-weight:600;">{{ $b->title }} @if($b->urgent)<span class="pill r">Urgent</span>@endif</div><div style="font-size:12.5px;color:var(--text-3);">{{ $b->county ?: $b->country_code }} · budget {{ $b->currency }} {{ number_format((float)$b->budget_min) }}–{{ number_format((float)$b->budget_max) }} · {{ $b->quotes_count }} quotes</div>
          <form method="post" action="{{ route('account.quote', $b->id) }}" class="filters" style="margin:8px 0 0;">@csrf<input type="number" step="0.01" name="amount" placeholder="Your quote (USD)" required style="width:160px;"><input type="text" name="message" placeholder="Short note" style="flex:1;"><button class="btn btn-ghost">Send quote</button></form></div>
      @empty<p style="color:var(--text-3);">No open briefs right now.</p>@endforelse
      @if($quotes->count())<h4>My quotes</h4><table class="tbl"><tbody>@foreach($quotes as $q)<tr><td>{{ \App\Models\JobBrief::hybridFind($q->job_brief_id)?->title }}</td><td>USD {{ number_format((float)$q->amount,2) }}</td><td><span class="pill {{ $q->status==='accepted'?'g':'' }}">{{ ucfirst($q->status) }}</span></td></tr>@endforeach</tbody></table>@endif
    </div>
  </div>
</div>
@else
<div class="two" style="gap:18px;align-items:start;">
  <div class="panel" id="brief">
    <h3 style="margin-top:0;">Post a job brief</h3>
    <form method="post" action="{{ route('account.job') }}">@csrf
      <div class="fld"><label>Title</label><input type="text" name="title" required placeholder="Structural review of a 3-storey extension"></div>
      <div class="fld"><label>Description</label><textarea name="description" required></textarea></div>
      <div class="two">
        <div class="fld"><label>Discipline</label><select name="discipline_id"><option value="">Any</option>@foreach($disciplines as $d)<option value="{{ $d->id }}">{{ $d->name }}</option>@endforeach</select></div>
        <div class="fld"><label>Location</label><select name="region_id"><option value="">—</option>@foreach($regions as $r)<option value="{{ $r->id }}">{{ $r->name }}, {{ $r->country_code }}</option>@endforeach</select></div>
        <div class="fld"><label>Budget from (USD)</label><input type="number" step="1" name="budget_min" min="0"></div>
        <div class="fld"><label>Budget to (USD)</label><input type="number" step="1" name="budget_max" min="0"></div>
      </div>
      <div class="fld" style="display:flex;gap:8px;align-items:center;font-size:13px;"><input type="checkbox" name="urgent" value="1" id="urg" style="width:auto;"><label for="urg" style="margin:0;">Urgent — alert nearby technicians</label></div>
      <button class="btn btn-primary" type="submit">Post brief</button>
    </form>
  </div>
  <div class="panel">
    <h3 style="margin-top:0;">My briefs</h3>
    @forelse($briefs as $b)<div style="padding:10px 0;border-bottom:1px solid var(--line-soft);"><div style="font-weight:600;">{{ $b->title }} <span class="pill {{ $b->status==='open'?'b':'g' }}">{{ ucfirst($b->status) }}</span></div><div style="font-size:12.5px;color:var(--text-3);">{{ $b->quotes_count }} quotes · posted {{ $b->created_at?->diffForHumans() }}</div>
      @foreach(\App\Models\Quote::hybridQuery()->where('job_brief_id',$b->id)->get() as $q)<div style="font-size:13px;padding:6px 0 0 10px;border-left:2px solid var(--line);margin-top:6px;">{{ \App\Models\Profile::hybridFind($q->profile_id)?->display_name }} — USD {{ number_format((float)$q->amount,2) }} <span class="pill">{{ ucfirst($q->status) }}</span>{{ $q->message ? ' · '.$q->message : '' }}</div>@endforeach</div>
    @empty<p style="color:var(--text-3);">You haven't posted a brief yet.</p>@endforelse
  </div>
</div>
@endif

<div class="panel" style="margin-top:18px;"><h3 style="margin-top:0;">Payments</h3>
  @if($tx->count())<table class="tbl"><thead><tr><th>Reference</th><th>Detail</th><th>Amount</th><th>Status</th><th>Date</th></tr></thead><tbody>@foreach($tx as $t)<tr><td class="mono">{{ $t->reference }}</td><td>{{ ucfirst($t->type) }} · {{ $t->description }}</td><td>{{ $t->currency }} {{ number_format((float)$t->amount,2) }}</td><td><span class="pill {{ $t->status==='success'?'g':($t->status==='pending'?'a':'r') }}">{{ ucfirst($t->status) }}</span></td><td>{{ $t->created_at?->format('d M Y') }}</td></tr>@endforeach</tbody></table>
  @else<p style="color:var(--text-3);">No payments yet. Subscriptions, verification fees and orders are paid via M-PESA or card through the mobile app / API.</p>@endif
</div>
@endsection