@extends('provider.layout')
@section('title', 'Dashboard')

@section('content')

{{-- Welcome bar --}}
<div style="margin-bottom:1.75rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem">
    <div>
        <h1 style="font-size:1.5rem;font-weight:800;margin-bottom:0.25rem">
            Welcome back, {{ auth()->user()->name }}!
        </h1>
        <p style="color:var(--text-muted)">
            Manage all your module profiles from one place.
        </p>
    </div>
    <a href="{{ route('provider.setup') }}" class="btn btn-primary btn-sm" id="pdb-add-module">
        <i data-lucide="plus" style="width:14px;height:14px"></i> Add Module Profile
    </a>
</div>

{{-- Aggregated Stats --}}
<div class="stats-grid" style="margin-bottom:2rem">
    <div class="stat-card">
        <div class="stat-icon"><i data-lucide="calendar-check" style="width:20px;height:20px;color:var(--brand-600)"></i></div>
        <div class="stat-label">Total Bookings</div>
        <div class="stat-value">{{ $stats['total_bookings'] }}</div>
    </div>
    <div class="stat-card">
        <div class="stat-icon"><i data-lucide="clock" style="width:20px;height:20px;color:var(--warning-600)"></i></div>
        <div class="stat-label">Pending</div>
        <div class="stat-value" style="background:linear-gradient(135deg,var(--warning-500),var(--amber-400));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text">{{ $stats['pending_bookings'] }}</div>
    </div>
    <div class="stat-card">
        <div class="stat-icon"><i data-lucide="check-circle" style="width:20px;height:20px;color:var(--success-600)"></i></div>
        <div class="stat-label">Completed</div>
        <div class="stat-value" style="background:linear-gradient(135deg,var(--success-500),var(--success-600));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text">{{ $stats['completed'] }}</div>
    </div>
    <div class="stat-card">
        <div class="stat-icon"><i data-lucide="banknote" style="width:20px;height:20px;color:var(--brand-600)"></i></div>
        <div class="stat-label">Revenue Earned</div>
        <div class="stat-value">{{ \App\Helpers\CurrencyHelper::formatForProvider($stats['revenue'] ?? 0, auth()->user()) }}</div>
    </div>
    <div class="stat-card">
        <div class="stat-icon"><i data-lucide="star" style="width:20px;height:20px;color:var(--amber-500)"></i></div>
        <div class="stat-label">Avg Rating</div>
        <div class="stat-value" style="background:linear-gradient(135deg,var(--amber-400),var(--amber-600));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text">
            {{ number_format($stats['avg_rating'], 1) }} ★
        </div>
    </div>
    <div class="stat-card">
        <div class="stat-icon"><i data-lucide="message-circle" style="width:20px;height:20px;color:var(--brand-500)"></i></div>
        <div class="stat-label">Total Reviews</div>
        <div class="stat-value">{{ $stats['total_reviews'] }}</div>
    </div>
</div>

{{-- ═══ Module Profile Cards ═══ --}}
@php
$moduleDesign = [
    'HomeServices'      => ['icon'=>'wrench',     'label'=>'Home Services', 'color'=>'#14b8a6', 'gradient'=>'135deg,#14b8a6,#0d9488'],
    'Classified'        => ['icon'=>'tag',         'label'=>'Classifieds',   'color'=>'#f97316', 'gradient'=>'135deg,#f97316,#ea580c'],
    'RealEstate'        => ['icon'=>'building-2',  'label'=>'Real Estate',   'color'=>'#3b82f6', 'gradient'=>'135deg,#3b82f6,#2563eb'],
    'DoctorAppointment' => ['icon'=>'stethoscope', 'label'=>'Doctor',        'color'=>'#ef4444', 'gradient'=>'135deg,#ef4444,#dc2626'],
    'SalonSpa'          => ['icon'=>'scissors',    'label'=>'Salon & Spa',   'color'=>'#d946ef', 'gradient'=>'135deg,#d946ef,#a21caf'],
    'FitnessTrainer'    => ['icon'=>'dumbbell',    'label'=>'Fitness',       'color'=>'#6366f1', 'gradient'=>'135deg,#6366f1,#4f46e5'],
];
@endphp

