@php
    use Filament\Support\Enums\GridDirection;
    use Filament\Support\Icons\Heroicon;
    use Illuminate\View\ComponentAttributeBag;

    $statusColors = [
        'done' => 'success',
        'healthy' => 'success',
        'running' => 'success',
        'deploying' => 'warning',
        'pending' => 'warning',
        'starting' => 'warning',
        'warning' => 'warning',
        'unreachable' => 'danger',
        'error' => 'danger',
        'failed' => 'danger',
        'unhealthy' => 'danger',
    ];

    $statusIcons = [
        'done' => Heroicon::CheckCircle,
        'healthy' => Heroicon::CheckCircle,
        'running' => Heroicon::CheckCircle,
        'deploying' => Heroicon::ArrowPath,
        'pending' => Heroicon::Clock,
        'starting' => Heroicon::Clock,
        'warning' => Heroicon::ExclamationTriangle,
        'unreachable' => Heroicon::ExclamationTriangle,
        'error' => Heroicon::XCircle,
        'failed' => Heroicon::XCircle,
        'unhealthy' => Heroicon::XCircle,
    ];

    $serviceColors = [
        'running' => 'success',
        'done' => 'success',
        'healthy' => 'success',
        'starting' => 'warning',
        'deploying' => 'warning',
        'pending' => 'warning',
        'unhealthy' => 'danger',
        'error' => 'danger',
        'failed' => 'danger',
    ];

    $cardsGrid = (new ComponentAttributeBag())->grid(['default' => 1, 'lg' => 2]);
    $stacked = (new ComponentAttributeBag())->grid(['default' => 1], GridDirection::Column);
    $detailsGrid = (new ComponentAttributeBag())->grid(['default' => 1, 'md' => 2], GridDirection::Column);
    $serviceGrid = (new ComponentAttributeBag())->grid(['default' => 1], GridDirection::Column);
@endphp

