@extends('layouts.app')
@section('title', 'Dashboard')
@section('page-title', $hotel->name.' — Dashboard')

@section('content')
<div class="page-header">
    <div>
        <h1>Good {{ now()->hour < 12 ? 'Morning' : (now()->hour < 17 ? 'Afternoon' : 'Evening') }}, {{ auth()->user()->name }} 👋</h1>
        <p>Here's what's happening at {{ $hotel->name }} today.</p>
    </div>
    <a href="{{ route('hotel.bookings.create') }}" class="btn btn-primary"><i class="fas fa-plus"></i> New Booking</a>
</div>

<!-- Trial Notice -->
@if($hotel->status === 'trial' && $hotel->trial_ends_at)
<div class="alert alert-warning" style="margin-bottom:20px;">
    <i class="fas fa-clock"></i>
    <span>Your free trial ends on <strong>{{ $hotel->trial_ends_at->format('d M Y') }}</strong>
    ({{ $hotel->trial_ends_at->diffForHumans() }}). Contact us to subscribe and keep your data.</span>
</div>
@endif

<!-- Stats Row 1 -->
<div class="stats-grid" style="margin-bottom:16px;">
    <div class="stat-card">
        <div class="stat-icon blue"><i class="fas fa-door-open"></i></div>
        <div><div class="stat-value">{{ $stats['total_rooms'] }}</div><div class="stat-label">Total Rooms</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['available_rooms'] }}</div><div class="stat-label">Available</div></div>
    </div>
    <div class="stat-card">
        <div class="stat-icon red"><i class="fas fa-bed"></i></div>
        <div><div class="stat-value">{{ $stats['occupied_rooms'] }}</div><div class="stat-label">Occupied</div></div>
    </div>
    <div class="stat-card">
        <div class="stat-icon yellow"><i class="fas fa-tools"></i></div>
        <div><div class="stat-value">{{ $stats['maintenance_rooms'] }}</div><div class="stat-label">Maintenance</div></div>
    </div>
</div>

<div class="stats-grid" style="margin-bottom:24px;">
    <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-sign-in-alt"></i></div>
        <div><div class="stat-value">{{ $stats['checkins_today'] }}</div><div class="stat-label">Check-ins Today</div></div>
    </div>
    <div class="stat-card">
        <div class="stat-icon yellow"><i class="fas fa-sign-out-alt"></i></div>
        <div><div class="stat-value">{{ $stats['checkouts_today'] }}</div><div class="stat-label">Check-outs Today</div></div>
    </div>
    <div class="stat-card">
        <div class="stat-icon green"><i class="fas fa-naira-sign"></i></div>
        <div><div class="stat-value" style="font-size:18px;">₦{{ number_format($stats['revenue_today'], 0) }}</div><div class="stat-label">Revenue Today</div></div>
    </div>
    <div class="stat-card">
        <div class="stat-icon blue"><i class="fas fa-chart-line"></i></div>
        <div><div class="stat-value" style="font-size:18px;">₦{{ number_format($stats['revenue_month'], 0) }}</div><div class="stat-label">Revenue This Month</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('hotel.bookings.create') }}" class="quick-link"><i class="fas fa-plus-circle" style="color:#1a56db;"></i>New Booking</a>
            <a href="{{ route('hotel.guests.create') }}" class="quick-link"><i class="fas fa-user-plus" style="color:#059669;"></i>Add Guest</a>
            <a href="{{ route('hotel.rooms.index') }}" class="quick-link"><i class="fas fa-door-open" style="color:#7c3aed;"></i>View Rooms</a>
            <a href="{{ route('hotel.invoices.index') }}" class="quick-link"><i class="fas fa-file-invoice" style="color:#d97706;"></i>Invoices</a>
            <a href="{{ route('hotel.receipts.index') }}" class="quick-link"><i class="fas fa-receipt" style="color:#dc2626;"></i>Receipts</a>
            <a href="{{ route('hotel.housekeeping.index') }}" class="quick-link"><i class="fas fa-broom" style="color:#0e9f6e;"></i>Housekeeping</a>
            <a href="{{ route('hotel.reports.index') }}" class="quick-link"><i class="fas fa-chart-bar" style="color:#6b7280;"></i>Reports</a>
        </div>
    </div>
</div>

<div style="display:grid;grid-template-columns:1fr 1fr;gap:24px;">
    <!-- Recent Bookings -->
    <div class="card">
        <div class="card-header">
            <span class="card-title">Recent Bookings</span>
            <a href="{{ route('hotel.bookings.index') }}" class="btn btn-sm btn-outline">View All</a>
        </div>
        <div class="table-wrap">
            <table>
                <thead><tr><th>Guest</th><th>Room</th><th>Status</th><th>Check-in</th></tr></thead>
                <tbody>
                    @forelse($stats['recent_bookings'] as $booking)
                    <tr>
                        <td>
                            <a href="{{ route('hotel.bookings.show', $booking) }}" style="font-weight:600;font-size:13px;color:#1a56db;text-decoration:none;">{{ $booking->guest->full_name }}</a>
                            <div style="font-size:11px;color:#6b7280;">{{ $booking->booking_reference }}</div>
                        </td>
                        <td style="font-size:13px;">{{ $booking->room->room_number }}</td>
                        <td>
                            @if($booking->status==='reserved') <span class="badge badge-warning">Reserved</span>
                            @elseif($booking->status==='checked_in') <span class="badge badge-success">Checked In</span>
                            @elseif($booking->status==='checked_out') <span class="badge badge-secondary">Checked Out</span>
                            @elseif($booking->status==='cancelled') <span class="badge badge-danger">Cancelled</span>
                            @else <span class="badge badge-secondary">{{ ucfirst($booking->status) }}</span> @endif
                        </td>
                        <td style="font-size:12px;color:#6b7280;">{{ $booking->check_in_date->format('d M') }}</td>
                    </tr>
                    @empty
                    <tr><td colspan="4" style="text-align:center;color:#9ca3af;padding:20px;">No bookings yet</td></tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>

    <!-- Notifications -->
    <div class="card">
        <div class="card-header">
            <span class="card-title">Notifications</span>
            @if($stats['notifications']->count() > 0)
                <span class="badge badge-danger">{{ $stats['notifications']->count() }} unread</span>
            @endif
        </div>
        <div class="card-body" style="padding:0;">
            @forelse($stats['notifications'] as $notif)
            <div style="padding:14px 16px;border-bottom:1px solid #f3f4f6;display:flex;gap:10px;align-items:flex-start;">
                <div style="width:8px;height:8px;background:#1a56db;border-radius:50%;margin-top:5px;flex-shrink:0;"></div>
                <div>
                    <div style="font-size:13.5px;font-weight:600;">{{ $notif->title }}</div>
                    <div style="font-size:12.5px;color:#6b7280;margin-top:2px;">{{ Str::limit($notif->message, 80) }}</div>
                    <div style="font-size:11px;color:#9ca3af;margin-top:4px;">{{ $notif->created_at->diffForHumans() }}</div>
                </div>
            </div>
            @empty
            <div class="empty-state" style="padding:32px;"><i class="fas fa-bell" style="font-size:32px;"></i><h3 style="font-size:14px;">No new notifications</h3></div>
            @endforelse
        </div>
    </div>
</div>
@endsection