<div style="margin-bottom:2rem">
    <div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem">
        <h2 style="font-size:1rem;font-weight:700">My Module Profiles</h2>
        <span style="font-size:0.8125rem;color:var(--text-muted)">{{ $providerProfiles->count() }} enrolled {{ Str::plural('module', $providerProfiles->count()) }}</span>
    </div>

    @if($providerProfiles->isEmpty())
    {{-- No profiles yet --}}
    <div class="card" style="text-align:center;padding:3rem 2rem">
        <i data-lucide="layers" style="width:40px;height:40px;color:var(--text-muted);margin:0 auto 1rem"></i>
        <h3 style="font-size:1.125rem;font-weight:700;margin-bottom:0.5rem">No Module Profiles Yet</h3>
        <p style="color:var(--text-muted);margin-bottom:1.5rem;font-size:0.9rem">
            Add a module to start offering services and getting bookings.
        </p>
        <a href="{{ route('provider.setup') }}" class="btn btn-primary" style="width:auto;display:inline-flex" id="pdb-setup-first">
            <i data-lucide="plus" style="width:16px;height:16px"></i> Setup First Module
        </a>
    </div>
    @else
    <div style="display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem">
        @foreach($providerProfiles as $slug => $profile)
        @php
            $d       = $moduleDesign[$slug] ?? ['icon'=>'box','label'=>$slug,'color'=>'var(--slate-500)','gradient'=>'135deg,#64748b,#475569'];
            $status  = $profile->status;
            $modProfile = $moduleProfiles[$slug] ?? null;
        @endphp
        <div class="card" style="border-top:3px solid {{ $d['color'] }};padding:0" id="pdb-mod-{{ Str::slug($slug) }}">
            <div class="card-body" style="padding:1.25rem">
                {{-- Header --}}
                <div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:0.875rem">
                    <div style="display:flex;align-items:center;gap:0.75rem">
                        <div style="width:40px;height:40px;border-radius:var(--radius-lg);background:linear-gradient({{ $d['gradient'] }});display:flex;align-items:center;justify-content:center;flex-shrink:0">
                            <i data-lucide="{{ $d['icon'] }}" style="width:18px;height:18px;color:white"></i>
                        </div>
                        <div>
                            <div style="font-weight:700;font-size:0.9375rem">{{ $d['label'] }}</div>
                            <div style="font-size:0.75rem;color:var(--text-muted)">{{ $profile->business_name }}</div>
                        </div>
                    </div>
                    @if($status === 'active')
                        <span class="badge badge-success"><i data-lucide="check-circle" style="width:10px;height:10px"></i> Active</span>
                    @elseif($status === 'pending')
                        <span class="badge badge-warning"><i data-lucide="clock" style="width:10px;height:10px"></i> Pending</span>
                    @elseif($status === 'rejected')
                        <span class="badge badge-danger"><i data-lucide="x-circle" style="width:10px;height:10px"></i> Rejected</span>
                    @elseif($status === 'suspended')
                        <span class="badge badge-danger"><i data-lucide="alert-triangle" style="width:10px;height:10px"></i> Suspended</span>
                    @endif
                </div>

                {{-- Status message --}}
                @if($status === 'active')
                    <p style="font-size:0.8125rem;color:var(--text-muted);margin-bottom:0.875rem">Your profile is live and accepting bookings.</p>
                @elseif($status === 'pending')
                    <p style="font-size:0.8125rem;color:var(--text-muted);margin-bottom:0.875rem">Under admin review — typically 24–48 hrs.</p>
                @elseif($status === 'rejected')
                    <p style="font-size:0.8125rem;color:var(--danger-500);margin-bottom:0.75rem;background:rgba(239,68,68,0.06);padding:0.5rem 0.625rem;border-radius:0.5rem">
                        @if($profile->rejection_reason)
                            {{ Str::limit($profile->rejection_reason, 90) }}
                        @else
                            Application not approved. Update your profile and resubmit.
                        @endif
                    </p>
                @elseif($status === 'suspended')
                    <p style="font-size:0.8125rem;color:var(--danger-500);margin-bottom:0.875rem">This profile has been suspended. Contact support.</p>
                @endif

                {{-- Action buttons --}}
                <div style="display:flex;gap:0.5rem;flex-wrap:wrap">
                    {{-- Edit / Resubmit --}}
                    <a href="{{ route('provider.setup') }}?module={{ $slug }}"
                       class="btn btn-secondary btn-sm"
                       id="pdb-edit-{{ Str::slug($slug) }}">
                        <i data-lucide="{{ $status === 'rejected' ? 'refresh-cw' : 'edit-2' }}" style="width:12px;height:12px"></i>
                        {{ $status === 'rejected' ? 'Resubmit' : 'Edit' }}
                    </a>

                    {{-- Module-specific quick links --}}
                    @if($status === 'active')
                        @if($slug === 'HomeServices')
                            @if($modProfile?->isActive())
                            <a href="{{ route('provider.hs.services.create') }}" class="btn btn-primary btn-sm" id="pdb-hs-add-service">
                                <i data-lucide="plus" style="width:12px;height:12px"></i> Add Service
                            </a>
                            <a href="{{ route('provider.bookings') }}" class="btn btn-secondary btn-sm" id="pdb-hs-bookings">
                                <i data-lucide="calendar" style="width:12px;height:12px"></i> Bookings
                            </a>
                            @else
                            <a href="{{ route('provider.hs.profile') }}" class="btn btn-secondary btn-sm" id="pdb-hs-profile">
                                <i data-lucide="user" style="width:12px;height:12px"></i> HS Profile
                            </a>
                            @endif
                        @endif
                        {{-- Add more module-specific links here as modules are built --}}
                    @endif
                </div>
            </div>
        </div>
        @endforeach

        {{-- "Add another module" card --}}
        @php
            $enrolledSlugs = $providerProfiles->keys()->all();
            $availableModules = $enabledModules->filter(fn($m) => !in_array($m->module_slug, $enrolledSlugs));
        @endphp
        @if($availableModules->isNotEmpty())
        <a href="{{ route('provider.setup') }}" id="pdb-add-another"
           style="display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0.75rem;
                  padding:1.5rem;border:2px dashed rgba(20,184,166,0.25);border-radius:var(--radius-xl);
                  color:var(--text-muted);text-decoration:none;transition:all 0.2s;min-height:160px"
           onmouseover="this.style.borderColor='rgba(20,184,166,0.5)';this.style.color='var(--brand-600)';this.style.background='rgba(20,184,166,0.04)'"
           onmouseout="this.style.borderColor='rgba(20,184,166,0.25)';this.style.color='var(--text-muted)';this.style.background=''">
            <i data-lucide="plus-circle" style="width:32px;height:32px"></i>
            <div style="text-align:center">
                <div style="font-weight:700;font-size:0.9375rem">Add Another Module</div>
                <div style="font-size:0.8125rem;margin-top:0.25rem">{{ $availableModules->count() }} {{ Str::plural('module', $availableModules->count()) }} available</div>
            </div>
        </a>
        @endif
    </div>
    @endif
