@extends('layouts.public')
@section('title', 'Packages')
@section('content')
<section class="hero" style="padding: 4rem 0;">
    <div class="container text-center">
        <h1>Pricing & Packages</h1>
        <p class="lead">Pay once. Publish forever.</p>
    </div>
</section>

<div class="container py-5">
    <div class="row g-4 justify-content-center">
        @forelse($packages as $package)
            <div class="col-md-4">
                <div class="package-card {{ $package->is_featured ? 'featured' : '' }}">
                    <div class="package-name">{{ $package->name }}</div>
                    <div class="package-blogs">{{ $package->blogs_count }} {{ $package->blogs_count === 1 ? 'blog' : 'blogs' }}</div>
                    <div class="package-price">${{ number_format($package->price, 0) }}<small>/once</small></div>
                    @if($package->description)<p class="text-muted">{{ $package->description }}</p>@endif
                    @if(!empty($package->features))
                    <ul class="package-features">@foreach($package->features as $f)<li>{{ $f }}</li>@endforeach</ul>
                    @endif
                    @auth
                        <form action="{{ auth()->user()->isReseller() ? route('reseller.packages.buy', $package) : route('user.packages.buy', $package) }}" method="POST">
                            @csrf
                            <button class="btn btn-{{ $package->is_featured ? 'accent' : 'primary' }} w-100">Buy with PayPal</button>
                        </form>
                    @else
                        <a href="{{ route('register') }}" class="btn btn-{{ $package->is_featured ? 'accent' : 'primary' }} w-100">Sign Up & Buy</a>
                    @endauth
                </div>
            </div>
        @empty
            <div class="col-md-8 text-center text-muted py-5">No packages set up yet.</div>
        @endforelse
    </div>

    <div class="text-center mt-5">
        <p class="text-muted">Need a custom plan? <a href="{{ route('contact') }}">Contact us</a> for bulk packages.</p>
    </div>
</div>
@endsection