@extends('landlord.public-section.layouts.modern')
@section('title', __('Create your workspace — PeoplePro'))
@section('content')
<section class="pp-section pp-signup"><div class="pp-container pp-signup-grid"><aside><span class="pp-eyebrow">{{ __('A better workday begins here') }}</span><h1>{{ __('Your people.') }}<br>{{ __('Your workspace.') }}<br>{{ __('Your next chapter.') }}</h1><p class="pp-lead">{{ __('Bring the everyday together with PeoplePro.') }}</p><div class="pp-signup-note"><span>✦</span><div><strong>{{ __('Make it your own') }}</strong><p>{{ __('A dedicated workspace, your company settings and room for your people to grow.') }}</p></div></div></aside>
<div class="pp-form-card"><h2>{{ __('Create your workspace') }}</h2>
@if ($packages->isEmpty())
<p role="status">{{ __('Workspace signup is temporarily unavailable while plans are being prepared. Please check back soon.') }}</p><a class="pp-button pp-button-outline" href="{{ route('landingPage.index') }}">{{ __('Back to home') }}</a>
@else
<p>{{ __('Start with your plan and a few details.') }}</p><form action="{{ route('customer.signup') }}" method="post" data-signup-form>@csrf
    <input type="hidden" name="created_by" value="customer"><input type="hidden" name="is_new_tenant" value="1">
    <fieldset><legend>{{ __('1. Choose your plan') }}</legend><div class="pp-field-grid"><div><label for="signup-package">{{ __('Plan') }}</label><select id="signup-package" name="package_id" required class="form-control">@foreach ($packages as $package)<option value="{{ $package->id }}" data-trial="{{ (int) $package->is_free_trial }}" data-trial-days="{{ $trialDays }}" data-modules="{{ implode(', ', array_map(fn($module)=>__($module), $planDetails->modules($package))) }}" data-monthly="{{ $package->monthly_fee }}" data-yearly="{{ $package->yearly_fee }}" @selected((string) old('package_id', request('package')) === (string) $package->id)>{{ $package->name }} · {{ (int)$package->number_of_employee === 0 ? __('Unlimited employees') : __(':count employees', ['count'=>$package->number_of_employee]) }}</option>@endforeach</select></div><div><label for="signup-billing">{{ __('Billing period') }}</label><select id="signup-billing" name="subscription_type" class="form-control"><option value="monthly" @selected(old('subscription_type', request('billing')) !== 'yearly')>{{ __('Monthly') }}</option><option value="yearly" @selected(old('subscription_type', request('billing')) === 'yearly')>{{ __('Yearly') }}</option></select></div></div><div class="pp-plan-summary" role="status" data-plan-summary data-currency="{{ $general->currency_code }}">{{ __('Your plan price will appear here.') }}</div><p class="pp-plan-module-summary" data-plan-modules></p></fieldset>
    <label for="signup-coupon">{{ __('Coupon code (optional)') }}</label><input id="signup-coupon" class="form-control" name="coupon_code" value="{{ old('coupon_code') }}" maxlength="40"><small>{{ __('Your discount is confirmed at checkout.') }}</small>
    <fieldset><legend>{{ __('2. Your organization') }}</legend><label for="signup-company">{{ __('Company name') }}</label><input id="signup-company" class="form-control" name="company_name" value="{{ old('company_name') }}" required minlength="3" maxlength="150" autocomplete="organization">
    <label for="signup-domain">{{ __('Workspace address') }}</label><div class="pp-domain-field"><input id="signup-domain" class="form-control" name="tenant" value="{{ old('tenant') }}" required minlength="3" maxlength="30" pattern="[a-z0-9][a-z0-9-]{1,28}[a-z0-9]" aria-describedby="domain-help" autocapitalize="none" spellcheck="false"><span>.{{ config('tenancy.central_domains.0') }}</span></div><small id="domain-help">{{ __('Use 3–30 lowercase letters, numbers or hyphens. Start and end with a letter or number.') }}</small></fieldset>
    <fieldset><legend>{{ __('3. Your account') }}</legend><div class="pp-field-grid"><div><label for="signup-first">{{ __('First name') }}</label><input id="signup-first" class="form-control" name="first_name" value="{{ old('first_name') }}" required autocomplete="given-name"></div><div><label for="signup-last">{{ __('Last name') }}</label><input id="signup-last" class="form-control" name="last_name" value="{{ old('last_name') }}" required autocomplete="family-name"></div></div><div class="pp-field-grid"><div><label for="signup-email">{{ __('Email') }}</label><input id="signup-email" class="form-control" name="email" type="email" value="{{ old('email') }}" required autocomplete="email"></div><div><label for="signup-phone">{{ __('Phone number') }}</label><input id="signup-phone" class="form-control" name="contact_no" type="tel" value="{{ old('contact_no') }}" required autocomplete="tel"></div></div><label for="signup-username">{{ __('Username') }}</label><input id="signup-username" class="form-control" name="username" value="{{ old('username') }}" required minlength="3" maxlength="50" autocomplete="username"><div class="pp-field-grid"><div><label for="signup-password">{{ __('Password') }}</label><input id="signup-password" class="form-control" name="password" type="password" required minlength="8" autocomplete="new-password"></div><div><label for="signup-confirm">{{ __('Confirm password') }}</label><input id="signup-confirm" class="form-control" name="password_confirmation" type="password" required minlength="8" autocomplete="new-password"></div></div><small>{{ __('Use at least 8 characters.') }}</small></fieldset>
    <button class="pp-button pp-button-full" type="submit" data-signup-submit>{{ __('Continue to your workspace ↗') }}</button><p class="pp-form-footnote">{{ __('Paid plans continue to checkout. Trial plans create your workspace directly.') }}</p>
</form>
@endif
</div></div></section>
@endsection