@extends('admin.layouts.admin')
@section('title', 'Dashboard')
@section('page-title', 'Dashboard')

@section('admin-content')

@if(session('2fa_warning'))
<div style="background:#fef9c3;border:1px solid #fde68a;border-radius:8px;padding:0.85rem 1.1rem;margin-bottom:1.25rem;display:flex;align-items:center;gap:0.75rem;">
    <span style="font-size:1rem;">🔐</span>
    <div>
        <p style="font-size:0.8rem;color:#854d0e;">{{ session('2fa_warning') }}</p>
        <a href="{{ route('admin.2fa.setup') }}" style="font-size:0.75rem;font-weight:600;color:#854d0e;text-decoration:underline;">Set up 2FA now →</a>
    </div>
</div>
@endif

<div style="display:grid;grid-template-columns:repeat(3,1fr);gap:0.75rem;margin-bottom:1.5rem;">
    @foreach([
        ['Team Members',   $stats['team'],            '#2d3aff'],
        ['Active Clients', $stats['clients'],         '#059669'],
        ['Blog Posts',     $stats['blogs'],           '#6366f1'],
        ['Portfolio',      $stats['projects'],        '#c9a227'],
        ['Open Tickets',   $stats['open_tickets'],    '#dc2626'],
        ['Unpaid Invoices',$stats['unpaid_invoices'], '#f59e0b'],
    ] as [$label, $count, $color])
    <div class="admin-card" style="display:flex;align-items:center;gap:0.85rem;">
        <div style="width:2.5rem;height:2.5rem;border-radius:10px;background:{{ $color }}18;display:flex;align-items:center;justify-content:center;flex-shrink:0;">
            <div style="width:0.65rem;height:0.65rem;border-radius:999px;background:{{ $color }};"></div>
        </div>
        <div>
            <div style="font-family:'Fraunces',serif;font-size:1.5rem;font-weight:700;color:#0f0f14;line-height:1;">{{ $count }}</div>
            <div style="font-size:0.68rem;color:#9ca3af;font-weight:500;margin-top:0.1rem;">{{ $label }}</div>
        </div>
    </div>
    @endforeach
</div>

<div style="display:grid;grid-template-columns:1fr 1fr;gap:1rem;">

    <div class="admin-card">
        <div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;">
            <h3 style="font-family:'Fraunces',serif;font-size:0.95rem;font-weight:700;">Recent Blog Posts</h3>
            <a href="{{ route('admin.blogs.create') }}" class="btn btn-primary btn-sm">+ New Post</a>
        </div>
        <table class="data-table">
            <thead><tr><th>Title</th><th>Status</th><th>Date</th></tr></thead>
            <tbody>
                @forelse($recentBlogs as $post)
                <tr>
                    <td><a href="{{ route('admin.blogs.edit',$post) }}" style="color:#0f0f14;font-weight:500;text-decoration:none;">{{ Str::limit($post->title,36) }}</a></td>
                    <td><span class="pill {{ $post->status==='published'?'pill-green':'pill-yellow' }}">{{ ucfirst($post->status) }}</span></td>
                    <td style="color:#9ca3af;">{{ $post->created_at->format('d M') }}</td>
                </tr>
                @empty
                <tr><td colspan="3" style="color:#9ca3af;text-align:center;padding:1.5rem;">No posts yet. <a href="{{ route('admin.blogs.create') }}" style="color:#2d3aff;">Create one →</a></td></tr>
                @endforelse
            </tbody>
        </table>
    </div>

    <div class="admin-card">
        <div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;">
            <h3 style="font-family:'Fraunces',serif;font-size:0.95rem;font-weight:700;">Open Support Tickets</h3>
            <a href="{{ route('admin.tickets.index') }}" class="btn btn-outline btn-sm">View all</a>
        </div>
        <table class="data-table">
            <thead><tr><th>Subject</th><th>Client</th><th>Priority</th></tr></thead>
            <tbody>
                @forelse($openTickets as $t)
                <tr>
                    <td><a href="{{ route('admin.tickets.show',$t) }}" style="color:#0f0f14;font-weight:500;text-decoration:none;">{{ Str::limit($t->subject,32) }}</a></td>
                    <td style="color:#6b7280;font-size:0.78rem;">{{ $t->client->display_name }}</td>
                    <td><span class="pill" style="font-size:0.62rem;{{ $t->priority_badge }}">{{ ucfirst($t->priority) }}</span></td>
                </tr>
                @empty
                <tr><td colspan="3" style="color:#9ca3af;text-align:center;padding:1.5rem;">No open tickets 🎉</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>

    <div class="admin-card" style="grid-column:1/-1;">
        <div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;">
            <h3 style="font-family:'Fraunces',serif;font-size:0.95rem;font-weight:700;">Recent Activity</h3>
            <a href="{{ route('admin.activity') }}" class="btn btn-outline btn-sm">Full log</a>
        </div>
        <table class="data-table">
            <thead><tr><th>Action</th><th>Description</th><th>User</th><th>IP</th><th>Time</th></tr></thead>
            <tbody>
                @forelse($recentActivity as $log)
                <tr>
                    <td><span class="pill pill-blue" style="font-size:0.62rem;">{{ $log->action }}</span></td>
                    <td style="font-size:0.78rem;color:#374151;">{{ Str::limit($log->description,50) }}</td>
                    <td style="font-size:0.75rem;color:#6b7280;">{{ $log->user?->name ?? 'System' }}</td>
                    <td style="font-size:0.72rem;color:#9ca3af;">{{ $log->ip_address }}</td>
                    <td style="font-size:0.72rem;color:#9ca3af;white-space:nowrap;">{{ $log->created_at->diffForHumans() }}</td>
                </tr>
                @empty
                <tr><td colspan="5" style="color:#9ca3af;text-align:center;padding:1.5rem;">No activity yet.</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
</div>
@endsection