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

@section('title', 'Mining')
@section('page_title', 'Mining')
@section('page_subtitle', 'Configure mining bundles — price, duration, and profit')

@section('content')
<div class="vpm-list-page">
<x-vpm.action-hero
    title="Manage mining bundles"
    text="Review plans below. Create new bundles on a dedicated page."
>
    <x-slot:action>
        <x-vpm.button variant="primary" class="vpm-btn--sm" href="{{ route('admin.mining-plans.create') }}">Create plan</x-vpm.button>
    </x-slot:action>
</x-vpm.action-hero>

<div class="vpm-dash-grid vpm-dash-grid--3">
    <div class="vpm-metric-card">
        <p class="vpm-metric-card__label">Mining plans</p>
        <p class="vpm-num vpm-metric-card__value">{{ $plans->count() }}</p>
    </div>
    <div class="vpm-metric-card">
        <p class="vpm-metric-card__label">Active plans</p>
        <p class="vpm-num vpm-metric-card__value">{{ $activeCount }}</p>
    </div>
    <div class="vpm-metric-card">
        <p class="vpm-metric-card__label">Total purchases</p>
        <p class="vpm-num vpm-metric-card__value">{{ $totalSubscribers }}</p>
    </div>
</div>

<section class="vpm-panel">
    <div class="vpm-panel__head">
        <h2 class="vpm-panel__title">Mining bundles</h2>
    </div>

    @if ($plans->isEmpty())
        <p class="vpm-empty-hint">No mining plans yet. <a href="{{ route('admin.mining-plans.create') }}">Create the first plan</a>.</p>
    @else
        <div class="vpm-table-wrap">
            <table class="vpm-table vpm-table--terminal vpm-table--layout-7">
                <colgroup>
                    <col><col class="vpm-col-num"><col class="vpm-col-num"><col class="vpm-col-num"><col class="vpm-col-num"><col class="vpm-col-status"><col class="vpm-col-action">
                </colgroup>
                <thead>
                    <tr>
                        <th scope="col">Plan</th>
                        <th scope="col" class="num">Price</th>
                        <th scope="col" class="num">Duration</th>
                        <th scope="col" class="num">Profit</th>
                        <th scope="col" class="num">Purchases</th>
                        <th scope="col">Status</th>
                        <th scope="col" class="vpm-table__actions"><span class="sr-only">Actions</span></th>
                    </tr>
                </thead>
                <tbody>
                    @foreach ($plans as $plan)
                        <tr>
                            <td colspan="7" class="vpm-table-expand-cell">
                                <details class="vpm-wallet-row">
                                    <summary>
                                        <span class="vpm-table-summary__cell vpm-table-summary__cell--truncate">{{ $plan->name }}</span>
                                        <span class="vpm-table-summary__cell vpm-table-summary__cell--num">{{ number_format($plan->price, 2) }}</span>
                                        <span class="vpm-table-summary__cell vpm-table-summary__cell--num">{{ $plan->duration_days }} days</span>
                                        <span class="vpm-table-summary__cell vpm-table-summary__cell--num">{{ number_format($plan->profit_percent, 2) }}%</span>
                                        <span class="vpm-table-summary__cell vpm-table-summary__cell--num">{{ $plan->subscriptions_count }}</span>
                                        <span class="vpm-table-summary__cell">
                                            <span class="vpm-badge vpm-badge--{{ $plan->is_active ? 'up' : 'down' }}">{{ $plan->is_active ? 'Active' : 'Inactive' }}</span>
                                        </span>
                                        <span class="vpm-table-summary__cell vpm-table-summary__cell--action" aria-hidden="true"></span>
                                    </summary>
                                    <form method="POST" action="{{ route('admin.mining-plans.update', $plan) }}" class="vpm-wallet-form vpm-inline-expand-form">
                                        @csrf
                                        @method('PUT')
                                        <div class="vpm-wallet-form__grid">
                                            <label class="vpm-field">
                                                <span class="vpm-field__label">Plan name</span>
                                                <input type="text" name="name" class="vpm-input" value="{{ $plan->name }}" required maxlength="80">
                                            </label>
                                            <label class="vpm-field">
                                                <span class="vpm-field__label">Price</span>
                                                <input type="number" name="price" class="vpm-input" value="{{ $plan->price }}" required min="1" step="0.01">
                                            </label>
                                            <label class="vpm-field">
                                                <span class="vpm-field__label">Duration (days)</span>
                                                <input type="number" name="duration_days" class="vpm-input" value="{{ $plan->duration_days }}" required min="1" max="3650">
                                            </label>
                                            <label class="vpm-field">
                                                <span class="vpm-field__label">Profit (%)</span>
                                                <input type="number" name="profit_percent" class="vpm-input" value="{{ $plan->profit_percent }}" required min="0.01" max="1000" step="0.01">
                                            </label>
                                            <label class="vpm-field">
                                                <span class="vpm-field__label">Sort order</span>
                                                <input type="number" name="sort_order" class="vpm-input" value="{{ $plan->sort_order }}" min="0" max="999">
                                            </label>
                                            <label class="vpm-field vpm-field--checkbox">
                                                <input type="checkbox" name="is_active" value="1" {{ $plan->is_active ? 'checked' : '' }}>
                                                <span>Active for user purchases</span>
                                            </label>
                                            <label class="vpm-field vpm-wallet-form__full">
                                                <span class="vpm-field__label">Description</span>
                                                <textarea name="description" class="vpm-input" rows="2" maxlength="500">{{ $plan->description }}</textarea>
                                            </label>
                                        </div>
                                        <p style="font-size:12px;color:var(--vpm-text-muted);margin-top:8px;">
                                            Expected profit: {{ number_format($plan->expectedProfit(), 2) }} &middot;
                                            Daily yield: {{ number_format($plan->dailyYield(), 2) }}
                                        </p>
                                        <x-vpm.form-actions submit="Save" />
                                    </form>
                                    @if (! $plan->subscriptions()->exists())
                                        <form method="POST" action="{{ route('admin.mining-plans.destroy', $plan) }}" class="vpm-inline-expand-form" data-vpm-confirm="Delete this mining plan? This cannot be undone.">
                                            @csrf
                                            @method('DELETE')
                                            <x-vpm.button type="submit" variant="ghost" class="vpm-btn--sm">Delete</x-vpm.button>
                                        </form>
                                    @endif
                                </details>
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    @endif
</section>

