@extends('layouts.app')
@section('title', 'Admin Dashboard')
@section('page-title', 'Platform Dashboard')

@section('content')
<div class="page-header">
    <div>
        <div class="breadcrumb"><a href="#">Home</a><span>/</span>Dashboard</div>
        <h1>Platform Overview</h1>
        <p>Welcome back, {{ auth()->user()->name }}. Here's what's happening.</p>
    </div>
    <div style="display:flex;gap:8px;">
        <a href="{{ route('admin.hotels.index') }}" class="btn btn-primary"><i class="fas fa-plus"></i> View Hotels</a>
    </div>
</div>

<!-- Stats -->
<div class="stats-grid">
    <div class="stat-card">
        <div class="stat-icon blue"><i class="fas fa-hotel"></i></div>
        <div><div class="stat-value">{{ $stats['total_hotels'] }}</div><div class="stat-label">Total Hotels</div></div>
    </div>
    <div class="stat-card">
        <div class="stat-icon green"><i class="fas fa-check-circle"></i></div>
        <div><div class="stat-value">{{ $stats['active_hotels'] }}</div><div class="stat-label">Active Hotels</div></div>
    </div>
    <div class="stat-card">
        <div class="stat-icon yellow"><i class="fas fa-clock"></i></div>
        <div><div class="stat-value">{{ $stats['trial_hotels'] }}</div><div class="stat-label">On Trial</div></div>
    </div>
    <div class="stat-card">
        <div class="stat-icon red"><i class="fas fa-ban"></i></div>
        <div><div class="stat-value">{{ $stats['suspended_hotels'] }}</div><div class="stat-label">Suspended</div></div>
    </div>
    <div class="stat-card">
        <div class="stat-icon purple"><i class="fas fa-calendar-check"></i></div>
        <div><div class="stat-value">{{ $stats['bookings_today'] }}</div><div class="stat-label">Bookings Today</div></div>
    </div>
    <div class="stat-card">
        <div class="stat-icon indigo"><i class="fas fa-exclamation-triangle"></i></div>
        <div><div class="stat-value">{{ $stats['expiring_soon'] }}</div><div class="stat-label">Expiring in 7 days</div></div>
    </div>
</div>

<!-- Quick Links -->
<div class="card" style="margin-bottom:24px;">
    <div class="card-header"><span class="card-title">Quick Actions</span></div>
    <div class="card-body">
        <div class="quick-links">
            <a href="{{ route('admin.hotels.index') }}" class="quick-link"><i class="fas fa-hotel" style="color:#1a56db;"></i>Manage Hotels</a>
            <a href="{{ route('admin.subscriptions.index') }}" class="quick-link"><i class="fas fa-credit-card" style="color:#059669;"></i>Subscriptions</a>
            <a href="{{ route('admin.subscriptions.plans') }}" class="quick-link"><i class="fas fa-tags" style="color:#7c3aed;"></i>Plans & Pricing</a>
            <a href="{{ route('admin.staff.index') }}" class="quick-link"><i class="fas fa-users" style="color:#d97706;"></i>Internal Staff</a>
            <a href="{{ route('admin.announcements.create') }}" class="quick-link"><i class="fas fa-bullhorn" style="color:#dc2626;"></i>Send Announcement</a>
            <a href="{{ route('admin.audit.index') }}" class="quick-link"><i class="fas fa-shield-alt" style="color:#0e9f6e;"></i>Audit Log</a>
            <a href="{{ route('admin.settings.index') }}" class="quick-link"><i class="fas fa-cog" style="color:#6b7280;"></i>Settings / CMS</a>
        </div>
    </div>
</div>

<div style="display:grid;grid-template-columns:1fr 1fr;gap:24px;">
    <!-- Recent Hotels -->
    <div class="card">
        <div class="card-header">
            <span class="card-title">Recently Registered Hotels</span>
            <a href="{{ route('admin.hotels.index') }}" class="btn btn-sm btn-outline">View All</a>
        </div>
        <div class="table-wrap">
            <table>
                <thead><tr><th>Hotel</th><th>Status</th><th>Registered</th></tr></thead>
                <tbody>
                    @forelse($stats['recent_hotels'] as $hotel)
                    <tr>
                        <td>
                            <div style="font-weight:600;font-size:13px;">{{ $hotel->name }}</div>
                            <div style="font-size:12px;color:#6b7280;">{{ $hotel->city }}, {{ $hotel->state }}</div>
                        </td>
                        <td>
                            @if($hotel->status === 'active') <span class="badge badge-success">Active</span>
                            @elseif($hotel->status === 'trial') <span class="badge badge-warning">Trial</span>
                            @elseif($hotel->status === 'suspended') <span class="badge badge-danger">Suspended</span>
                            @else <span class="badge badge-secondary">Pending</span> @endif
                        </td>
                        <td style="font-size:12px;color:#6b7280;">{{ $hotel->created_at->format('d M Y') }}</td>
                    </tr>
                    @empty
                    <tr><td colspan="3" style="text-align:center;color:#9ca3af;padding:24px;">No hotels yet</td></tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>

    <!-- Recent Audit -->
    <div class="card">
        <div class="card-header">
            <span class="card-title">Recent Platform Activity</span>
            <a href="{{ route('admin.audit.index') }}" class="btn btn-sm btn-outline">View All</a>
        </div>
        <div class="table-wrap">
            <table>
                <thead><tr><th>User</th><th>Action</th><th>Time</th></tr></thead>
                <tbody>
                    @forelse($stats['recent_audit'] as $log)
                    <tr>
                        <td>
                            <div style="font-weight:600;font-size:13px;">{{ $log->user_name }}</div>
                            <div style="font-size:11px;color:#6b7280;">{{ $log->module }}</div>
                        </td>
                        <td><span class="badge badge-primary" style="font-size:10px;">{{ $log->action }}</span></td>
                        <td style="font-size:12px;color:#6b7280;">{{ $log->created_at->diffForHumans() }}</td>
                    </tr>
                    @empty
                    <tr><td colspan="3" style="text-align:center;color:#9ca3af;padding:24px;">No activity yet</td></tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>
</div>
@endsection