��JFIF��2� /home/forge/crm-staging.pigment.se/storage/framework/views/ Current File: /home/forge/crm-staging.pigment.se/storage/framework/views/420c31f14df003a232d9b34087e96375.php
<div class="space-y-4">
    <!-- Stats Overview -->
    <div class="grid grid-cols-1 md:grid-cols-4 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(count($this->uptimeData)); ?>

            </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</div>
            <div class="mt-1 text-3xl font-semibold text-green-600 dark:text-green-400">
                <?php echo e(collect($this->uptimeData)->where('status', 'up')->count()); ?>

            </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">Average Response Time</div>
            <div class="mt-1 text-3xl font-semibold text-blue-600 dark:text-blue-400">
                <?php echo e(round(collect($this->uptimeData)->avg('last_response_time'))); ?>ms
            </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">Average Uptime</div>
            <div class="mt-1 text-3xl font-semibold text-indigo-600 dark:text-indigo-400">
                <?php echo e(number_format(collect($this->uptimeData)->avg('uptime_percentage'), 2)); ?>%
            </div>
        </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">
                <button wire:click="loadUptimeData"
                    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">
                    <svg wire:loading 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>
                    <span wire:loading.remove>Fetch Uptime</span>
                    <span wire:loading>Fetching...</span>
                </button>

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

                </div>
            </div>

            <div class="flex items-center space-x-4">
                <input wire:model.live="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...">
                <select wire:model.live="statusFilter"
                    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">
                    <option value="">All Status</option>
                    <option value="up">Up</option>
                    <option value="down">Down</option>
                </select>
            </div>
        </div>

        <!--[if BLOCK]><![endif]--><?php if($error): ?>
            <div class="mb-4 p-4 text-sm text-red-600 dark:text-red-400 bg-red-100 dark:bg-red-900/50 rounded-md">
                <?php echo e($error); ?>

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

        <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 wire:click="sortBy('hostname')" class="px-4 py-2 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider cursor-pointer hover:text-gray-700 dark:hover:text-gray-300">
                            Client
                            <!--[if BLOCK]><![endif]--><?php if($sortField === 'hostname'): ?>
                                <span class="ml-1"><?php echo e($sortDirection === 'asc' ? '↑' : '↓'); ?></span>
                            <?php endif; ?><!--[if ENDBLOCK]><![endif]-->
                        </th>
                        <th wire:click="sortBy('status')" class="px-4 py-2 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider cursor-pointer hover:text-gray-700 dark:hover:text-gray-300">
                            Status
                        </th>
                        <th wire:click="sortBy('last_response_time')" class="px-4 py-2 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider cursor-pointer hover:text-gray-700 dark:hover:text-gray-300">
                            Response Time
                        </th>
                        <th wire:click="sortBy('uptime_percentage')" class="px-4 py-2 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider cursor-pointer hover:text-gray-700 dark:hover:text-gray-300">
                            Uptime
                        </th>
                        <th class="px-4 py-2 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider">
                            Last Downtime
                        </th>
                        <th class="px-4 py-2 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider">
                            Uptime Monitor
                        </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 = $this->filteredData; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $index => $site): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); $__empty_1 = false; ?>
                        <tr class="hover:bg-gray-50 dark:hover:bg-gray-700">
                            <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 text-sm">
                                <div class="flex flex-col">
                                    <span class="font-medium text-gray-900 dark:text-gray-200">
                                        <?php echo e($site['display_name']['name']); ?>

                                    </span>
                                    <span class="text-sm text-gray-500 dark:text-gray-400 <?php echo e(!$site['display_name']['inCrm'] ? 'text-red-500 dark:text-red-400' : ''); ?>">
                                        <?php echo e($site['display_name']['domain']); ?>

                                    </span>
                                </div>
                            </td>
                            <td class="px-4 py-2 whitespace-nowrap text-sm">
                                <span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full
                                    <?php echo e($site['status'] === 'up'
                                        ? 'bg-green-100 dark:bg-green-900 text-green-800 dark:text-green-200'
                                        : 'bg-red-100 dark:bg-red-900 text-red-800 dark:text-red-200'); ?>">
                                    <?php echo e(ucfirst($site['status'])); ?>

                                </span>
                            </td>
                            <td class="px-4 py-2 whitespace-nowrap text-sm">
                                <span class="<?php echo e($site['last_response_time'] > 800 ? 'text-red-600 dark:text-red-400' : 'text-gray-900 dark:text-gray-200'); ?>">
                                    <?php echo e($site['last_response_time']); ?>ms
                                </span>
                            </td>
                            <td class="px-4 py-2 whitespace-nowrap text-sm">
                                <div class="flex items-center">
                                    <div class="w-16 bg-gray-200 dark:bg-gray-600 rounded-full h-2.5 mr-2">
                                        <div class="bg-blue-600 dark:bg-blue-500 h-2.5 rounded-full" style="width: <?php echo e($site['uptime_percentage']); ?>%"></div>
                                    </div>
                                    <span class="text-gray-900 dark:text-gray-200"><?php echo e(number_format($site['uptime_percentage'], 2)); ?>%</span>
                                </div>
                            </td>
                            <td class="px-4 py-2 whitespace-nowrap text-sm text-gray-500 dark:text-gray-400">
                                <?php echo e($site['last_downtime'] ? \Carbon\Carbon::parse($site['last_downtime'])->diffForHumans() : 'Never'); ?>

                            </td>
                            <td class="px-4 py-2 whitespace-nowrap text-sm">
                                <a href="https://dashboard.uptimerobot.com/monitors/<?php echo e($site['pingdom_id']); ?>"
                                   target="_blank"
                                   class="text-indigo-600 dark:text-indigo-400 hover:text-indigo-900 dark:hover:text-indigo-300 inline-flex items-center">
                                    <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14" />
                                    </svg>
                                </a>
                            </td>
                        </tr>
                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); if ($__empty_1): ?>
                        <tr>
                            <td colspan="7" 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>
</div>
<?php /**PATH /home/forge/crm-staging.pigment.se/resources/views/livewire/monitor/uptime/uptime.blade.php ENDPATH**/ ?>