@extends('admin.layouts.app')
@section('title', 'Dashboard')
@section('breadcrumb')
    <li class="breadcrumb-item active">Dashboard</li>
@endsection

@section('content')
<div class="page-header">
    <h1><i class="fas fa-tachometer-alt text-success"></i> Dashboard</h1>
    <div class="text-muted" style="font-size:.85rem"><i class="fas fa-calendar me-1"></i>{{ now()->format('l, d F Y') }}</div>
</div>

{{-- Stats Row --}}
<div class="row g-3 mb-4">
    @foreach([
        ['label'=>'Services',       'value'=>$stats['services'],     'icon'=>'fas fa-tools',        'color'=>'#2d6a35','bg'=>'#e8f5e9','route'=>'admin.services.index'],
        ['label'=>'Blog Posts',     'value'=>$stats['blogs'],        'icon'=>'fas fa-blog',         'color'=>'#1565c0','bg'=>'#e3f2fd','route'=>'admin.blogs.index'],
        ['label'=>'New Enquiries',  'value'=>$stats['new_enquiries'],'icon'=>'fas fa-bell',         'color'=>'#c62828','bg'=>'#ffebee','route'=>'admin.enquiries.index'],
        ['label'=>'All Enquiries',  'value'=>$stats['enquiries'],    'icon'=>'fas fa-envelope',     'color'=>'#e65100','bg'=>'#fff3e0','route'=>'admin.enquiries.index'],
        ['label'=>'Gallery Items',  'value'=>$stats['gallery'],      'icon'=>'fas fa-images',       'color'=>'#6a1b9a','bg'=>'#f3e5f5','route'=>'admin.gallery.index'],
        ['label'=>'Team Members',   'value'=>$stats['team'],         'icon'=>'fas fa-users',        'color'=>'#00695c','bg'=>'#e0f2f1','route'=>'admin.team.index'],
        ['label'=>'Testimonials',   'value'=>$stats['testimonials'], 'icon'=>'fas fa-star',         'color'=>'#f57f17','bg'=>'#fffde7','route'=>'admin.testimonials.index'],
        ['label'=>'Users',          'value'=>$stats['users'],        'icon'=>'fas fa-user-cog',     'color'=>'#37474f','bg'=>'#eceff1','route'=>'admin.users.index'],
    ] as $stat)
    <div class="col-6 col-sm-4 col-xl-3">
        <a href="{{ route($stat['route']) }}" class="text-decoration-none">
            <div class="stat-card h-100">
                <div class="d-flex align-items-start justify-content-between mb-3">
                    <div class="icon" style="background:{{ $stat['bg'] }};color:{{ $stat['color'] }}">
                        <i class="{{ $stat['icon'] }}"></i>
                    </div>
                    <i class="fas fa-arrow-right" style="color:#ccc;margin-top:.3rem"></i>
                </div>
                <div class="num" style="color:{{ $stat['color'] }}">{{ $stat['value'] }}</div>
                <div class="text-muted" style="font-size:.8rem;margin-top:.25rem">{{ $stat['label'] }}</div>
            </div>
        </a>
    </div>
    @endforeach
</div>

