@extends('layouts.app')

@section('title', 'SNMP Log Details - ISP ERP System')

@section('content')
<div class="container-fluid">
    <!-- Page Header -->
    <div class="row mb-4">
        <div class="col-12">
            <div class="custom-card">
                <div class="custom-card-header">
                    <div class="d-flex justify-content-between align-items-center">
                        <div>
                            <h3 class="mb-0">
                                <i class="fas fa-clipboard-list me-2"></i>
                                SNMP Log Details
                            </h3>
                            <p class="mb-0 opacity-75">View SNMP log information</p>
                        </div>
                        <div class="d-flex gap-2">
                            <a href="{{ route('snmp-logs.index') }}" class="btn btn-light btn-custom">
                                <i class="fas fa-arrow-left me-2"></i>Back to Logs
                            </a>
                            @if($snmpLog->data_type === 'port_status' && $snmpLog->switch)
                                <form action="{{ route('switches.fetch-port-status', $snmpLog->switch_id) }}" method="POST" class="d-inline">
                                    @csrf
                                    <button type="submit" class="btn btn-success btn-custom" onclick="return confirm('Refresh port status from switch?')">
                                        <i class="fas fa-sync-alt me-2"></i>Refresh Port Status
                                    </button>
                                </form>
                            @endif
                            <a href="{{ route('snmp-logs.edit', $snmpLog->id) }}" class="btn btn-warning btn-custom">
                                <i class="fas fa-edit me-2"></i>Edit
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Log Information -->
    <div class="row mb-4">
        <div class="col-lg-8">
            <div class="custom-card">
                <div class="custom-card-header">
                    <h4 class="mb-0">
                        <i class="fas fa-info-circle me-2"></i>
                        Log Information
                    </h4>
                </div>
                <div class="custom-card-body">
                    <div class="row">
                        <div class="col-md-6 mb-3">
                            <label class="text-muted">Switch</label>
                            <p class="mb-0">
                                @if($snmpLog->switch)
                                    <a href="{{ route('switches.show', $snmpLog->switch_id) }}" class="text-primary">
                                        <strong>{{ $snmpLog->switch->name }}</strong>
                                    </a>
                                    <br>
                                    <small class="text-muted">{{ $snmpLog->switch->ip }}</small>
                                @else
                                    <span class="text-muted">Switch not found</span>
                                @endif
                            </p>
                        </div>
                        <div class="col-md-6 mb-3">
                            <label class="text-muted">Data Type</label>
                            <p class="mb-0">
                                <span class="badge bg-primary custom-badge">{{ $snmpLog->data_type }}</span>
                            </p>
                        </div>
                        <div class="col-md-6 mb-3">
                            <label class="text-muted">Created At</label>
                            <p class="mb-0">{{ $snmpLog->created_at->format('M d, Y h:i A') }}</p>
                        </div>
                        <div class="col-md-6 mb-3">
                            <label class="text-muted">Updated At</label>
                            <p class="mb-0">{{ $snmpLog->updated_at->format('M d, Y h:i A') }}</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Data Value -->
    <div class="row">
        <div class="col-12">
            <div class="custom-card">
                <div class="custom-card-header">
                    <h4 class="mb-0">
                        <i class="fas fa-file-alt me-2"></i>
                        Data Value
                    </h4>
                </div>
                <div class="custom-card-body">
                    @if($snmpLog->data_type === 'installation_error' || $snmpLog->data_type === 'errors')
                        @php
                            $errorData = json_decode($snmpLog->data_value, true);
                        @endphp
                        @if(isset($errorData['solution']))
                            <div class="alert alert-warning mb-3">
                                <h5><i class="fas fa-exclamation-triangle me-2"></i>Installation Required</h5>
                                <p class="mb-2"><strong>Net-SNMP tools are not installed on the server.</strong></p>
                                <p class="mb-2">To fix this issue, please install Net-SNMP:</p>
                                <ol class="mb-0">
                                    @foreach($errorData['solution'] as $step)
                                        <li>{{ $step }}</li>
                                    @endforeach
                                </ol>
                            </div>
                        @endif
                    @endif
                    
                    @if($snmpLog->data_type === 'port_status')
                        @php
                            $portData = json_decode($snmpLog->data_value, true);
                        @endphp
                        @if(is_array($portData) && !empty($portData))
                            <div class="alert alert-info mb-3">
                                <i class="fas fa-info-circle me-2"></i>
                                <strong>Port Status Data:</strong> Found {{ count($portData) }} port(s)
                            </div>
                            <div class="table-responsive">
                                <table class="table table-bordered table-hover">
                                    <thead class="thead-light">
                                        <tr>
                                            <th>Port Index</th>
                                            <th>Description</th>
                                            <th>Admin Status</th>
                                            <th>Operational Status</th>
                                            <th>Speed</th>
                                            <th>MTU</th>
                                            <th>Rx Power</th>
                                            <th>Tx Power</th>
                                            <th>In Octets</th>
                                            <th>Out Octets</th>
                                            <th>In Errors</th>
                                            <th>Out Errors</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach($portData as $index => $port)
                                            @if(is_array($port))
                                                <tr>
                                                    <td><strong>{{ $port['index'] ?? $index ?? 'N/A' }}</strong></td>
                                                    <td>{{ $port['description'] ?? '—' }}</td>
                                                    <td>
                                                        @if(isset($port['admin_status_text']))
                                                            @if($port['admin_status_text'] === 'Up')
                                                                <span class="badge bg-success">{{ $port['admin_status_text'] }}</span>
                                                            @else
                                                                <span class="badge bg-danger">{{ $port['admin_status_text'] }}</span>
                                                            @endif
                                                        @elseif(isset($port['admin_status']))
                                                            @if($port['admin_status'] == '1' || $port['admin_status'] == 'up')
                                                                <span class="badge bg-success">Up</span>
                                                            @else
                                                                <span class="badge bg-danger">Down</span>
                                                            @endif
                                                        @else
                                                            <span class="text-muted">—</span>
                                                        @endif
                                                    </td>
                                                    <td>
                                                        @if(isset($port['oper_status_text']))
                                                            @if($port['oper_status_text'] === 'Up')
                                                                <span class="badge bg-success">{{ $port['oper_status_text'] }}</span>
                                                            @elseif($port['oper_status_text'] === 'Down')
                                                                <span class="badge bg-danger">{{ $port['oper_status_text'] }}</span>
                                                            @else
                                                                <span class="badge bg-warning">{{ $port['oper_status_text'] }}</span>
                                                            @endif
                                                        @elseif(isset($port['oper_status']))
                                                            @if($port['oper_status'] == '1' || $port['oper_status'] == 'up')
                                                                <span class="badge bg-success">Up</span>
                                                            @elseif($port['oper_status'] == '2' || $port['oper_status'] == 'down')
                                                                <span class="badge bg-danger">Down</span>
                                                            @else
                                                                <span class="badge bg-warning">Unknown</span>
                                                            @endif
                                                        @else
                                                            <span class="text-muted">—</span>
                                                        @endif
                                                    </td>
                                                    <td>{{ $port['speed_text'] ?? ($port['speed'] ?? '—') }}</td>
                                                    <td>{{ $port['mtu'] ?? '—' }}</td>
                                                    <td>
                                                        @if(isset($port['rx_power_dbm']))
                                                            <span class="badge bg-info">{{ $port['rx_power_dbm'] }}</span>
                                                        @elseif(isset($port['rx_power']))
                                                            <span class="text-muted">{{ $port['rx_power'] }}</span>
                                                        @else
                                                            <span class="text-muted">—</span>
                                                        @endif
                                                    </td>
                                                    <td>
                                                        @if(isset($port['tx_power_dbm']))
                                                            <span class="badge bg-info">{{ $port['tx_power_dbm'] }}</span>
                                                        @elseif(isset($port['tx_power']))
                                                            <span class="text-muted">{{ $port['tx_power'] }}</span>
                                                        @else
                                                            <span class="text-muted">—</span>
                                                        @endif
                                                    </td>
                                                    <td>{{ isset($port['in_octets']) ? number_format($port['in_octets']) : '—' }}</td>
                                                    <td>{{ isset($port['out_octets']) ? number_format($port['out_octets']) : '—' }}</td>
                                                    <td>
                                                        @if(isset($port['in_errors']) && $port['in_errors'] > 0)
                                                            <span class="text-danger">{{ number_format($port['in_errors']) }}</span>
                                                        @else
                                                            <span class="text-success">0</span>
                                                        @endif
                                                    </td>
                                                    <td>
                                                        @if(isset($port['out_errors']) && $port['out_errors'] > 0)
                                                            <span class="text-danger">{{ number_format($port['out_errors']) }}</span>
                                                        @else
                                                            <span class="text-success">0</span>
                                                        @endif
                                                    </td>
                                                </tr>
                                            @endif
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                        @else
                            <div class="alert alert-warning">
                                <i class="fas fa-exclamation-triangle me-2"></i>
                                <strong>No port data found.</strong> The data value may not be in the expected format.
                            </div>
                            <pre class="bg-light p-3 rounded" style="max-height: 500px; overflow-y: auto; white-space: pre-wrap; word-wrap: break-word;">{{ $snmpLog->data_value }}</pre>
                        @endif
                    @else
                        <pre class="bg-light p-3 rounded" style="max-height: 500px; overflow-y: auto; white-space: pre-wrap; word-wrap: break-word;">{{ $snmpLog->data_value }}</pre>
                    @endif
                </div>
            </div>
        </div>
    </div>
</div>

@if($snmpLog->data_type === 'port_status')
<script>
    // Auto-refresh port status every 30 seconds
    let autoRefreshInterval;
    
    function refreshPortStatus() {
        @if($snmpLog->switch)
            fetch('{{ route("switches.fetch-port-status", $snmpLog->switch_id) }}', {
                method: 'POST',
                headers: {
                    'X-CSRF-TOKEN': '{{ csrf_token() }}',
                    'Content-Type': 'application/json',
                    'Accept': 'application/json'
                },
                body: JSON.stringify({})
            })
            .then(response => response.json())
            .then(data => {
                if (data.success || data.redirect) {
                    // Reload page after 2 seconds to show updated data
                    setTimeout(() => {
                        window.location.reload();
                    }, 2000);
                }
            })
            .catch(error => {
                console.error('Error refreshing port status:', error);
            });
        @endif
    }
    
    // Start auto-refresh (optional - uncomment to enable)
    // autoRefreshInterval = setInterval(refreshPortStatus, 30000); // 30 seconds
    
    // Clean up on page unload
    window.addEventListener('beforeunload', function() {
        if (autoRefreshInterval) {
            clearInterval(autoRefreshInterval);
        }
    });
</script>
@endif
@endsection