@extends('landlord.public-section.layouts.modern')
@section('title', 'Renew your workspace — PeoplePro')
@section('content')
<section class="pp-section pp-signup"><div class="pp-container pp-signup-grid">
<aside><span class="pp-eyebrow">{{ __('Keep your workday connected') }}</span><h1>{{ __('A little more room.') }}<br>{{ __('For what comes next.') }}</h1><p class="pp-lead">{{ __('Renew your workspace with the plan that fits your team.') }}</p></aside>
<div class="pp-form-card"><h2>{{ __('Renew your workspace') }}</h2>
@if ($packages->isEmpty())
<p role="status">{{ __('Renewal plans are being prepared. Please contact your workspace provider.') }}</p>
@else
<p>{{ __('Verify your workspace owner account, then continue to checkout.') }}</p>
<form method="post" action="{{ route('renew_subscription') }}">@csrf
<label for="renew-workspace">{{ __('Workspace address') }}</label><div class="pp-domain-field"><input class="form-control" id="renew-workspace" name="tenant" value="{{ old('tenant', request('tenant')) }}" required pattern="[a-z0-9][a-z0-9-]{1,28}[a-z0-9]"><span>.{{ config('tenancy.central_domains.0') }}</span></div>
<label for="renew-username">{{ __('Owner username') }}</label><input class="form-control" id="renew-username" name="username" value="{{ old('username') }}" required autocomplete="username">
<label for="renew-password">{{ __('Owner password') }}</label><input class="form-control" id="renew-password" name="password" type="password" required autocomplete="current-password">
<label for="renew-package">{{ __('Plan') }}</label><select class="form-control" id="renew-package" name="package_id" required>
@foreach ($packages as $package)
<option value="{{ $package->id }}" @selected((string) old('package_id') === (string) $package->id)>{{ $package->name }} · {{ $general->currency_code }} {{ number_format($package->monthly_fee, 2) }}/month · {{ number_format($package->yearly_fee, 2) }}/year</option>
@endforeach
</select>
<label for="renew-billing">{{ __('Billing period') }}</label><select class="form-control" id="renew-billing" name="subscription_type"><option value="monthly" @selected(old('subscription_type') !== 'yearly')>{{ __('Monthly') }}</option><option value="yearly" @selected(old('subscription_type') === 'yearly')>{{ __('Yearly') }}</option></select>
<label for="renew-coupon">{{ __('Coupon code (optional)') }}</label><input id="renew-coupon" class="form-control" name="coupon_code" value="{{ old('coupon_code') }}" maxlength="40">
<button class="pp-button pp-button-full" type="submit">{{ __('Continue to checkout ↗') }}</button><p class="pp-form-footnote">{{ __('Your plan changes after the payment is confirmed.') }}</p>
</form>
@endif
</div></div></section>
@endsection