</div>

{{-- Recent Reviews + Quick Actions --}}
<div style="display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:start">
    <div class="card">
        <div class="card-header">
            <h2 style="font-size:1rem;font-weight:700">Recent Reviews</h2>
            <a href="{{ route('provider.reviews') }}" class="btn btn-secondary btn-sm">All Reviews</a>
        </div>
        <div class="card-body" style="padding:0">
            @forelse($recentReviews as $review)
            <div style="padding:1rem 1.5rem;border-bottom:1px solid var(--border-default)">
                <div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:0.375rem">
                    <span style="font-weight:600;font-size:0.875rem">{{ $review->user->name ?? 'Customer' }}</span>
                    <span style="color:var(--amber-400)">{{ str_repeat('★', $review->rating) }}{{ str_repeat('☆', 5 - $review->rating) }}</span>
                </div>
                <p style="font-size:0.8125rem;color:var(--text-muted)">{{ Str::limit($review->body, 80) }}</p>
            </div>
            @empty
            <div style="padding:2rem;text-align:center;color:var(--text-muted);font-size:0.875rem">No reviews yet.</div>
            @endforelse
        </div>
    </div>

    <div class="card">
        <div class="card-header"><h2 style="font-size:1rem;font-weight:700">Quick Actions</h2></div>
        <div class="card-body" style="display:flex;flex-direction:column;gap:0.625rem">
            <a href="{{ route('provider.setup') }}" class="btn btn-secondary" id="pdb-manage-modules">
                <i data-lucide="layers" style="width:15px;height:15px"></i> Manage Modules
            </a>
            <a href="{{ route('provider.messages.inbox') }}" class="btn btn-secondary" id="pdb-messages">
                <i data-lucide="message-square" style="width:15px;height:15px"></i> Messages
            </a>
            <a href="{{ route('provider.reviews') }}" class="btn btn-secondary" id="pdb-reviews">
                <i data-lucide="star" style="width:15px;height:15px"></i> My Reviews
            </a>
            <a href="{{ route('provider.earnings') }}" class="btn btn-secondary" id="pdb-earnings">
                <i data-lucide="banknote" style="width:15px;height:15px"></i> Earnings
            </a>
        </div>
    </div>
</div>

@endsection