@extends('layouts.admin')
@section('page_title','Dashboard')
@section('content')
<div class="stats-grid">
  <div class="stat-card"><div class="stat-icon blue"><i class="fas fa-server"></i></div><div><div class="stat-label">Packages</div><div class="stat-value">{{ $stats['packages'] }}</div></div></div>
  <div class="stat-card"><div class="stat-icon green"><i class="fas fa-blog"></i></div><div><div class="stat-label">Blog Posts</div><div class="stat-value">{{ $stats['posts'] }}</div></div></div>
  <div class="stat-card"><div class="stat-icon yellow"><i class="fas fa-star"></i></div><div><div class="stat-label">Reviews</div><div class="stat-value">{{ $stats['reviews'] }}</div></div></div>
  <div class="stat-card"><div class="stat-icon red"><i class="fas fa-envelope"></i></div><div><div class="stat-label">Unread Messages</div><div class="stat-value">{{ $stats['unread'] }}</div></div></div>
</div>
<div style="display:grid;grid-template-columns:2fr 1fr;gap:24px">
  <div class="card">
    <div class="card-header"><h3>Recent Messages</h3><a href="{{ route('admin.messages.index') }}" class="btn btn-sm btn-outline">View All</a></div>
    <div class="card-body" style="padding:0">
      <table class="admin-table">
        <thead><tr><th>Name</th><th>Subject</th><th>Date</th><th>Status</th><th></th></tr></thead>
        <tbody>
          @forelse($recentMessages as $msg)
          <tr>
            <td><strong>{{ $msg->name }}</strong><br><small>{{ $msg->email }}</small></td>
            <td>{{ Str::limit($msg->subject,35) }}</td>
            <td>{{ \Carbon\Carbon::parse($msg->created_at)->format('d M Y') }}</td>
            <td>@if($msg->is_read)<span class="badge badge-success">Read</span>@else<span class="badge badge-danger">Unread</span>@endif</td>
            <td><a href="{{ route('admin.messages.show',$msg->id) }}" class="btn btn-sm btn-primary">View</a></td>
          </tr>
          @empty<tr><td colspan="5" style="text-align:center;padding:30px;color:var(--text-light)">No messages yet</td></tr>@endforelse
        </tbody>
      </table>
    </div>
  </div>
  <div class="card">
    <div class="card-header"><h3>Quick Actions</h3></div>
    <div class="card-body">
      <div style="display:flex;flex-direction:column;gap:10px">
        <a href="{{ route('admin.packages.create') }}" class="btn btn-primary"><i class="fas fa-plus"></i> Add Package</a>
        <a href="{{ route('admin.blog.create') }}" class="btn btn-outline"><i class="fas fa-pen"></i> Write Blog Post</a>
        <a href="{{ route('admin.pages.create') }}" class="btn btn-outline"><i class="fas fa-file-plus"></i> New Page</a>
        <a href="{{ route('admin.settings') }}" class="btn btn-outline"><i class="fas fa-cog"></i> Settings</a>
        <a href="{{ route('admin.seo') }}" class="btn btn-outline"><i class="fas fa-search"></i> SEO</a>
        <a href="{{ route('home') }}" target="_blank" class="btn btn-outline"><i class="fas fa-eye"></i> View Site</a>
      </div>
    </div>
  </div>
</div>
@endsection