@extends('front.beta.layouts.master')

@section('page-title')HR Consultant SaaS@endsection

@section('content')
<section class="topskills-consultant-page">
    <div class="container">
        <div class="topskills-consultant-hero">
            <div>
                <span>For HR consultants and outsourced people teams</span>
                <h1>Manage every client workforce from one SaaS account.</h1>
                <p>Run recruitment, onboarding, employee records, documents, leave, performance, contractor operations, offboarding, and analytics for multiple client companies without mixing their data.</p>
                <div class="topskills-consultant-actions">
                    <a href="#consultant-register">Create consultant account</a>
                    <a href="{{ route('demo-request') }}">Request buyer demo</a>
                </div>
            </div>
            <div class="topskills-consultant-panel">
                <strong>Consultant workspace includes</strong>
                <ul>
                    <li>Client company register and staff limits by package</li>
                    <li>Recruitment to onboarding handoff</li>
                    <li>ATS compliant resume template starter</li>
                    <li>Remote, hybrid, contractor, and offboarding workflows</li>
                    <li>Documents, compliance packs, and HR analytics starter</li>
                </ul>
            </div>
        </div>

        @if($errors->any())
            <div class="alert alert-danger">
                {{ $errors->first() }}
            </div>
        @endif

        <div class="topskills-package-grid">
            @foreach($packages as $package)
                <article class="{{ $package['code'] == $selectedPlan || $package['is_featured'] ? 'featured' : '' }}">
                    <span>{{ strtoupper($package['code']) }}</span>
                    <h2>{{ $package['title'] }}</h2>
                    <div class="topskills-package-price">${{ number_format($package['monthly_price'], 0) }}<small>/mo</small></div>
                    <p>{{ $package['client_limit'] >= 999 ? 'Custom clients' : $package['client_limit'].' clients' }} / {{ $package['staff_limit'] >= 99999 ? 'Custom staff' : number_format($package['staff_limit']).' staff' }}</p>
                    <ul>
                        @foreach(explode('|', $package['features']) as $feature)
                            <li>{{ $feature }}</li>
                        @endforeach
                    </ul>
                    <a href="{{ route('hr-consultant-register', $package['code']) }}#consultant-register">Pick {{ $package['title'] }}</a>
                </article>
            @endforeach
        </div>

        <div id="consultant-register" class="topskills-consultant-register">
            <div>
                <h2>Create your HR consultant account</h2>
                <p>Select a package, create your SaaS workspace, then add client companies and staff records from the employer dashboard.</p>
            </div>
            <form method="post" action="{{ route('hr-consultant-register-submit') }}">
                @csrf
                <div class="row">
                    <div class="col-md-6"><input name="first_name" value="{{ old('first_name') }}" placeholder="First name" required></div>
                    <div class="col-md-6"><input name="last_name" value="{{ old('last_name') }}" placeholder="Last name" required></div>
                    <div class="col-md-6"><input name="company" value="{{ old('company') }}" placeholder="Consultancy or agency name" required></div>
                    <div class="col-md-6"><input name="first_client" value="{{ old('first_client') }}" placeholder="First client company (optional)"></div>
                    <div class="col-md-6"><input type="email" name="email" value="{{ old('email') }}" placeholder="Work email" required></div>
                    <div class="col-md-6">
                        <select name="plan_code" required>
                            @foreach($packages as $package)
                                <option value="{{ $package['code'] }}" {{ old('plan_code', $selectedPlan) == $package['code'] ? 'selected' : '' }}>
                                    {{ $package['title'] }} - ${{ number_format($package['monthly_price'], 0) }}/mo
                                </option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-md-6"><input type="password" name="password" placeholder="Password" required></div>
                    <div class="col-md-6"><input type="password" name="retype_password" placeholder="Confirm password" required></div>
                </div>
                <button type="submit">Create HR consultant workspace</button>
            </form>
        </div>
    </div>
</section>
@endsection