@extends('layouts.site')
@section('content')
<div class="panel" style="max-width:560px;margin:0 auto;">
  <h1>Create your account</h1><p class="sub">Free to join. Professionals can get verified and start receiving quote requests.</p>
  <form method="post" action="{{ route('register') }}">@csrf
    <input type="hidden" name="plan" value="{{ $plan }}">
    <div class="fld"><label>I am a</label><select name="account_type">@foreach(['client'=>'Client looking to hire','engineer'=>'Engineer','technician'=>'Technician','firm'=>'Engineering firm','partner'=>'Partner / organisation'] as $v=>$l)<option value="{{ $v }}" {{ old('account_type', $type)===$v?'selected':'' }}>{{ $l }}</option>@endforeach</select></div>
    <div class="two">
      <div class="fld"><label>Full name</label><input type="text" name="name" value="{{ old('name') }}" required></div>
      <div class="fld"><label>Country</label><select name="country_code">@foreach(config('platform.countries') as $c=>$n)<option value="{{ $c }}" {{ old('country_code','KE')===$c?'selected':'' }}>{{ $n }}</option>@endforeach</select></div>
      <div class="fld"><label>Email</label><input type="email" name="email" value="{{ old('email') }}" required></div>
      <div class="fld"><label>Mobile (for M-PESA &amp; OTP)</label><input type="tel" name="phone" value="{{ old('phone') }}" placeholder="07XX XXX XXX"></div>
      <div class="fld"><label>Password</label><input type="password" name="password" required minlength="10"><div class="hint">At least 10 characters.</div></div>
      <div class="fld"><label>Confirm password</label><input type="password" name="password_confirmation" required></div>
    </div>
    <div class="fld"><label>Referral code (optional)</label><input type="text" name="ref" value="{{ old('ref', request('ref')) }}"></div>
    <div class="fld" style="display:flex;gap:8px;align-items:center;font-size:13px;"><input type="checkbox" name="terms" value="1" id="terms" required style="width:auto;"><label for="terms" style="margin:0;">I agree to the Terms of Service and Privacy Policy (Kenya DPA 2019).</label></div>
    <button class="btn btn-primary btn-block" type="submit">Create account</button>
  </form>
  <p style="font-size:13.5px;margin-top:14px;text-align:center;">Already registered? <a href="{{ route('login') }}">Log in</a></p>
</div>
@endsection