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

@section('title', 'Signals')
@section('page_title', 'Signals')
@section('page_subtitle', 'Assign signal plans and adjust client balance or profit')

@section('content')
<div class="vpm-list-page">
    <x-vpm.action-hero
        title="Manage signal subscriptions"
        text="Assign signal plans to clients. Active plans appear in open trades; completed plans move to closed trades when the timeline ends."
    />

    <div class="vpm-dash-grid vpm-dash-grid--3">
        <div class="vpm-metric-card">
            <p class="vpm-metric-card__label">Total subscriptions</p>
            <p class="vpm-num vpm-metric-card__value">{{ $subscriptions->count() }}</p>
        </div>
        <div class="vpm-metric-card">
            <p class="vpm-metric-card__label">Open</p>
            <p class="vpm-num vpm-metric-card__value">{{ $subscriptions->filter->isActive()->count() }}</p>
        </div>
        <div class="vpm-metric-card">
            <p class="vpm-metric-card__label">Closed</p>
            <p class="vpm-num vpm-metric-card__value">{{ $subscriptions->reject(fn ($s) => $s->isActive())->count() }}</p>
        </div>
    </div>

    <section class="vpm-panel">
        <div class="vpm-panel__head">
            <h2 class="vpm-panel__title">Assign signal plan</h2>
        </div>

        <form method="POST" action="{{ route('admin.signals.subscriptions.store') }}" class="vpm-wallet-form">
            @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">Signal plan</span>
                    <select name="plan_name" class="vpm-input" required>
                        @foreach ($signalPlans as $plan)
                            <option value="{{ $plan['name'] }}" @selected(old('plan_name') === $plan['name'])>
                                {{ $plan['name'] }} — {{ number_format($plan['price'], 2) }} / {{ $plan['duration_days'] }} days
                            </option>
                        @endforeach
                    </select>
                </label>
                <label class="vpm-field">
                    <span class="vpm-field__label">Price override</span>
                    <input type="number" name="price_paid" class="vpm-input" value="{{ old('price_paid') }}" min="0" step="0.01" placeholder="Uses plan default">
                </label>
                <label class="vpm-field">
                    <span class="vpm-field__label">Duration override (days)</span>
                    <input type="number" name="duration_days" class="vpm-input" value="{{ old('duration_days') }}" min="1" max="3650" placeholder="Uses plan default">
                </label>
                <label class="vpm-field">
                    <span class="vpm-field__label">Profit % override</span>
                    <input type="number" name="profit_percent" class="vpm-input" value="{{ old('profit_percent') }}" min="0" step="0.01" placeholder="Uses plan default">
                </label>
            </div>
            <div style="margin-top:12px;">
                <x-vpm.button type="submit" variant="primary" class="vpm-btn--sm">Assign signal plan</x-vpm.button>
            </div>
        </form>
    </section>

    <section class="vpm-panel" style="margin-top:24px;">
        <div class="vpm-panel__head">
            <h2 class="vpm-panel__title">Client subscriptions</h2>
        </div>

        @if ($subscriptions->isEmpty())
            <p class="vpm-empty-hint">No signal 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.signals.subscriptions.update', $subscription)"
                                        :destroy-route="route('admin.signals.subscriptions.destroy', $subscription)"
                                    />
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        @endif
    </section>
</div>
@endsection