@extends('layouts.auth')
@section('title', 'Register — Partner Portal')

@section('auth-top')
<div class="auth-right-top">
    <span>Already have an account?</span>
    <a href="{{ route('login') }}" class="btn btn-accent btn-sm">Login</a>
    <a href="mailto:hello@feespay.ng" class="btn btn-ghost btn-sm">
        <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="none"
            stroke="currentColor" stroke-width="2" viewBox="0 0 24 24">
            <circle cx="12" cy="12" r="10"/>
            <path d="M9.09 9a3 3 0 015.83 1c0 2-3 3-3 3"/><line x1="12" y1="17" x2="12.01" y2="17"/>
        </svg>
        Support
    </a>
</div>
@endsection

@section('content')
<a href="{{ route('register') }}" class="auth-back">
    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"
        stroke="currentColor" stroke-width="2" viewBox="0 0 24 24">
        <line x1="19" y1="12" x2="5" y2="12"/><polyline points="12 19 5 12 12 5"/>
    </svg>
    Back
</a>

<h1>Do you have a partner portal account?</h1>
<p class="auth-sub mt-4" style="font-size:0.84rem; color:var(--text-mid)">
    FeespPay.ng partners with leading school management platforms.
</p>

<form action="{{ route('register.step2.post') }}" method="POST">
    @csrf
    <input type="hidden" name="school_type" value="{{ $school_type }}">
    <input type="hidden" name="has_partner" id="has_partner_val" value="{{ old('has_partner', 'no') }}">

    <div class="option-card @if(old('has_partner','no') === 'no') selected @endif"
         data-group="partner" data-target="has_partner_val" data-value="no">
        <div class="option-icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
                <path d="M16 21v-2a4 4 0 00-4-4H6a4 4 0 00-4 4v2"/>
                <circle cx="9" cy="7" r="4"/>
                <line x1="19" y1="8" x2="19" y2="14"/><line x1="22" y1="11" x2="16" y2="11"/>
            </svg>
        </div>
        <div>
            <div class="option-label">No, I'm new here</div>
            <div class="option-sub">Register directly and set up your school profile from scratch</div>
        </div>
        <div class="option-check"></div>
    </div>

    <div class="option-card @if(old('has_partner') === 'yes') selected @endif"
         data-group="partner" data-target="has_partner_val" data-value="yes">
        <div class="option-icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
                <path d="M10 13a5 5 0 007.54.54l3-3a5 5 0 00-7.07-7.07l-1.72 1.71"/>
                <path d="M14 11a5 5 0 00-7.54-.54l-3 3a5 5 0 007.07 7.07l1.71-1.71"/>
            </svg>
        </div>
        <div>
            <div class="option-label">Yes, I have an account</div>
            <div class="option-sub">Connect your existing partner platform account</div>
        </div>
        <div class="option-check"></div>
    </div>

    <button type="submit" class="btn btn-accent btn-full mt-24">Continue</button>

    <p class="text-center mt-16" style="font-size:0.82rem; color:var(--text-light)">
        Started but did not complete verification?
        <a href="{{ route('register.resume') }}" class="text-brand font-bold">Click here</a>
    </p>
</form>
@endsection