@extends('layouts.app')

@section('title', 'Dashboard')

@section('content')
<div class="section-title">
    <div>
        <h1>Dashboard</h1>
        <p class="muted">Leads processed in the last 24 hours. Delete a lead to allow re-push on the next cron run.</p>
    </div>
</div>

<div class="panel">
    <form method="GET" action="{{ route('dashboard') }}" style="display:flex; gap:12px; align-items:end; flex-wrap:wrap;">
        <div class="field" style="margin:0; min-width:260px;">
            <label for="company_id">Company</label>
            <select name="company_id" id="company_id" onchange="this.form.submit()">
                @forelse ($companies as $item)
                    <option value="{{ $item->id }}" @selected($company && $company->id === $item->id)>{{ $item->name }}</option>
                @empty
                    <option value="">No companies yet</option>
                @endforelse
            </select>
        </div>
        @if ($company)
            <a class="btn secondary" href="{{ route('companies.edit', $company) }}">Configure APIs</a>
        @else
            <a class="btn" href="{{ route('companies.create') }}">Add company</a>
        @endif
    </form>
</div>

@if ($company)
    <div class="grid grid-3">
        <div class="stat"><span class="muted">Processed (24h)</span><strong>{{ $stats['total'] }}</strong></div>
        <div class="stat"><span class="muted">Pushed to Bitrix</span><strong>{{ $stats['pushed'] }}</strong></div>
        <div class="stat"><span class="muted">Failed</span><strong>{{ $stats['failed'] }}</strong></div>
    </div>

    <div class="panel" style="margin-top:16px;">
        <h2>By portal</h2>
        <div style="display:flex; gap:8px; flex-wrap:wrap;">
            @forelse ($stats['by_portal'] as $portal => $count)
                <span class="badge">{{ str_replace('_', ' ', $portal) }}: {{ $count }}</span>
            @empty
                <span class="muted">No leads processed in the last 24 hours.</span>
            @endforelse
        </div>
    </div>

    <div class="panel">
        <h2>Recent leads</h2>
        <table>
            <thead>
                <tr>
                    <th>Portal</th>
                    <th>External ID</th>
                    <th>Bitrix ID</th>
                    <th>Status</th>
                    <th>Processed</th>
                    <th></th>
                </tr>
            </thead>
            <tbody>
                @forelse ($leads as $lead)
                    <tr>
                        <td>{{ str_replace('_', ' ', $lead->portal) }}</td>
                        <td><span class="code">{{ $lead->external_lead_id }}</span></td>
                        <td>{{ $lead->bitrix_lead_id ?: '—' }}</td>
                        <td>
                            <span class="badge {{ $lead->status === 'pushed' ? 'ok' : 'fail' }}">{{ $lead->status }}</span>
                            @if ($lead->error_message)
                                <div class="muted" style="margin-top:4px;">{{ \Illuminate\Support\Str::limit($lead->error_message, 120) }}</div>
                            @endif
                        </td>
                        <td>{{ optional($lead->processed_at)->format('Y-m-d H:i') }}</td>
                        <td>
                            <form method="POST" action="{{ route('leads.destroy', $lead) }}" onsubmit="return confirm('Delete this processed lead so it can be re-pushed?')">
                                @csrf
                                @method('DELETE')
                                <button class="btn danger small" type="submit">Delete</button>
                            </form>
                        </td>
                    </tr>
                @empty
                    <tr><td colspan="6" class="muted">No leads yet for this company in the last 24 hours.</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
@endif
@endsection