{{-- Tables Row --}}
<div class="row g-4">
    <div class="col-lg-7">
        <div class="card h-100">
            <div class="card-header d-flex justify-content-between align-items-center">
                <span><i class="fas fa-envelope me-2 text-success"></i>Recent Enquiries</span>
                <a href="{{ route('admin.enquiries.index') }}" class="btn btn-sm btn-green">View All</a>
            </div>
            <div class="card-body p-0">
                <div class="table-responsive">
                    <table class="table table-hover mb-0">
                        <thead class="table-light">
                            <tr>
                                <th>Name</th>
                                <th>Service</th>
                                <th>Status</th>
                                <th>Date</th>
                                <th></th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse($recent_enquiries as $enq)
                            <tr>
                                <td>
                                    <div class="fw-semibold">{{ $enq->name }}</div>
                                    <div class="text-muted" style="font-size:.78rem">{{ $enq->email }}</div>
                                </td>
                                <td class="text-muted" style="font-size:.82rem">{{ $enq->service ?? '—' }}</td>
                                <td>
                                    <span class="badge rounded-pill bg-{{ $enq->status==='new'?'danger':($enq->status==='replied'?'success':'secondary') }}">
                                        {{ ucfirst($enq->status) }}
                                    </span>
                                </td>
                                <td class="text-muted" style="font-size:.78rem">{{ $enq->created_at->diffForHumans() }}</td>
                                <td>
                                    <a href="{{ route('admin.enquiries.show', $enq) }}" class="btn btn-sm btn-outline-secondary py-0">View</a>
                                </td>
                            </tr>
                            @empty
                            <tr><td colspan="5" class="text-center text-muted py-4">No enquiries yet.</td></tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>

    <div class="col-lg-5">
        <div class="card h-100">
            <div class="card-header d-flex justify-content-between align-items-center">
                <span><i class="fas fa-blog me-2 text-primary"></i>Recent Blog Posts</span>
                <a href="{{ route('admin.blogs.index') }}" class="btn btn-sm btn-green">View All</a>
            </div>
            <div class="card-body p-0">
                @forelse($recent_blogs as $blog)
                <div class="d-flex align-items-center gap-3 px-3 py-2 border-bottom">
                    <div style="width:42px;height:42px;border-radius:8px;background:#e8f5e9;display:flex;align-items:center;justify-content:center;flex-shrink:0">
                        <i class="fas fa-file-alt text-success"></i>
                    </div>
                    <div class="flex-grow-1 overflow-hidden">
                        <div class="fw-semibold text-truncate" style="font-size:.85rem">{{ $blog->title }}</div>
                        <div class="text-muted" style="font-size:.75rem">{{ $blog->created_at->format('d M Y') }}</div>
                    </div>
                    <span class="badge bg-{{ $blog->is_active?'success':'secondary' }} flex-shrink-0">
                        {{ $blog->is_active?'Live':'Draft' }}
                    </span>
                </div>
                @empty
                <p class="text-center text-muted py-4 mb-0">No blog posts yet.</p>
                @endforelse
            </div>
        </div>
    </div>
</div>

{{-- Quick Actions --}}
<div class="row g-3 mt-1">
    <div class="col-12">
        <div class="card">
            <div class="card-header"><i class="fas fa-bolt me-2 text-warning"></i>Quick Actions</div>
            <div class="card-body d-flex flex-wrap gap-2">
                <a href="{{ route('admin.services.create') }}" class="btn btn-sm btn-outline-success"><i class="fas fa-plus me-1"></i>Add Service</a>
                <a href="{{ route('admin.blogs.create') }}" class="btn btn-sm btn-outline-primary"><i class="fas fa-plus me-1"></i>New Blog Post</a>
                <a href="{{ route('admin.gallery.create') }}" class="btn btn-sm btn-outline-purple" style="color:#6a1b9a;border-color:#6a1b9a"><i class="fas fa-plus me-1"></i>Add Gallery Image</a>
                <a href="{{ route('admin.testimonials.create') }}" class="btn btn-sm btn-outline-warning"><i class="fas fa-plus me-1"></i>Add Testimonial</a>
                <a href="{{ route('admin.team.create') }}" class="btn btn-sm btn-outline-info"><i class="fas fa-plus me-1"></i>Add Team Member</a>
                <a href="{{ route('admin.banners.create') }}" class="btn btn-sm btn-outline-danger"><i class="fas fa-plus me-1"></i>Add Banner</a>
                <a href="{{ route('admin.settings.site') }}" class="btn btn-sm btn-outline-secondary"><i class="fas fa-cog me-1"></i>Site Settings</a>
                <a href="{{ route('admin.settings.seo') }}" class="btn btn-sm btn-outline-secondary"><i class="fas fa-search me-1"></i>SEO Settings</a>
            </div>
        </div>
    </div>
</div>
@endsection