@extends('admin.layouts.app')

@section('title', __('admin.nav.ai_agents') . ' — ' . __('admin.brand.name'))
@section('page_title', __('admin.nav.ai_agents'))

@push('styles')
<style>
    .ag-global { display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:#f8fafc;border:1px solid #e8edf3;border-radius:12px;padding:12px 16px;margin:0 0 14px; }
    .ag-global form { display:inline; }
    .ag-global button { border:0;border-radius:8px;padding:7px 14px;font-weight:700;color:#fff;cursor:pointer; }
    .ag-st { --badge-color:#1e7a33; } .ag-st--paused { --badge-color:#c62828; }
    .ag-mini-btn { border:1px solid #e2e8f0;background:#fff;border-radius:7px;padding:5px 11px;font-weight:700;font-size:12px;cursor:pointer; }
    .ag-mini-btn--pause { color:#c62828; } .ag-mini-btn--enable { color:#1e7a33; }
    .ag-mini-btn--manage { color:#4f46e5;text-decoration:none;display:inline-flex;align-items:center; } .ag-mini-btn--manage:hover { background:#eef2ff;border-color:#c7d2fe; }
    .ag-name-link { color:#0f172a;text-decoration:none; } .ag-name-link:hover { color:#4f46e5;text-decoration:underline; }
    .ag-topbar { display:flex;justify-content:flex-end;margin:0 0 12px; }
    .ag-reg-btn { border:0;background:#4f46e5;color:#fff;border-radius:8px;padding:8px 16px;font-weight:700;cursor:pointer; }
    .ag-reg { background:#fff;border:1px solid #e8edf3;border-radius:12px;padding:16px;margin:0 0 14px; }
    .ag-reg .grid { display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px; }
    .ag-reg label { display:block;font-size:12px;color:#64748b;margin:0 0 3px; }
    .ag-reg input,.ag-reg select,.ag-reg textarea { width:100%;border:1px solid #e2e8f0;border-radius:7px;padding:7px 8px;font-size:13px; }
    .ag-reg .err { color:#c62828;font-size:12px;margin-top:4px; }
    .ag-tabs { display:inline-flex;background:#f1f5f9;border-radius:999px;padding:4px;gap:3px; }
    .ag-tabs a { padding:7px 18px;border-radius:999px;font-size:13px;font-weight:700;text-decoration:none;color:#475569;display:inline-flex;align-items:center;gap:7px; }
    .ag-tabs a.is-active { background:#4f46e5;color:#fff; }
    .ag-tabs .pill { background:rgba(0,0,0,.08);border-radius:999px;padding:0 7px;font-size:11px;font-weight:800; }
    .ag-tabs a.is-active .pill { background:rgba(255,255,255,.25); }
    .ag-head { display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin:0 0 14px; }
    .ag-type { display:flex;gap:14px;align-items:center; }
    .ag-type label.opt { display:inline-flex;align-items:center;gap:6px;font-size:13px;color:#0f172a;cursor:pointer;margin:0; }
    .ag-type input[type=radio] { width:auto; }
</style>
@endpush

@section('content')
@if (session('status'))<div class="alert alert-success">{{ session('status') }}</div>@endif
@if ($errors?->any())<div class="alert alert-danger">{{ $errors->first() }}</div>@endif

<div class="ag-head">
    <div class="ag-tabs">
        <a href="{{ route('admin.agents.index', ['tab' => 'startups']) }}" class="{{ $tab === 'startups' ? 'is-active' : '' }}">🚀 {{ __('admin.nav.startups') }} <span class="pill">{{ $counts['startups'] }}</span></a>
        <a href="{{ route('admin.agents.index', ['tab' => 'investors']) }}" class="{{ $tab === 'investors' ? 'is-active' : '' }}">👥 {{ __('admin.nav.investors') }} <span class="pill">{{ $counts['investors'] }}</span></a>
    </div>
</div>

<div x-data="{ open: {{ $errors?->any() ? 'true' : 'false' }} }">
    <div class="ag-topbar">
        <button type="button" class="ag-reg-btn" @click="open = !open">＋ {{ __('admin.agents.register') }}</button>
    </div>

    <form method="POST" action="{{ route('admin.agents.store') }}" class="ag-reg" x-show="open" x-cloak>
        @csrf
        @php $typeDefault = old('agent_type', $type); @endphp
        <div style="margin:0 0 12px;"><label>Agent Type *</label>
            <div class="ag-type">
                <label class="opt"><input type="radio" name="agent_type" value="startup" {{ $typeDefault === 'startup' ? 'checked' : '' }}> 🚀 {{ __('admin.nav.startups') }}</label>
                <label class="opt"><input type="radio" name="agent_type" value="investor" {{ $typeDefault === 'investor' ? 'checked' : '' }}> 👥 {{ __('admin.nav.investors') }}</label>
            </div>
        </div>
        <div class="grid">
            <div><label>Agent key *</label><input type="text" name="agent_key" value="{{ old('agent_key') }}" placeholder="e.g. prescreen" required pattern="[a-z0-9_\-]+"></div>
            <div><label>Name *</label><input type="text" name="name" value="{{ old('name') }}" placeholder="PreScreen Agent" required></div>
            <div><label>Version</label><input type="text" name="agent_version" value="{{ old('agent_version', '1.0.0') }}"></div>
            <div><label>Environment</label>
                <select name="environment">
                    <option value="prod">prod</option><option value="test">test</option><option value="dev">dev</option>
                </select>
            </div>
        </div>
        <div style="margin-top:10px;"><label>Description</label><textarea name="description" rows="2" placeholder="What this agent does">{{ old('description') }}</textarea></div>
        <div style="margin-top:10px;display:flex;gap:8px;">
            <button type="submit" class="ag-reg-btn">{{ __('admin.agents.register') }}</button>
            <button type="button" class="ag-mini-btn" @click="open=false">Cancel</button>
        </div>
        <p class="muted" style="font-size:12px;margin-top:8px;">Agents can also self-register via <code>POST /api/v1/ai/agents</code> (Make).</p>
    </form>
</div>

<div class="ag-global">
    <strong>Global:</strong>
    <span class="badge ag-st{{ $global['status']==='paused' ? '--paused' : '' }}">{{ ucfirst($global['status']) }}</span>
    @if ($global['status'] === 'paused')
        <form method="POST" action="{{ route('admin.agents.enable-all') }}">@csrf<button style="background:#1e7a33">Enable all</button></form>
    @else
        <form method="POST" action="{{ route('admin.agents.pause-all') }}" onsubmit="return confirm('Pause ALL agents?');">@csrf<button style="background:#c62828">Pause all</button></form>
    @endif
    <span class="muted" style="font-size:12px;">Global pause overrides individual agent status. Unrelated Numu automations keep running.</span>
</div>

<div class="card card-table">
    <div class="card-table-wrap">
        <table class="data-table">
            <thead>
                <tr><th>Agent</th><th>Status</th><th>Source</th><th>Runs</th><th>Success</th><th>Failed</th><th>Last run</th><th>Version</th><th></th></tr>
            </thead>
            <tbody>
                @forelse ($agents as $row)
                    @php $a = $row['model']; $eff = $row['effective']; $st = $row['stats']; @endphp
                    <tr class="row-clickable" data-href="{{ route('admin.agents.show', $a) }}">
                        <td><a href="{{ route('admin.agents.show', $a) }}" class="ag-name-link"><strong>{{ $a->name }}</strong></a><br><small class="muted">{{ Str::limit($a->description, 60) }}</small></td>
                        <td>
                            <span class="badge ag-st{{ $eff['status']==='paused' ? '--paused' : '' }}">{{ ucfirst($eff['status']) }}</span>
                            @if ($eff['source'] === 'global')<br><small class="muted">via global</small>@endif
                        </td>
                        <td>
                            @php $src = $a->registered_by ?? 'seed'; $srcColor = ['seed'=>'#64748b','admin_ui'=>'#4f46e5','make_api'=>'#0d9488'][$src] ?? '#64748b'; @endphp
                            <span class="badge" style="--badge-color:{{ $srcColor }};">{{ str_replace('_',' ',$src) }}</span>
                        </td>
                        <td>{{ $st['total_runs'] }}</td>
                        <td>{{ number_format($st['success_rate'] * 100, 1) }}%</td>
                        <td>{{ $st['failed_runs'] }}</td>
                        <td class="muted">{{ $st['last_run_at'] ? \Illuminate\Support\Carbon::parse($st['last_run_at'])->format('Y-m-d H:i') : '—' }}</td>
                        <td class="muted">{{ $a->agent_version ?? '—' }}</td>
                        <td>
                            <div style="display:flex;gap:6px;align-items:center;justify-content:flex-end;">
                                <a href="{{ route('admin.agents.show', $a) }}" class="ag-mini-btn ag-mini-btn--manage">{{ __('admin.agents.manage') }}</a>
                                @if ($eff['status'] === 'paused')
                                    <form method="POST" action="{{ route('admin.agents.enable', $a) }}" onclick="event.stopPropagation();">@csrf<button class="ag-mini-btn ag-mini-btn--enable">Enable</button></form>
                                @else
                                    <form method="POST" action="{{ route('admin.agents.pause', $a) }}" onclick="event.stopPropagation();">@csrf<button class="ag-mini-btn ag-mini-btn--pause">Pause</button></form>
                                @endif
                            </div>
                        </td>
                    </tr>
                @empty
                    <tr><td colspan="9" class="muted" style="text-align:center;padding:28px;">
                        @if ($tab === 'investors')
                            No investor agents yet. Investor agents are not seeded — create one with <strong>＋ {{ __('admin.agents.register') }}</strong> above (or <code>POST /api/v1/ai/agents</code>).
                        @else
                            No startup agents yet. Run <code>php artisan db:seed --class=AgentsSeeder</code> or register one above.
                        @endif
                    </td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
</div>
@endsection