<section class="vpm-panel" style="margin-top:24px;">
    <div class="vpm-panel__head">
        <div>
            <h2 class="vpm-panel__title">Client subscriptions</h2>
            <p class="vpm-settings-section__desc">Assign mining plans and adjust balance or profit. Active plans appear in the client open trades panel; completed plans move to closed trades.</p>
        </div>
    </div>

    <form method="POST" action="{{ route('admin.mining.subscriptions.store') }}" class="vpm-wallet-form" style="margin-bottom:20px;">
        @csrf
        <div class="vpm-wallet-form__grid">
            <label class="vpm-field">
                <span class="vpm-field__label">Client</span>
                <select name="user_id" class="vpm-input" required>
                    <option value="">Select client</option>
                    @foreach ($clients as $client)
                        <option value="{{ $client->id }}" @selected(old('user_id') == $client->id)>{{ $client->name }} ({{ $client->email }})</option>
                    @endforeach
                </select>
            </label>
            <label class="vpm-field">
                <span class="vpm-field__label">Mining plan</span>
                <select name="mining_plan_id" class="vpm-input">
                    <option value="">Custom plan</option>
                    @foreach ($plans as $plan)
                        <option value="{{ $plan->id }}" @selected(old('mining_plan_id') == $plan->id)>{{ $plan->name }}</option>
                    @endforeach
                </select>
            </label>
            <label class="vpm-field">
                <span class="vpm-field__label">Custom plan name</span>
                <input type="text" name="plan_name" class="vpm-input" value="{{ old('plan_name') }}" maxlength="120" placeholder="Bitcoin Mining 2 Weeks">
            </label>
            <label class="vpm-field">
                <span class="vpm-field__label">Price</span>
                <input type="number" name="price_paid" class="vpm-input" value="{{ old('price_paid') }}" min="0" step="0.01">
            </label>
            <label class="vpm-field">
                <span class="vpm-field__label">Duration (days)</span>
                <input type="number" name="duration_days" class="vpm-input" value="{{ old('duration_days', 7) }}" min="1" max="3650">
            </label>
            <label class="vpm-field">
                <span class="vpm-field__label">Profit (%)</span>
                <input type="number" name="profit_percent" class="vpm-input" value="{{ old('profit_percent', 50) }}" min="0" step="0.01">
            </label>
        </div>
        <x-vpm.form-actions submit="Assign mining plan" />
    </form>

    @if ($subscriptions->isEmpty())
        <p class="vpm-empty-hint">No client mining subscriptions yet.</p>
    @else
        <div class="vpm-table-wrap">
            <table class="vpm-table vpm-table--terminal">
                <thead>
                    <tr>
                        <th scope="col">Client</th>
                        <th scope="col">Plan</th>
                        <th scope="col" class="num">Balance</th>
                        <th scope="col" class="num">Profit</th>
                        <th scope="col">Ends</th>
                        <th scope="col">Status</th>
                        <th scope="col" class="vpm-table__actions"><span class="sr-only">Actions</span></th>
                    </tr>
                </thead>
                <tbody>
                    @foreach ($subscriptions as $subscription)
                        <tr>
                            <td colspan="7" class="vpm-table-expand-cell">
                                <x-vpm.admin-product-subscription-row
                                    :subscription="$subscription"
                                    :update-route="route('admin.mining.subscriptions.update', $subscription)"
                                    :destroy-route="route('admin.mining.subscriptions.destroy', $subscription)"
                                />
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    @endif
</section>
</div>
@endsection