@extends('admin.layout')

@section('title', 'Panel admin')
@section('page_title', 'Panel admin · Comisiones y moderación')
@section('container_class', 'container py-4')

@section('content')
    <section class="card mt-shell-card mb-4">
        <div class="card-body p-4">
            <p class="mt-kicker mb-2">Admin intelligence</p>
            <h2 class="h5 mb-1">Vision operativa de riesgo, moderacion y comisiones</h2>
            <p class="text-secondary mb-0">Prioriza incidencias criticas y controla la salud del ecosistema desde un panel compacto.</p>
        </div>
    </section>

    <div class="row g-3 mb-4">
        <div class="col-md-3"><div class="card"><div class="card-body"><div class="text-secondary small">Solicitudes</div><div class="h4 mb-0">{{ $summary['requests_total'] }}</div></div></div></div>
        <div class="col-md-3"><div class="card"><div class="card-body"><div class="text-secondary small">Bloqueadas</div><div class="h4 mb-0">{{ $summary['requests_blocked'] }}</div></div></div></div>
        <div class="col-md-3"><div class="card"><div class="card-body"><div class="text-secondary small">Pendientes revisión</div><div class="h4 mb-0">{{ $summary['requests_pending_review'] }}</div></div></div></div>
        <div class="col-md-3"><div class="card"><div class="card-body"><div class="text-secondary small">Comisión total</div><div class="h4 mb-0">{{ number_format($summary['commission_total'], 2, ',', '.') }} EUR</div></div></div></div>
    </div>

    <div class="row g-4">
        <section class="col-lg-7">
            <div class="card">
                <div class="card-header fw-semibold">Solicitudes con mayor riesgo</div>
                <div class="table-responsive">
                    <table class="table mb-0 align-middle">
                        <thead>
                            <tr>
                                <th>ID</th>
                                <th>Título</th>
                                <th>Riesgo</th>
                                <th>Moderación</th>
                                <th>Usuario</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse($latestModeration as $request)
                                <tr>
                                    <td>{{ $request->id }}</td>
                                    <td>{{ $request->title }}</td>
                                    <td>{{ $request->risk_score }}</td>
                                    <td>
                                        @include('portal.partials.ui.status-badge', ['status' => $request->moderation_status])
                                    </td>
                                    <td>{{ $request->requester?->name }}</td>
                                </tr>
                            @empty
                                <tr><td colspan="5" class="text-secondary">Sin registros</td></tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
            </div>
        </section>
        <section class="col-lg-5">
            <div class="card">
                <div class="card-header fw-semibold">Comisión diaria (14 días)</div>
                <div class="list-group list-group-flush">
                    @forelse($dailyCommissions as $item)
                        <div class="list-group-item d-flex justify-content-between">
                            <span>{{ $item->day }}</span>
                            <strong>{{ number_format((float) $item->amount, 2, ',', '.') }} EUR</strong>
                        </div>
                    @empty
                        <div class="list-group-item text-secondary">Sin comisiones registradas.</div>
                    @endforelse
                </div>
            </div>
        </section>
    </div>

    <section class="card mt-shell-card mt-4">
        <div class="card-body p-4">
            <h3 class="h5 mb-3">Conversion de producto (ultimos {{ $conversion['days'] }} dias)</h3>
            <div class="row g-3 mb-3">
                <div class="col-md-3">
                    <div class="card h-100">
                        <div class="card-body">
                            <div class="small text-secondary">Registros</div>
                            <div class="h4 mb-0">{{ $conversion['registrations'] }}</div>
                        </div>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="card h-100">
                        <div class="card-body">
                            <div class="small text-secondary">Usuarios con primera accion</div>
                            <div class="h4 mb-0">{{ $conversion['users_with_first_action'] }}</div>
                        </div>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="card h-100">
                        <div class="card-body">
                            <div class="small text-secondary">Tasa primera accion</div>
                            <div class="h4 mb-0">{{ number_format($conversion['first_action_rate'], 2, ',', '.') }}%</div>
                        </div>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="card h-100">
                        <div class="card-body">
                            <div class="small text-secondary">Postulaciones</div>
                            <div class="h4 mb-0">{{ $conversion['job_applications'] }}</div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="table-responsive">
                <table class="table table-sm align-middle mb-0">
                    <thead>
                        <tr>
                            <th>Evento UX</th>
                            <th class="text-end">Total</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse($conversion['top_events'] as $event)
                            <tr>
                                <td>{{ $event->event_name }}</td>
                                <td class="text-end">{{ (int) $event->total }}</td>
                            </tr>
                        @empty
                            <tr>
                                <td colspan="2" class="text-secondary">Aun no hay eventos UX registrados.</td>
                            </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </div>
    </section>
@endsection