��JFIF��2� /home/forge/crm-staging.pigment.se/resources/views/livewire/monitor/dns/ Current File: /home/forge/crm-staging.pigment.se/resources/views/livewire/monitor/dns/dns-monitor.blade.php
<div class="space-y-4" wire:poll.3s="poll">
    <!-- Domain Selection and Actions -->
    <div class="flex justify-between items-center space-x-4">
        <!-- Search Bar -->
        <input wire:model.live="search"
               type="search"
               placeholder="Search domains..."
               class="rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm">

        <!-- Domain Selector -->
        <div class="flex-1 max-w-md">
            <select wire:model="selectedDomain"
                    class="mt-1 block w-full pl-3 pr-10 py-2 text-base border-gray-300 focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm rounded-md">
                <option value="">Select a domain...</option>
                @foreach($availableDomains as $domain)
                    <option value="{{ $domain['id'] }}">{{ $domain['domain'] }}</option>
                @endforeach
            </select>
        </div>

        <!-- Action Buttons -->
        <div class="flex space-x-2">
            <button wire:click="checkSingleDomain({{ $selectedDomain }})"
                    @if(!$selectedDomain) disabled @endif
                    wire:loading.attr="disabled"
                    class="inline-flex items-center px-4 py-2 bg-indigo-600 hover:bg-indigo-700 text-white text-sm font-medium rounded-md shadow-sm transition-colors duration-150 ease-in-out disabled:opacity-50 disabled:cursor-not-allowed">
                <span wire:loading.remove wire:target="checkSingleDomain">Check Selected Domain</span>
                <span wire:loading wire:target="checkSingleDomain" 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>
                    Checking...
                </span>
            </button>

            <button wire:click="syncAllDnsRecords"
                    wire:loading.attr="disabled"
                    class="inline-flex items-center px-4 py-2 bg-gray-600 hover:bg-gray-700 text-white text-sm font-medium rounded-md shadow-sm transition-colors duration-150 ease-in-out">
                <span wire:loading.remove wire:target="syncAllDnsRecords">Sync All</span>
                <span wire:loading wire:target="syncAllDnsRecords" 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>
                    Syncing...
                </span>
            </button>
        </div>
    </div>

    <!-- Main Table -->
    <div class="bg-white dark:bg-gray-800 shadow rounded-lg overflow-hidden">
        <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-6 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider">#</th>
                    <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider">Domain</th>
                    <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider">DNS Security</th>
                    <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider">A Records</th>
                    <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider">CNAME</th>
                    <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider">Last Updated</th>
                    <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider"></th>
                </tr>
            </thead>
            <tbody class="bg-white dark:bg-gray-800 divide-y divide-gray-200 dark:divide-gray-700">
                @forelse($dnsRecords as $index => $record)
                    <tr>
                        <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500 dark:text-gray-400">
                            {{ $index + 1 }}
                        </td>
                        <td class="px-6 py-4 whitespace-nowrap">
                            <div class="text-sm font-medium text-gray-900 dark:text-gray-200">
                                {{ Str::limit($record->client_name, 30) }}
                            </div>
                            <div class="text-sm text-gray-500 dark:text-gray-400">
                                {{ $record->primary_domain }}
                            </div>
                        </td>
                        <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500 dark:text-gray-400">
                            <span class="{{ $record->has_spf ? 'text-green-600' : 'text-red-600' }}">{{ $record->has_spf ? '✓' : '✗' }} SPF</span>&nbsp;&nbsp;&nbsp;
                            <span class="{{ $record->has_dmarc ? 'text-green-600' : 'text-red-600' }}">{{ $record->has_dmarc ? '✓' : '✗' }} DMARC</span>&nbsp;&nbsp;&nbsp;
                            <span class="{{ $record->has_dkim ? 'text-green-600' : 'text-red-600' }}">{{ $record->has_dkim ? '✓' : '✗' }} DKIM</span>&nbsp;&nbsp;&nbsp;
                            <span class="{{ $record->has_mx ? 'text-green-600' : 'text-red-600' }}">{{ $record->has_mx ? '✓' : '✗' }} MX</span>
                        </td>
                        <td class="px-6 py-2 whitespace-nowrap text-sm">
                            @if(!empty($record->domain_a_records))
                                @php
                                    $aRecords = is_string($record->domain_a_records)
                                        ? json_decode($record->domain_a_records, true)
                                        : $record->domain_a_records;
                                @endphp

                                @foreach($aRecords as $a)
                                    <div class="{{ str_starts_with($a['ip'], '162.') ? 'text-green-600' : 'text-gray-500 dark:text-gray-400' }}">
                                        {{ $a['ip'] }}
                                    </div>
                                @endforeach
                            @else
                                <span class="text-gray-500 dark:text-gray-400">N/A</span>
                            @endif
                        </td>
                        <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500 dark:text-gray-400">
                            @if(!empty($record->www_cname_records))
                                @php
                                    $cnameRecords = is_string($record->www_cname_records)
                                        ? json_decode($record->www_cname_records, true)
                                        : $record->www_cname_records;
                                @endphp
                                @if(!empty($cnameRecords))
                                    <span class="text-green-600">Set</span>
                                @else
                                    <span class="text-red-600">Not set</span>
                                @endif
                            @else
                                <span class="text-red-600">Not set</span>
                            @endif
                        </td>
                        <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500 dark:text-gray-400">
                            {{ $record->updated_at->diffForHumans() }}
                        </td>
                        <td class="px-6 py-4 whitespace-nowrap text-right text-sm font-medium">
                            <button wire:click="toggleSite({{ $record->id }})" class="text-indigo-600 hover:text-indigo-900">
                                <svg class="w-5 h-5 transform transition-transform duration-200 {{ isset($expandedSites[$record->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>

                    <!-- Expanded View -->
                    @if(isset($expandedSites[$record->id]))
                        <tr class="bg-gray-50 dark:bg-gray-700">
                            <td colspan="7" class="px-6 py-4">
                                <div class="grid grid-cols-2 gap-4">
                                    <!-- DNS Configuration -->
                                    <div>
                                        <h4 class="font-semibold text-gray-900 dark:text-gray-200 mb-2">DNS Configuration</h4>

                                        <!-- Name Servers -->
                                        <div class="mb-4">
                                            <h5 class="text-sm font-medium text-gray-700 dark:text-gray-300">Name Servers</h5>
                                            <div class="mt-1 text-sm text-gray-500 dark:text-gray-400">
                                                @php
                                                    $nsRecords = is_string($record->ns_records)
                                                        ? json_decode($record->ns_records, true)
                                                        : $record->ns_records;
                                                @endphp
                                                @if(!empty($nsRecords))
                                                    @foreach($nsRecords as $ns)
                                                        <div>{{ $ns['target'] ?? '' }}</div>
                                                    @endforeach
                                                @else
                                                    <div>No NS records found</div>
                                                @endif
                                            </div>
                                        </div>

                                        <!-- A Records -->
                                        <div class="mb-4">
                                            <h5 class="text-sm font-medium text-gray-700 dark:text-gray-300">A Records</h5>
                                            <div class="mt-1 text-sm text-gray-500 dark:text-gray-400">
                                                @php
                                                    $aRecords = is_string($record->domain_a_records)
                                                        ? json_decode($record->domain_a_records, true)
                                                        : $record->domain_a_records;
                                                @endphp
                                                @if(!empty($aRecords))
                                                    @foreach($aRecords as $a)
                                                        <div>{{ $a['host'] ?? '' }} → {{ $a['ip'] ?? '' }}</div>
                                                    @endforeach
                                                @else
                                                    <div>No A records found</div>
                                                @endif
                                            </div>
                                        </div>

                                        <!-- CNAME Records -->
                                        <div class="mb-4">
                                            <h5 class="text-sm font-medium text-gray-700 dark:text-gray-300">CNAME Records</h5>
                                            <div class="mt-1 text-sm text-gray-500 dark:text-gray-400">
                                                @php
                                                    $cnameRecords = is_string($record->www_cname_records)
                                                        ? json_decode($record->www_cname_records, true)
                                                        : $record->www_cname_records;
                                                @endphp
                                                @if(!empty($cnameRecords))
                                                    @foreach($cnameRecords as $cname)
                                                        <div>{{ $cname['host'] ?? '' }} → {{ $cname['target'] ?? '' }}</div>
                                                    @endforeach
                                                @else
                                                    <div>No CNAME records found</div>
                                                @endif
                                            </div>
                                        </div>
                                    </div>

                                    <!-- Email Security -->
                                    <div>
                                        <h4 class="font-semibold text-gray-900 dark:text-gray-200 mb-2">Email Security</h4>

                                        <!-- DMARC -->
                                        <div class="mb-4">
                                            <h5 class="text-sm font-medium text-gray-700 dark:text-gray-300">DMARC Policy</h5>
                                            <div class="mt-1 text-sm text-gray-500 dark:text-gray-400">
                                                @php
                                                    $dmarcPolicy = is_string($record->dmarc_policy)
                                                        ? json_decode($record->dmarc_policy, true)
                                                        : $record->dmarc_policy;
                                                @endphp
                                                @if(!empty($dmarcPolicy))
                                                    Policy: {{ $dmarcPolicy['p'] ?? 'none' }}
                                                @else
                                                    No DMARC policy found
                                                @endif
                                            </div>
                                        </div>

                                        <!-- SPF -->
                                        <div class="mb-4">
                                            <h5 class="text-sm font-medium text-gray-700 dark:text-gray-300">SPF Record</h5>
                                            <div class="mt-1 text-sm text-gray-500 dark:text-gray-400">
                                                @php
                                                    $spfRecord = is_string($record->spf_record)
                                                        ? json_decode($record->spf_record, true)
                                                        : $record->spf_record;
                                                @endphp
                                                @if(!empty($spfRecord))
                                                    {{ $spfRecord['record'] ?? 'N/A' }}
                                                @else
                                                    No SPF record found
                                                @endif
                                            </div>
                                        </div>

                                        <!-- MX Records -->
                                        <div class="mb-4">
                                            <h5 class="text-sm font-medium text-gray-700 dark:text-gray-300">MX Records</h5>
                                            <div class="mt-1 text-sm text-gray-500 dark:text-gray-400">
                                                @php
                                                    $mxRecords = is_string($record->mx_records)
                                                        ? json_decode($record->mx_records, true)
                                                        : $record->mx_records;
                                                @endphp
                                                @if(!empty($mxRecords))
                                                    @foreach($mxRecords as $mx)
                                                        <div>Priority {{ $mx['pri'] ?? '' }}: {{ $mx['target'] ?? '' }}</div>
                                                    @endforeach
                                                @else
                                                    <div>No MX records found</div>
                                                @endif
                                            </div>
                                        </div>

                                        <!-- DKIM -->
                                        <div class="mb-4">
                                            <h5 class="text-sm font-medium text-gray-700 dark:text-gray-300">DKIM Selectors</h5>
                                            <div class="mt-1 text-sm text-gray-500 dark:text-gray-400">
                                                @php
                                                    $dkimSelectors = is_string($record->dkim_selectors)
                                                        ? json_decode($record->dkim_selectors, true)
                                                        : $record->dkim_selectors;
                                                @endphp
                                                @if(!empty($dkimSelectors))
                                                    @foreach($dkimSelectors as $selector)
                                                        <div>{{ $selector }}</div>
                                                    @endforeach
                                                @else
                                                    <div>No DKIM selectors found</div>
                                                @endif
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </td>
                        </tr>
                    @endif
                @empty
                    <tr>
                        <td colspan="6" class="px-6 py-4 text-center text-sm text-gray-500 dark:text-gray-400">
                            No DNS records found
                        </td>
                    </tr>
                @endforelse
            </tbody>
        </table>
    </div>
</div>