@extends('layouts.app')

@section('title', 'Billing')

@section('content')
<x-page-header title="Billing" subtitle="Choose a term, pay, and manage auto-renew" icon="bolt" icon-color="emerald" />

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

<div class="grid lg:grid-cols-2 gap-6 max-w-5xl">
    <div class="glass-card p-6 space-y-4">
        <h3 class="font-semibold">Subscription</h3>
        <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><br>
            Plan: <strong class="text-themed">{{ $company->subscriptionPlan?->name ?? $company->plan }}</strong>
            @if ($company->isPerpetual())
                <br>Access: <strong class="text-themed">Unlimited (granted by Super Admin)</strong>
            @elseif ($company->subscription_ends_at)
                <br>Access until: <strong class="text-themed">{{ $company->subscription_ends_at->format('M j, Y H:i') }}</strong>
            @elseif ($company->isActive() && $company->plan === 'paid')
                <br>Access until: <strong class="text-themed">No end date (offline activation)</strong>
            @endif
        </p>
        @if ($company->isPerpetual())
            <p class="text-sm text-themed-muted">Your company has Perpetual access — no renewal needed.</p>
        @else
            <p class="text-sm text-themed-muted">
                Monthly rate {{ $priceFormatted ?? ('$'.number_format($price, 2).' '.$currency) }}.
                Longer terms include Super Admin discounts.
            </p>
        @endif
        @if ($canManage && ! $company->isPerpetual())
            <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">
                    {{ $company->hasAppAccess() && $company->plan === 'paid' ? 'Pay & extend access' : 'Pay & activate full access' }}
                </button>
            </form>
            <p class="text-xs text-themed-muted">Pay with a card to enable auto-renew. Auto-renew charges one month at the monthly price (no prepaid discount).</p>
        @endif
    </div>

    <div class="glass-card p-6 space-y-4">
        <h3 class="font-semibold">Auto-renew (Paystack card)</h3>
        @if ($company->hasCardOnFile())
            <p class="text-sm text-themed-muted">
                Card on file:
                <strong class="text-themed">{{ strtoupper($company->card_brand ?? 'CARD') }} ···· {{ $company->card_last4 }}</strong>
                @if ($company->card_exp)
                    <span>(exp {{ $company->card_exp }})</span>
                @endif
            </p>
        @else
            <p class="text-sm text-themed-muted">No reusable card saved yet. Complete a card checkout to store authorization for auto-renew.</p>
        @endif

        @if ($canManage)
            <form method="POST" action="{{ route('billing.auto-renew') }}" class="space-y-3">
                @csrf
                @method('PUT')
                <label class="flex items-center justify-between gap-4 p-4 rounded-xl border border-themed bg-themed-subtle cursor-pointer">
                    <span class="text-sm font-medium">Enable auto-renew</span>
                    <input type="checkbox" name="auto_renew" value="1" class="rounded border-themed text-teal-600 h-5 w-5"
                           @checked(old('auto_renew', $company->auto_renew))
                           @disabled(! $company->hasCardOnFile() && ! $company->auto_renew)>
                </label>
                <button type="submit" class="btn-secondary">Save auto-renew preference</button>
            </form>
        @endif

        @if ($company->renewal_failures > 0)
            <p class="text-sm text-amber-600">Recent auto-renew failures: {{ $company->renewal_failures }}. Update your card by paying again.</p>
        @endif
    </div>
    <div class="glass-card p-6 space-y-4">
        <h3 class="font-semibold">Plan usage</h3>
        @php
            $plan = $company->effectivePlan();
            $rows = [
                'Devices' => [$company->deviceCount(), $plan?->maxDevices()],
                'Users' => [$company->userCount(), $plan?->maxUsers()],
                'Keywords' => [$company->keywordCount(), $plan?->maxKeywords()],
            ];
        @endphp
        @foreach ($rows as $label => [$used, $max])
            <div>
                <div class="flex justify-between text-sm">
                    <span>{{ $label }}</span>
                    <span class="text-themed-muted">{{ $used }} / {{ $max === null ? '∞' : $max }}</span>
                </div>
            </div>
        @endforeach
        @php $__retention = $company->dataRetentionDays(); @endphp
        <div class="flex justify-between text-sm pt-2 border-t border-white/5">
            <span>Data retention</span>
            <span class="text-themed-muted">{{ $__retention ? $__retention.' days' : 'Indefinite' }}</span>
        </div>
        @if (! $company->isSubCompany())
            @php $__subMax = $company->planMaxSubCompanies(); @endphp
            <div class="flex justify-between text-sm">
                <span>Sub-companies</span>
                <span class="text-themed-muted">{{ $company->subCompanyCount() }} / {{ $__subMax === null ? '∞' : $__subMax }}</span>
            </div>
        @endif
        <p class="text-xs text-themed-muted">Limits come from your plan ({{ $plan?->name ?? 'Standard' }}). Upgrade or contact support to raise a cap.</p>
    </div>

</div>
@endsection