��JFIF��2� /home/forge/crm-staging.pigment.se/storage/framework/views/ Current File: /home/forge/crm-staging.pigment.se/storage/framework/views/cf1cbd7d56058f51701adee4e8a4caf4.php
<div class="space-y-4" wire:poll.1s>
    <!-- Stats Overview -->
    <div class="grid grid-cols-1 md:grid-cols-5 gap-4">
        <div class="bg-white dark:bg-gray-800 shadow rounded-lg p-6">
            <div class="text-sm font-medium text-gray-500 dark:text-gray-400">Total Sites</div>
            <div class="mt-1 text-3xl font-semibold text-gray-900 dark:text-white">
                <?php echo e($stats['totalSites']); ?>

            </div>
        </div>
        <div class="bg-white dark:bg-gray-800 shadow rounded-lg p-6">
            <div class="text-sm font-medium text-gray-500 dark:text-gray-400">Sites Need Update</div>
            <div class="mt-1 text-3xl font-semibold text-yellow-600 dark:text-yellow-400">
                <?php echo e($stats['sitesNeedUpdate']); ?>

            </div>
        </div>
        <div class="bg-white dark:bg-gray-800 shadow rounded-lg p-6">
            <div class="text-sm font-medium text-gray-500 dark:text-gray-400">Sites Up To Date</div>
            <div class="mt-1 text-3xl font-semibold text-green-600 dark:text-green-400">
                <?php echo e($stats['sitesUpToDate']); ?>

            </div>
        </div>
        <div class="bg-white dark:bg-gray-800 shadow rounded-lg p-6">
            <div class="text-sm font-medium text-gray-500 dark:text-gray-400">Plugin Updates Available</div>
            <div class="mt-1 text-3xl font-semibold text-blue-600 dark:text-blue-400">
                <?php echo e($stats['pluginUpdatesAvailable']); ?>

            </div>
        </div>
        <div class="bg-white dark:bg-gray-800 shadow rounded-lg p-6">
            <div class="text-sm font-medium text-gray-500 dark:text-gray-400">WP Core Updates</div>
            <div class="mt-1 text-3xl font-semibold text-indigo-600 dark:text-indigo-400">
                <?php echo e($stats['wpCoreUpdates']); ?>

            </div>
        </div>
    </div>

    <!-- Add Global Update Button -->
    <div class="flex justify-between items-center">
        <div class="flex items-center space-x-4">
            <!-- Core Version Check Button -->
            <button wire:click="checkAllSites"
                wire:loading.attr="disabled"
                wire:target="checkAllSites"
                class="inline-flex items-center px-4 py-2 bg-indigo-600 dark:bg-indigo-500 hover:bg-indigo-700 dark:hover:bg-indigo-600 text-white text-sm font-medium rounded-md shadow-sm transition-colors duration-150 ease-in-out">
                <span wire:loading.remove wire:target="checkAllSites">Check All Sites</span>
                <span wire:loading wire:target="checkAllSites">
                    <svg class="animate-spin -ml-1 mr-2 h-4 w-4 text-white" fill="none" viewBox="0 0 24 24">
                        <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
                        <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
                    </svg>
                    Checking...
                </span>
            </button>

            <div class="text-sm text-gray-500 dark:text-gray-400">
                Last updated: <?php echo e($this->lastUpdatedFormatted); ?>

            </div>
        </div>

        <!-- Update Buttons -->
        <div class="flex space-x-4">
            <!--[if BLOCK]><![endif]--><?php if($stats['sitesNeedUpdate'] > 0): ?>
            <button wire:click="updateAllSitesPluginsSSH"
                wire:loading.attr="disabled"
                wire:target="updateAllSitesPluginsSSH"
                class="inline-flex items-center px-4 py-2 bg-green-600 hover:bg-green-700 text-white text-sm font-medium rounded-md shadow-sm transition-colors duration-150 ease-in-out">
                <div wire:loading.remove wire:target="updateAllSitesPluginsSSH">
                    Update All Plugins (<?php echo e($stats['pluginUpdatesAvailable']); ?> plugins)
                </div>
                <div wire:loading wire:target="updateAllSitesPluginsSSH" class="flex items-center">
                    <svg class="animate-spin -ml-1 mr-2 h-4 w-4 text-white" fill="none" viewBox="0 0 24 24">
                        <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
                        <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
                    </svg>
                    Processing...
                </div>
            </button>
            <?php endif; ?><!--[if ENDBLOCK]><![endif]-->

            <!--[if BLOCK]><![endif]--><?php if($stats['wpCoreUpdates'] > 0): ?>
                <button wire:click="updateAllCores"
                    wire:loading.attr="disabled"
                    wire:target="updateAllCores"
                    class="inline-flex items-center px-4 py-2 bg-green-600 hover:bg-green-700 text-white text-sm font-medium rounded-md shadow-sm transition-colors duration-150 ease-in-out">
                    <div wire:loading.remove wire:target="updateAllCores">
                        Update All WP Core (<?php echo e($stats['wpCoreUpdates']); ?> sites)
                    </div>
                    <div wire:loading wire:target="updateAllCores" class="flex items-center">
                        <svg class="animate-spin -ml-1 mr-2 h-4 w-4 text-white" fill="none" viewBox="0 0 24 24">
                            <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
                            <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
                        </svg>
                        Processing...
                    </div>
                </button>
            <?php endif; ?><!--[if ENDBLOCK]><![endif]-->
        </div>
    </div>

    <!-- Main Table Card -->
    <div class="bg-white dark:bg-gray-800 shadow rounded-lg p-6">
        <div class="flex justify-between items-center mb-4">
            <div class="flex items-center space-x-4">
                <input wire:model.blur="search" type="search"
                    class="rounded-md border-gray-300 dark:border-gray-600 dark:bg-gray-700 dark:text-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm"
                    placeholder="Search sites...">
            </div>
        </div>

        <!-- Table -->
        <div class="overflow-x-auto">
            <table class="min-w-full divide-y divide-gray-200 dark:divide-gray-700">
                <thead class="bg-gray-50 dark:bg-gray-700">
                    <tr>
                        <th class="px-4 py-2 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider">
                            #
                        </th>
                        <th class="px-4 py-2 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider">
                            CRM Client
                        </th>
                        <th class="px-4 py-2 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider">
                            Environment
                        </th>
                        <th class="px-4 py-2 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider">
                            Need Update
                        </th>
                        <th class="px-4 py-2 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider">
                            Last Check
                        </th>
                        <th class="px-4 py-2 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider bg-gray-50 dark:bg-gray-700">
                            Actions
                        </th>
                        <th class="px-4 py-2 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider bg-gray-50 dark:bg-gray-700">
                            <!-- Column for toggle icon -->
                        </th>
                    </tr>
                </thead>
                <tbody class="bg-white dark:bg-gray-800 divide-y divide-gray-200 dark:divide-gray-700">
                    <!--[if BLOCK]><![endif]--><?php $__empty_1 = true; $__currentLoopData = $sites; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $index => $site): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); $__empty_1 = false; ?>
                        <tr class="hover:bg-gray-100 dark:hover:bg-gray-900 transition-colors duration-150">
                            <td class="px-4 py-2 whitespace-nowrap text-sm text-gray-500 dark:text-gray-400">
                                <?php echo e($index + 1); ?>

                            </td>
                            <td class="px-4 py-2 whitespace-nowrap">
                                <div class="text-sm font-medium text-gray-900 dark:text-gray-200">
                                    <?php echo e($site->client_name); ?>

                                </div>
                                <div class="text-[12px] text-gray-500 dark:text-gray-400">
                                    <?php echo e($site->kinsta_primary_domain); ?>

                                </div>
                            </td>
                            <td class="px-4 py-2 whitespace-nowrap text-sm text-gray-500 dark:text-gray-400">
                                <?php echo e($site->tag ?? 'No Environment'); ?>

                            </td>
                            <td class="px-4 py-2 whitespace-nowrap">
                                <!--[if BLOCK]><![endif]--><?php if($site->wordPressMonitor): ?>
                                    <?php
                                        $needsUpdate = false;
                                        $pluginsNeedUpdate = false;
                                        $coreNeedsUpdate = false;

                                        // Check core updates
                                        $coreNeedsUpdate = !empty($site->wordPressMonitor->wordpress_update_type);

                                        // Check plugin updates only if we have plugin data
                                        if ($site->wordPressMonitor->plugins) {
                                            $plugins = is_string($site->wordPressMonitor->plugins)
                                                ? json_decode($site->wordPressMonitor->plugins, true)
                                                : $site->wordPressMonitor->plugins;

                                            if (isset($plugins['live']) && is_array($plugins['live'])) {
                                                $pluginsNeedUpdate = collect($plugins['live'])
                                                    ->where('update', 'available')
                                                    ->isNotEmpty();
                                            }
                                        }

                                        $needsUpdate = $pluginsNeedUpdate || $coreNeedsUpdate;
                                    ?>
                                    <span class="px-2 py-1 text-xs rounded-full <?php echo e($needsUpdate ? 'bg-yellow-100 text-yellow-800 dark:bg-yellow-900 dark:text-yellow-200' : 'bg-green-100 text-green-800 dark:bg-green-900 dark:text-green-200'); ?>">
                                        <!--[if BLOCK]><![endif]--><?php if($needsUpdate): ?>
                                            Need update
                                            <!--[if BLOCK]><![endif]--><?php if($pluginsNeedUpdate && $coreNeedsUpdate): ?>
                                                (Core & Plugins)
                                            <?php elseif($coreNeedsUpdate): ?>
                                                (Core)
                                            <?php elseif($pluginsNeedUpdate): ?>
                                                (Plugins)
                                            <?php endif; ?><!--[if ENDBLOCK]><![endif]-->
                                        <?php else: ?>
                                            Up to date
                                        <?php endif; ?><!--[if ENDBLOCK]><![endif]-->
                                    </span>
                                <?php else: ?>
                                    <span class="px-2 py-1 text-xs rounded-full bg-gray-100 text-gray-800 dark:bg-gray-900 dark:text-gray-200">
                                        No data
                                    </span>
                                <?php endif; ?><!--[if ENDBLOCK]><![endif]-->
                            </td>
                            <td class="px-4 py-2 whitespace-nowrap text-sm text-gray-500 dark:text-gray-400">
                                <?php echo e($site->wordPressMonitor?->last_check?->diffForHumans() ?? 'Never'); ?>

                            </td>
                            <td class="px-4 py-2 whitespace-nowrap text-sm">
                                <button wire:click="checkCoreVersion('<?php echo e($site->domain_id); ?>')"
                                    wire:loading.attr="disabled"
                                    class="text-indigo-600 dark:text-indigo-400 hover:text-indigo-900 dark:hover:text-indigo-300 inline-flex items-center">
                                    <div wire:loading.remove wire:target="checkCoreVersion('<?php echo e($site->domain_id); ?>')">
                                        <svg class="w-4 h-4 mr-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15" />
                                        </svg>
                                    </div>
                                    <div wire:loading wire:target="checkCoreVersion('<?php echo e($site->domain_id); ?>')" class="mr-2">
                                        <svg class="animate-spin h-4 w-4" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
                                            <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
                                            <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
                                        </svg>
                                    </div>
                                    <span wire:loading.remove wire:target="checkCoreVersion('<?php echo e($site->domain_id); ?>')">Check it out</span>
                                    <span wire:loading wire:target="checkCoreVersion('<?php echo e($site->domain_id); ?>')">Checking...</span>
                                </button>
                            </td>
                            <td class="px-4 py-2 whitespace-nowrap text-sm">
                                <button wire:click="$toggle('expandedSites.<?php echo e($site->id); ?>')" class="text-gray-500 hover:text-gray-700">
                                    <svg class="w-5 h-5 transform transition-transform duration-200
                                        <?php echo e(isset($expandedSites[$site->id]) && $expandedSites[$site->id] ? 'rotate-180' : ''); ?>"
                                        fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
                                    </svg>
                                </button>
                            </td>
                        </tr>

                        <!-- Plugins detail row -->
                        <!--[if BLOCK]><![endif]--><?php if(isset($expandedSites[$site->id]) && $expandedSites[$site->id]): ?>
                            <tr class="bg-gray-50 dark:bg-gray-700">
                                <td colspan="9" class="px-8 py-4">
                                    <!-- WordPress Core Section -->
                                    <div class="mb-6 bg-white dark:bg-gray-800 p-4 rounded-lg shadow">
                                        <div class="flex justify-between items-start">
                                            <div>
                                                <h4 class="font-medium text-gray-900 dark:text-gray-100">WordPress Core</h4>
                                                <!--[if BLOCK]><![endif]--><?php if($site->wordPressMonitor && $site->wordPressMonitor->wordpress_version): ?>
                                                    <div class="flex flex-col">
                                                        <div class="text-sm text-gray-900 dark:text-gray-200">
                                                            Current: v<?php echo e($site->wordPressMonitor->wordpress_version); ?>

                                                        </div>

                                                        <!--[if BLOCK]><![endif]--><?php if($site->wordPressMonitor->wordpress_update_type): ?>
                                                            <div class="text-sm text-yellow-600 dark:text-yellow-400">
                                                                Update available: v<?php echo e($site->wordPressMonitor->wordpress_update_version); ?>

                                                            </div>
                                                        <?php else: ?>
                                                            <div class="text-sm text-green-600 dark:text-green-400">
                                                                Up to date
                                                            </div>
                                                        <?php endif; ?><!--[if ENDBLOCK]><![endif]-->
                                                    </div>
                                                <?php else: ?>
                                                    <p class="text-sm text-gray-500 dark:text-gray-400">No version data available</p>
                                                <?php endif; ?><!--[if ENDBLOCK]><![endif]-->
                                            </div>

                                            <!--[if BLOCK]><![endif]--><?php if($site->wordPressMonitor?->wordpress_update_type): ?>
                                                <span class="<?php echo \Illuminate\Support\Arr::toCssClasses([
                                                    'px-2 inline-flex text-xs leading-5 font-semibold rounded-full',
                                                    'bg-red-100 text-red-800' => $site->wordPressMonitor->wordpress_update_type === 'major',
                                                    'bg-yellow-100 text-yellow-800' => $site->wordPressMonitor->wordpress_update_type === 'minor',
                                                    'bg-red-600 text-white' => $site->wordPressMonitor->wordpress_update_type === 'critical',
                                                    'bg-gray-100 text-gray-800' => !in_array($site->wordPressMonitor->wordpress_update_type, ['major', 'minor', 'critical'])
                                                ]); ?>">
                                                    <?php echo e($this->getUpdateType($site->wordPressMonitor->wordpress_update_type)); ?>

                                                </span>
                                            <?php endif; ?><!--[if ENDBLOCK]><![endif]-->
                                        </div>
                                    </div>

                                    <!-- Existing Plugins Section -->
                                    <!--[if BLOCK]><![endif]--><?php if($site->wordPressMonitor && $site->wordPressMonitor->plugins): ?>
                                        <div class="grid grid-cols-3 gap-4">
                                            <?php
                                                $pluginsList = is_string($site->wordPressMonitor->plugins)
                                                    ? json_decode($site->wordPressMonitor->plugins, true)
                                                    : ($site->wordPressMonitor->plugins ?? []);

                                                // Ensure we're accessing the 'live' plugins array
                                                $livePlugins = $pluginsList['live'] ?? [];

                                                // Sort plugins into categories
                                                $hasUpdates = collect($livePlugins)->filter(function($plugin) {
                                                    return ($plugin['status'] === 'active' && ($plugin['update'] ?? '') === 'available');
                                                });

                                                $noUpdates = collect($livePlugins)->filter(function($plugin) {
                                                    return ($plugin['status'] === 'active' && ($plugin['update'] ?? '') !== 'available');
                                                });

                                                $inactive = collect($livePlugins)->filter(function($plugin) {
                                                    return $plugin['status'] !== 'active';
                                                });

                                                // Combine in desired order
                                                $sortedPlugins = $hasUpdates->merge($noUpdates)->merge($inactive);
                                            ?>

                                            <!--[if BLOCK]><![endif]--><?php $__currentLoopData = $sortedPlugins; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $plugin): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                                <div class="bg-white dark:bg-gray-800 p-4 rounded-lg shadow">
                                                    <div class="flex justify-between items-start">
                                                        <div class="w-full">
                                                            <!-- Plugin Title and Status -->
                                                            <div class="flex items-center gap-2 mb-3">
                                                                <h4 class="font-medium text-gray-900 dark:text-gray-100 pr-10">
                                                                    <?php echo e($plugin['title'] ?? $plugin['name'] ?? 'Unknown Plugin'); ?>

                                                                </h4>
                                                                <!--[if BLOCK]><![endif]--><?php if(($plugin['wporg_status'] ?? '') === 'premium'): ?>
                                                                    <span class="text-xs text-purple-600 dark:text-purple-400">Premium</span>
                                                                <?php endif; ?><!--[if ENDBLOCK]><![endif]-->
                                                            </div>

                                                            <!-- Current Version Section -->
                                                            <div class="border-t border-b border-gray-200 dark:border-gray-700 py-3">
                                                                <div class="text-sm text-gray-900 dark:text-gray-200">
                                                                    Current: v<?php echo e($plugin['version'] ?? 'Unknown'); ?>

                                                                </div>

                                                                <div class="text-xs text-gray-500 dark:text-gray-400 mt-1">
                                                                    Tested up to WordPress: <?php echo e($plugin['tested_up_to']); ?>

                                                                </div>

                                                                <!--[if BLOCK]><![endif]--><?php if($plugin['tested_up_to'] !== 'No data'): ?>
                                                                    <div class="text-xs text-gray-400 mt-1 italic">
                                                                        Note: this data might be out of date
                                                                    </div>
                                                                <?php endif; ?><!--[if ENDBLOCK]><![endif]-->
                                                            </div>

                                                            <!-- Update Section -->
                                                            <!--[if BLOCK]><![endif]--><?php if(($plugin['update'] ?? '') === 'available'): ?>
                                                                <div class="py-3">
                                                                    <div class="text-xs text-green-600 dark:text-green-400">
                                                                        Update available: v<?php echo e($plugin['update_version'] ?? 'Unknown'); ?>

                                                                    </div>

                                                                    <!--[if BLOCK]><![endif]--><?php if(!empty($plugin['compatibility']['update_future_wp'])): ?>
                                                                        <div class="text-xs text-green-500 mt-1">
                                                                            <!--[if BLOCK]><![endif]--><?php if($site->wordPressMonitor->wordpress_update_version): ?>
                                                                                Compatible with WordPress <?php echo e($site->wordPressMonitor->wordpress_update_version); ?>

                                                                            <?php else: ?>
                                                                                Compatible with WordPress <?php echo e($site->wordPressMonitor->wordpress_version); ?>

                                                                            <?php endif; ?><!--[if ENDBLOCK]><![endif]-->
                                                                        </div>
                                                                    <?php else: ?>
                                                                        <div class="text-xs text-amber-500 mt-1">
                                                                            Might not be compatible with WordPress <?php echo e($site->wordPressMonitor->wordpress_update_version ?: $site->wordPressMonitor->wordpress_version); ?>

                                                                        </div>
                                                                    <?php endif; ?><!--[if ENDBLOCK]><![endif]-->

                                                                    <div class="text-xs text-gray-500 dark:text-gray-400 mt-1">
                                                                        Tested up to WordPress: <?php echo e($plugin['update_tested_up_to'] ?? 'No data'); ?>

                                                                    </div>
                                                                </div>

                                                                <div class="border-t border-gray-200 dark:border-gray-700"></div>
                                                            <?php endif; ?><!--[if ENDBLOCK]><![endif]-->
                                                        </div>

                                                        <!-- Plugin Status Text -->
                                                        <span class="<?php echo \Illuminate\Support\Arr::toCssClasses([
                                                            'text-[9px] font-medium uppercase tracking-wider',
                                                            'text-green-600 dark:text-green-400' => ($plugin['status'] ?? '') === 'active',
                                                            'text-gray-500 dark:text-gray-400' => ($plugin['status'] ?? '') !== 'active'
                                                        ]); ?>">
                                                            <?php echo e($plugin['status'] ?? 'unknown'); ?>

                                                        </span>
                                                    </div>
                                                </div>
                                            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?><!--[if ENDBLOCK]><![endif]-->
                                        </div>

                                        
                                        <div class="mt-4 flex justify-end space-x-2">
                                            <?php
                                                $hasUpdatablePlugins = false;
                                                if (isset($pluginsList['live']) && is_array($pluginsList['live'])) {
                                                    $hasUpdatablePlugins = collect($pluginsList['live'])
                                                        ->where('update', 'available')
                                                        ->isNotEmpty();
                                                }
                                            ?>

                                            <!--[if BLOCK]><![endif]--><?php if($hasUpdatablePlugins): ?>
                                                <button wire:click="updateAllPluginsSSH('<?php echo e($site->domain_id); ?>')"
                                                    wire:loading.attr="disabled"
                                                    wire:target="updateAllPluginsSSH('<?php echo e($site->domain_id); ?>')"
                                                    class="inline-flex items-center px-3 py-1 text-xs bg-indigo-600 text-white rounded-md hover:bg-indigo-700">
                                                    <span wire:loading.remove wire:target="updateAllPluginsSSH('<?php echo e($site->domain_id); ?>')">
                                                        Update All Plugins
                                                    </span>
                                                    <span wire:loading wire:target="updateAllPluginsSSH('<?php echo e($site->domain_id); ?>')" class="flex items-center">
                                                        <svg class="animate-spin -ml-1 mr-2 h-3 w-3 text-white" fill="none" viewBox="0 0 24 24">
                                                            <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
                                                            <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
                                                        </svg>
                                                        Updating...
                                                    </span>
                                                </button>
                                            <?php endif; ?><!--[if ENDBLOCK]><![endif]-->
                                            <!--[if BLOCK]><![endif]--><?php if($site->wordPressMonitor && $site->wordPressMonitor->wordpress_update_type): ?>
                                                <button wire:click="updateWordPressCore('<?php echo e($site->domain_id); ?>')"
                                                    wire:loading.attr="disabled"
                                                    wire:target="updateWordPressCore('<?php echo e($site->domain_id); ?>')"
                                                    class="inline-flex items-center px-3 py-1 text-xs bg-green-600 text-white rounded-md hover:bg-green-700">
                                                    <span wire:loading.remove wire:target="updateWordPressCore('<?php echo e($site->domain_id); ?>')">
                                                        Update WordPress Core
                                                    </span>
                                                    <span wire:loading wire:target="updateWordPressCore('<?php echo e($site->domain_id); ?>')" class="flex items-center">
                                                        <svg class="animate-spin -ml-1 mr-2 h-3 w-3 text-white" fill="none" viewBox="0 0 24 24">
                                                            <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
                                                            <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
                                                        </svg>
                                                        Updating...
                                                    </span>
                                                </button>
                                            <?php endif; ?><!--[if ENDBLOCK]><![endif]-->
                                        </div>
                                    <?php endif; ?><!--[if ENDBLOCK]><![endif]-->
                                </td>
                            </tr>
                        <?php endif; ?><!--[if ENDBLOCK]><![endif]-->
                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); if ($__empty_1): ?>
                        <tr>
                            <td colspan="9" class="px-4 py-2 text-center text-sm text-gray-500 dark:text-gray-400">
                                No sites found
                            </td>
                        </tr>
                    <?php endif; ?><!--[if ENDBLOCK]><![endif]-->
                </tbody>
            </table>
        </div>
    </div>

    <!--[if BLOCK]><![endif]--><?php if($updateInProgress): ?>
        <div class="mt-4">
            <div class="relative pt-1">
                <div class="flex mb-2 items-center justify-between">
                    <div>
                        <span class="text-xs font-semibold inline-block text-primary-600">
                            Update Progress
                        </span>
                    </div>
                    <div class="text-right">
                        <span class="text-xs font-semibold inline-block text-primary-600">
                            <?php echo e(number_format($this->updateProgress, 1)); ?>%
                        </span>
                    </div>
                </div>
                <div class="overflow-hidden h-2 mb-4 text-xs flex rounded bg-primary-200">
                    <div style="width:<?php echo e($this->updateProgress); ?>%"
                         class="shadow-none flex flex-col text-center whitespace-nowrap text-white justify-center bg-primary-500 transition-all duration-500">
                    </div>
                </div>
                <div class="text-sm text-gray-600">
                    <?php echo e($completedOperations); ?> of <?php echo e($totalOperations); ?> operations completed
                </div>
            </div>
        </div>
    <?php endif; ?><!--[if ENDBLOCK]><![endif]-->

    <!-- Toggle Button for Update Issues -->
    <div class="flex justify-end">
        <button wire:click="toggleUpdateIssues"
            class="inline-flex items-center px-4 py-2 bg-red-600 hover:bg-red-700 text-white text-sm font-medium rounded-md shadow-sm transition-colors duration-150 ease-in-out">
            <?php echo e($showUpdateIssues ? 'Hide' : 'Show'); ?> Update Issues
        </button>
    </div>

    <!-- Update Issues Section -->
    <!--[if BLOCK]><![endif]--><?php if($showUpdateIssues): ?>
    <div class="mt-8">
        <h3 class="text-lg font-medium text-gray-900 dark:text-white">Update Issues</h3>
        <div class="mt-4 bg-white dark:bg-gray-800 shadow rounded-lg overflow-hidden">
            <div class="overflow-x-auto">
                <table class="min-w-full divide-y divide-gray-200 dark:divide-gray-700">
                    <thead class="bg-gray-50 dark:bg-gray-700">
                        <tr>
                            <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider">
                                CRM Client
                            </th>
                            <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider">
                                URL
                            </th>
                            <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider">
                                Plugin Name
                            </th>
                            <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider">
                                Plugin Version
                            </th>
                        </tr>
                    </thead>
                    <tbody class="bg-white dark:bg-gray-800 divide-y divide-gray-200 dark:divide-gray-700">
                        <!--[if BLOCK]><![endif]--><?php $__empty_1 = true; $__currentLoopData = $updateIssues; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $issue): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); $__empty_1 = false; ?>
                            <tr class="hover:bg-gray-100 dark:hover:bg-gray-900 transition-colors duration-150">
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-900 dark:text-gray-200">
                                    <?php echo e($issue['client_name']); ?>

                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500 dark:text-gray-400">
                                    <a
                                        href="https://<?php echo e($issue['url']); ?>"
                                        target="_blank"
                                        rel="noopener noreferrer"
                                        class="hover:text-indigo-600 dark:hover:text-indigo-400 transition-colors duration-150"
                                    >
                                        <?php echo e($issue['url']); ?>

                                    </a>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-900 dark:text-gray-200">
                                    <?php echo e($issue['plugin_name']); ?>

                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500 dark:text-gray-400">
                                    <?php echo e($issue['current_version']); ?> → <?php echo e($issue['update_version']); ?>

                                </td>
                            </tr>
                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); if ($__empty_1): ?>
                            <tr>
                                <td colspan="4" class="px-6 py-4 whitespace-nowrap text-sm text-gray-500 dark:text-gray-400 text-center">
                                    No update issues found
                                </td>
                            </tr>
                        <?php endif; ?><!--[if ENDBLOCK]><![endif]-->
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    <?php endif; ?><!--[if ENDBLOCK]><![endif]-->
</div>
<?php /**PATH /home/forge/crm-staging.pigment.se/resources/views/livewire/monitor/wordpress/wordpress.blade.php ENDPATH**/ ?>