@extends('layouts.app')

@section('title', 'Convert to full access')

@section('content')
<x-page-header title="Full access" subtitle="Pick a prepaid term and convert your trial or restore access" icon="bolt" icon-color="emerald" />

@if (session('error'))
    <div class="flash-error mb-4">{{ session('error') }}</div>
@endif

<div class="glass-card p-6 max-w-4xl space-y-5">
    <p class="text-sm text-themed-muted">
        Company: <strong class="text-themed">{{ $company->name }}</strong><br>
        Company number: <strong class="text-themed font-mono">{{ $company->formattedCompanyNumber() }}</strong><br>
        Status: <strong class="text-themed">{{ $company->status }}</strong>
        @if ($company->trial_ends_at)
            <br>Trial ends: <strong class="text-themed">{{ $company->trial_ends_at->format('M j, Y H:i') }}</strong>
        @endif
    </p>
    <p class="text-sm text-themed-muted">
        Monthly rate {{ $priceFormatted ?? ('$'.number_format($price, 2).' '.$currency) }}.
        Choose how many months to pay now — longer terms include a discount.
    </p>
    <form method="POST" action="{{ route('billing.checkout') }}" class="space-y-4">
        @csrf
        @include('partials.subscription-plan-picker', [
            'tiers' => $tiers ?? [],
            'plans' => $plans,
            'selectedMonths' => $selectedMonths,
            'selectedPlan' => $selectedPlan,
            'style' => 'app',
        ])
        @include('partials.payment-gateway-picker', [
            'paymentGateways' => $paymentGateways ?? [],
            'selectedPaymentProvider' => $selectedPaymentProvider ?? '',
            'style' => 'app',
        ])
        <button type="submit" class="btn-primary">Pay &amp; activate full access</button>
    </form>
</div>
@endsection