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

@section('title', 'Copy requests')
@section('page_title', $trader->name)
@section('page_subtitle', 'Manage pending copy-trading requests')

@section('content')
<x-vpm.button variant="ghost" class="vpm-btn--sm" href="{{ route('admin.traders') }}">&larr; Back to traders</x-vpm.button>

<section class="vpm-panel">
    <div class="vpm-panel__head">
        <h2 class="vpm-panel__title">{{ $trader->name }}</h2>
    </div>
    <div class="vpm-panel__body">
    <div class="vpm-dash-grid vpm-dash-grid--4">
        <div>
            <p style="font-size:12px;color:var(--vpm-text-muted);">Win percent</p>
            <p class="vpm-num vpm-positive">{{ $trader->formattedWinPercent() }}</p>
        </div>
        <div>
            <p style="font-size:12px;color:var(--vpm-text-muted);">Followers</p>
            <p class="vpm-num">{{ number_format($trader->followers) }}</p>
        </div>
        <div>
            <p style="font-size:12px;color:var(--vpm-text-muted);">Pending</p>
            <p class="vpm-num">{{ $pendingCount }}</p>
        </div>
        <div>
            <p style="font-size:12px;color:var(--vpm-text-muted);">Profit share</p>
            <p class="vpm-num vpm-positive">{{ $trader->formattedProfitShare() }}</p>
        </div>
    </div>
    </div>
</section>

<section class="vpm-panel">
    <div class="vpm-panel__head">
        <h2 class="vpm-panel__title">Copy requests</h2>
    </div>

    @if ($requests->isEmpty())
        <p class="vpm-empty-hint">No copy requests for this trader yet.</p>
    @else
        <div class="vpm-table-wrap">
            <table class="vpm-table vpm-table--terminal">
                <colgroup>
                    <col><col><col class="vpm-col-date"><col class="vpm-col-status"><col class="vpm-col-action">
                </colgroup>
                <thead>
                    <tr>
                        <th scope="col">Client</th>
                        <th scope="col">Email</th>
                        <th scope="col">Requested</th>
                        <th scope="col">Status</th>
                        <th scope="col" class="vpm-table__actions"><span class="sr-only">Actions</span></th>
                    </tr>
                </thead>
                <tbody>
                    @foreach ($requests as $request)
                        <tr>
                            <td>{{ $request->user->name }}</td>
                            <td>{{ $request->user->email }}</td>
                            <td>{{ $request->created_at->format('M j, Y H:i') }}</td>
                            <td>
                                <span class="vpm-badge vpm-badge--{{ $request->status === 'approved' ? 'up' : ($request->status === 'pending' ? 'down' : 'down') }}">
                                    {{ ucfirst($request->status) }}
                                </span>
                            </td>
                            <td class="vpm-table__actions">
                                @if ($request->isPending())
                                    <div class="vpm-deposit-actions">
                                        <form method="POST" action="{{ route('admin.copy-trader-requests.approve', $request) }}">
                                            @csrf
                                            <x-vpm.button type="submit" variant="primary" class="vpm-btn--sm">Approve</x-vpm.button>
                                        </form>
                                        <form method="POST" action="{{ route('admin.copy-trader-requests.reject', $request) }}">
                                            @csrf
                                            <x-vpm.button type="submit" variant="ghost" class="vpm-btn--sm">Reject</x-vpm.button>
                                        </form>
                                    </div>
                                @else
                                    <span style="font-size:12px;color:var(--vpm-text-muted);">
                                        {{ $request->reviewed_at?->format('M j, Y') ?? '—' }}
                                    </span>
                                @endif
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    @endif
</section>
@endsection