<x-filament-widgets::widget>
    <x-filament::section heading="Infra Status (Dokploy)">
        @if(!empty($projects))
            <div {{ $cardsGrid }}>
                @forelse($projects as $project)
                    <x-filament::card :heading="$project['label']" :description="$project['name'] ?? '–'">
                        <x-slot name="afterHeader">
                            <x-filament::badge
                                :color="$statusColors[$project['status']] ?? 'gray'"
                                :icon="$statusIcons[$project['status']] ?? Heroicon::QuestionMarkCircle"
                            >
                                {{ ucfirst($project['status']) }}
                            </x-filament::badge>
                            <x-filament::badge color="gray" :icon="Heroicon::Identification">
                                {{ $project['project_id'] }}
                            </x-filament::badge>
                        </x-slot>

                        <div {{ $stacked }}>
                            @if(isset($project['error']))
                                <x-filament::badge color="danger" :icon="Heroicon::ExclamationTriangle">
                                    {{ $project['error'] }}
                                </x-filament::badge>
                            @else
                                @if(!empty($project['description']))
                                    <x-filament::badge color="gray" :icon="Heroicon::InformationCircle">
                                        {{ $project['description'] }}
                                    </x-filament::badge>
                                @endif

                                <div {{ $detailsGrid }}>
                                    <x-filament::badge color="gray" :icon="Heroicon::RectangleStack">
                                        Apps: {{ $project['applications_count'] ?? 0 }}
                                    </x-filament::badge>
                                    <x-filament::badge color="gray" :icon="Heroicon::ServerStack">
                                        Composes: {{ $project['composes_count'] ?? 0 }}
                                    </x-filament::badge>
                                    <x-filament::badge color="gray" :icon="Heroicon::ServerStack">
                                        Services: {{ $project['services_count'] ?? 0 }}
                                    </x-filament::badge>
                                    <x-filament::badge color="gray" :icon="Heroicon::Clock">
                                        Last update:
                                        {{ $project['updated_at'] ? \Illuminate\Support\Carbon::parse($project['updated_at'])->diffForHumans() : '—' }}
                                    </x-filament::badge>
                                </div>

                                <div {{ $stacked }}>
                                    <x-filament::badge color="gray" :icon="Heroicon::RectangleStack">
                                        Applications
                                    </x-filament::badge>

                                    @forelse($project['applications'] as $application)
                                        <div {{ $stacked }}>
                                            <x-filament::badge
                                                :color="$statusColors[$application['status']] ?? 'gray'"
                                                :icon="$statusIcons[$application['status']] ?? Heroicon::QuestionMarkCircle"
                                            >
                                                {{ $application['name'] ?? 'App' }}
                                                @if(!empty($application['status']))
                                                    ({{ strtoupper($application['status']) }})
                                                @endif
                                            </x-filament::badge>

                                            <div {{ $detailsGrid }}>
                                                @if(!empty($application['id']))
                                                    <x-filament::badge color="gray" :icon="Heroicon::Identification">
                                                        {{ $application['id'] }}
                                                    </x-filament::badge>
                                                @endif
                                                @if(!empty($application['environment']))
                                                    <x-filament::badge color="gray" :icon="Heroicon::RectangleStack">
                                                        Env: {{ $application['environment'] }}
                                                    </x-filament::badge>
                                                @endif
                                                @if(!empty($application['repository']))
                                                    <x-filament::badge color="gray" :icon="Heroicon::CodeBracket">
                                                        {{ $application['repository'] }}
                                                    </x-filament::badge>
                                                @endif
                                                @if(!empty($application['branch']))
                                                    <x-filament::badge color="gray" :icon="Heroicon::ChevronDown">
                                                        {{ $application['branch'] }}
                                                    </x-filament::badge>
                                                @endif
                                                @if(!empty($application['server']))
                                                    <x-filament::badge color="gray" :icon="Heroicon::Server">
                                                        {{ $application['server'] }}
                                                    </x-filament::badge>
                                                @endif
                                                @if(!empty($application['url']))
                                                    <x-filament::badge color="gray" :icon="Heroicon::GlobeAlt">
                                                        {{ $application['url'] }}
                                                    </x-filament::badge>
                                                @endif
                                                <x-filament::badge color="gray" :icon="Heroicon::Clock">
                                                    Last deploy:
                                                    {{ $application['last_deploy'] ? \Illuminate\Support\Carbon::parse($application['last_deploy'])->diffForHumans() : '—' }}
                                                </x-filament::badge>
                                            </div>

                                            @if(!empty($application['monitoring']))
                                                <div {{ $detailsGrid }}>
                                                    @foreach($application['monitoring'] as $metric)
                                                        <x-filament::badge color="gray" :icon="Heroicon::ChartBar">
                                                            {{ $metric['label'] }}: {{ $metric['value'] }}
                                                        </x-filament::badge>
                                                    @endforeach
                                                </div>
                                            @endif
                                        </div>
                                    @empty
                                        <x-filament::badge color="gray" :icon="Heroicon::QuestionMarkCircle">
                                            No applications reported.
                                        </x-filament::badge>
                                    @endforelse
                                </div>

                                <div {{ $stacked }}>
                                    <x-filament::badge color="gray" :icon="Heroicon::ServerStack">
                                        Composes
                                    </x-filament::badge>

                                    @forelse($project['composes'] as $compose)
                                        <div {{ $stacked }}>
                                            <x-filament::badge
                                                :color="$statusColors[$compose['status']] ?? 'gray'"
                                                :icon="$statusIcons[$compose['status']] ?? Heroicon::QuestionMarkCircle"
                                            >
                                                {{ $compose['name'] ?? 'Compose' }}
                                                @if(!empty($compose['status']))
                                                    ({{ strtoupper($compose['status']) }})
                                                @endif
                                            </x-filament::badge>

                                            <div {{ $detailsGrid }}>
                                                @if(!empty($compose['id']))
                                                    <x-filament::badge color="gray" :icon="Heroicon::Identification">
                                                        {{ $compose['id'] }}
                                                    </x-filament::badge>
                                                @endif
                                                @if(!empty($compose['environment']))
                                                    <x-filament::badge color="gray" :icon="Heroicon::RectangleStack">
                                                        Env: {{ $compose['environment'] }}
                                                    </x-filament::badge>
                                                @endif
                                                <x-filament::badge color="gray" :icon="Heroicon::Clock">
                                                    Last deploy:
                                                    {{ $compose['last_deploy'] ? \Illuminate\Support\Carbon::parse($compose['last_deploy'])->diffForHumans() : '—' }}
                                                </x-filament::badge>
                                            </div>

                                            @if(!empty($compose['services']))
                                                <div {{ $serviceGrid }}>
                                                    @foreach($compose['services'] as $service)
                                                        <x-filament::badge
                                                            :color="$serviceColors[$service['status']] ?? 'gray'"
                                                            :icon="array_key_exists($service['status'] ?? '', $serviceColors) ? Heroicon::Server : Heroicon::QuestionMarkCircle"
                                                        >
                                                            {{ $service['name'] }}: {{ strtoupper($service['status'] ?? 'N/A') }}
                                                        </x-filament::badge>
                                                    @endforeach
                                                </div>
                                            @endif
                                        </div>
                                    @empty
                                        <x-filament::badge color="gray" :icon="Heroicon::QuestionMarkCircle">
                                            No composes reported.
                                        </x-filament::badge>
                                    @endforelse
                                </div>

                                <div {{ $stacked }}>
                                    <x-filament::badge color="gray" :icon="Heroicon::ServerStack">
                                        Services
                                    </x-filament::badge>

                                    <div {{ $serviceGrid }}>
                                        @forelse($project['services'] as $service)
                                            <x-filament::badge
                                                :color="$serviceColors[$service['status']] ?? 'gray'"
                                                :icon="Heroicon::Server"
                                            >
                                                {{ strtoupper($service['type'] ?? 'service') }}
                                                @if(!empty($service['name']))
                                                    - {{ $service['name'] }}
                                                @endif
                                                @if(!empty($service['status']))
                                                    ({{ strtoupper($service['status']) }})
                                                @endif
                                            </x-filament::badge>
                                            <div {{ $detailsGrid }}>
                                                @if(!empty($service['id']))
                                                    <x-filament::badge color="gray" :icon="Heroicon::Identification">
                                                        {{ $service['id'] }}
                                                    </x-filament::badge>
                                                @endif
                                                @if(!empty($service['environment']))
                                                    <x-filament::badge color="gray" :icon="Heroicon::RectangleStack">
                                                        Env: {{ $service['environment'] }}
                                                    </x-filament::badge>
                                                @endif
                                                @if(!empty($service['version']))
                                                    <x-filament::badge color="gray" :icon="Heroicon::Cube">
                                                        {{ $service['version'] }}
                                                    </x-filament::badge>
                                                @endif
                                                @if(!empty($service['external_port']))
                                                    <x-filament::badge color="gray" :icon="Heroicon::Signal">
                                                        Port {{ $service['external_port'] }}
                                                    </x-filament::badge>
                                                @endif
                                            </div>
                                        @empty
                                            <x-filament::badge color="gray" :icon="Heroicon::QuestionMarkCircle">
                                                No services reported.
                                            </x-filament::badge>
                                        @endforelse
                                    </div>
                                </div>
                            @endif
                        </div>
                    </x-filament::card>
                @empty
                    <x-filament::empty-state
                        heading="No Dokploy projects configured."
                        :icon="Heroicon::QuestionMarkCircle"
                    />
                @endforelse
            </div>
        @else
            <div {{ $cardsGrid }}>
                @forelse($composes as $compose)
                    <x-filament::card
                        :heading="$compose['label']"
                        :description="$compose['name'] ?? '–'"
                    >
                        <x-slot name="afterHeader">
                            <x-filament::badge
                                :color="$statusColors[$compose['status']] ?? 'gray'"
                                :icon="$statusIcons[$compose['status']] ?? Heroicon::QuestionMarkCircle"
                            >
                                {{ ucfirst($compose['status']) }}
                            </x-filament::badge>
                            <x-filament::badge color="gray" :icon="Heroicon::Identification">
                                {{ $compose['compose_id'] }}
                            </x-filament::badge>
                        </x-slot>

                        @if(isset($compose['error']))
                            <x-filament::badge color="danger" :icon="Heroicon::ExclamationTriangle">
                                {{ $compose['error'] }}
                            </x-filament::badge>
                        @else
                            <div {{ $serviceGrid }}>
                                @forelse($compose['services'] as $service)
                                    <x-filament::badge
                                        :color="$serviceColors[$service['status']] ?? 'gray'"
                                        :icon="array_key_exists($service['status'] ?? '', $serviceColors) ? Heroicon::Server : Heroicon::QuestionMarkCircle"
                                    >
                                        {{ $service['name'] }}: {{ strtoupper($service['status'] ?? 'N/A') }}
                                    </x-filament::badge>
                                @empty
                                    <x-filament::badge color="gray" :icon="Heroicon::QuestionMarkCircle">
                                        No services reported.
                                    </x-filament::badge>
                                @endforelse
                                <x-filament::badge color="gray" :icon="Heroicon::Clock">
                                    Last deploy:
                                    {{ $compose['last_deploy'] ? \Illuminate\Support\Carbon::parse($compose['last_deploy'])->diffForHumans() : '—' }}
                                </x-filament::badge>
                            </div>
                        @endif
                    </x-filament::card>
                @empty
                    <x-filament::empty-state
                        heading="No Dokploy compose stacks configured."
                        :icon="Heroicon::QuestionMarkCircle"
                    />
                @endforelse
            </div>
        @endif
    </x-filament::section>
</x-filament-widgets::widget>