@extends('layouts.vpm-dashboard', ['active' => 'mining', 'area' => 'user'])

@section('title', 'Mining bundles')
@section('page_title', 'Browse bundles')
@section('page_subtitle', 'Choose one plan to purchase')
@section('parent_title', 'Mining')
@section('parent_url', route('app.mining'))

@section('content')
<div class="vpm-action-page vpm-action-page--wide">
    <p class="vpm-action-back">
        <a href="{{ route('app.mining') }}">&larr; Back to mining overview</a>
    </p>

    <x-vpm.action-hero
        title="Choose a mining bundle"
        text="Each card is one purchase. Funds are deducted from your balance when you confirm."
    />

    @if (! $miningEnabled)
        <div class="vpm-alert vpm-alert--error" role="alert">Mining purchases are currently disabled. Contact support for details.</div>
    @endif

    @if ($plans->isEmpty())
        <div class="vpm-empty-state">
            <p class="vpm-empty-state__title">No mining plans available</p>
            <p>Check back soon or contact support for available bundles.</p>
        </div>
    @else
        <div class="vpm-plan-cards">
            @foreach ($plans as $plan)
                <article class="vpm-plan-card">
                    <div class="vpm-plan-card__head">
                        <h3 class="vpm-plan-card__title">{{ $plan->name }}</h3>
                        <x-vpm.chip variant="active">Available</x-vpm.chip>
                    </div>
                    @if ($plan->description)
                        <p class="vpm-plan-card__desc">{{ $plan->description }}</p>
                    @endif
                    <p class="vpm-num vpm-plan-card__price">{{ number_format($plan->price, 2) }} {{ $currency }}</p>
                    <p class="vpm-plan-card__meta">
                        {{ $plan->duration_days }} days &middot; {{ number_format($plan->profit_percent, 2) }}% profit
                    </p>
                    <p class="vpm-plan-card__meta">
                        Est. {{ number_format($plan->expectedProfit(), 2) }} {{ $currency }} total
                    </p>
                    @if ($miningEnabled)
                        <form
                            method="POST"
                            action="{{ route('app.mining.purchase', $plan) }}"
                            data-vpm-confirm="Buy {{ $plan->name }} for {{ number_format($plan->price, 2) }} {{ $currency }}? This amount will be deducted from your balance."
                        >
                            @csrf
                            @if ((float) $balance < (float) $plan->price)
                                <x-vpm.button type="submit" variant="primary" class="vpm-btn--sm" disabled>
                                    Add funds to purchase
                                </x-vpm.button>
                            @else
                                <x-vpm.button type="submit" variant="primary" class="vpm-btn--sm" data-loading-label="Processing…">
                                    Purchase bundle
                                </x-vpm.button>
                            @endif
                        </form>
                    @endif
                </article>
            @endforeach
        </div>
    @endif
</div>
@endsection