@extends('admin.layout', [
    'title' => 'Integrasi Neo Feeder',
    'heading' => 'Integrasi Neo Feeder',
    'subheading' => 'Atur koneksi Neo Feeder dan jalankan tarik data langsung ke SIAKAD.',
])

@php
    $probeBadge = match ($probe['status'] ?? 'unknown') {
        'authenticated' => 'badge badge-success',
        'agent_ready' => 'badge badge-info',
        'missing_url', 'disabled' => 'badge badge-warning',
        'auth_failed' => 'badge badge-danger',
        default => 'badge badge-secondary',
    };

    $isDirect = ($config['mode'] ?? 'agent') === 'direct';
    $isDryRun = (bool) ($config['dry_run'] ?? true);
    $isEnabled = (bool) ($config['enabled'] ?? false);
@endphp

@section('admin-content')
    @if ($errors->any())
        <div class="alert alert-danger">
            <h5 class="mb-2"><i class="fas fa-exclamation-circle mr-2"></i>Konfigurasi belum tersimpan</h5>
            <ul class="mb-0 pl-3">
                @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
    @endif

    @if (session('success'))
        <div class="alert alert-success alert-dismissible fade show" role="alert">
            <i class="fas fa-check-circle mr-2"></i>{{ session('success') }}
            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                <span aria-hidden="true">&times;</span>
            </button>
        </div>
    @endif

    @if (session('error'))
        <div class="alert alert-danger alert-dismissible fade show" role="alert">
            <i class="fas fa-times-circle mr-2"></i>{{ session('error') }}
            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                <span aria-hidden="true">&times;</span>
            </button>
        </div>
    @endif

    {{-- Visualisasi Arah Sinkronisasi --}}
    <div class="card card-outline card-primary mb-4">
        <div class="card-header">
            <h3 class="card-title"><i class="fas fa-exchange-alt mr-2"></i>Arah Sinkronisasi Data</h3>
        </div>
        <div class="card-body">
            <div class="row text-center align-items-center">
                {{-- Push: SIAKAD → Neo Feeder --}}
                <div class="col-md-5">
                    <div class="info-box bg-light border border-primary">
                        <span class="info-box-icon bg-primary"><i class="fas fa-upload"></i></span>
                        <div class="info-box-content text-left">
                            <span class="info-box-text font-weight-bold">Push Data ke Neo Feeder</span>
                            <span class="info-box-number text-primary" style="font-size: 0.85rem;">SIAKAD &rarr; Neo Feeder</span>
                            <span class="d-block text-muted mt-1" style="font-size: 0.8rem;">Mengirim data master (prodi, dosen, mahasiswa, kurikulum, mata kuliah, jadwal, KRS, nilai, AKM).</span>
                        </div>
                    </div>
                </div>
                <div class="col-md-2 my-2 my-md-0">
                    <div class="d-flex flex-column align-items-center">
                        <div class="bg-light rounded-circle d-flex align-items-center justify-content-center mb-1" style="width: 40px; height: 40px;">
                            <i class="fas fa-sync-alt text-primary"></i>
                        </div>
                        <span class="text-muted small font-weight-bold">DUA ARAH</span>
                    </div>
                </div>
                {{-- Pull: Neo Feeder → SIAKAD --}}
                <div class="col-md-5">
                    <div class="info-box bg-light border border-success">
                        <span class="info-box-icon bg-success"><i class="fas fa-download"></i></span>
                        <div class="info-box-content text-left">
                            <span class="info-box-text font-weight-bold">Tarik Data dari Neo Feeder</span>
                            <span class="info-box-number text-success" style="font-size: 0.85rem;">Neo Feeder &rarr; SIAKAD</span>
                            <span class="d-block text-muted mt-1" style="font-size: 0.8rem;">Mengambil data dari PDDIKTI ke database SIAKAD untuk sinkronisasi dan backup.</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-lg-8">
            <form action="{{ route('admin.neo-feeder.integrasi.update') }}" method="POST">
                @csrf

                <div class="card card-outline card-primary">
                    <div class="card-header">
                        <h3 class="card-title">Mode Integrasi</h3>
                    </div>
                    <div class="card-body">
                        <div class="row">
                            <div class="col-md-6 mb-3">
                                <label class="w-100 mb-0">
                                    <input type="radio" name="mode" value="agent" class="d-none" {{ old('mode', $config['mode'] ?? 'agent') === 'agent' ? 'checked' : '' }}>
                                    <div class="info-box bg-light border {{ old('mode', $config['mode'] ?? 'agent') === 'agent' ? 'border-primary' : 'border-light' }} mode-option">
                                        <span class="info-box-icon bg-primary"><i class="fas fa-desktop"></i></span>
                                        <div class="info-box-content">
                                            <span class="info-box-text font-weight-bold">Agent Lokal</span>
                                            <span class="d-block text-muted">SIAKAD menyiapkan antrean, lalu PC Neo Feeder yang memproses push dan tarik data.</span>
                                        </div>
                                    </div>
                                </label>
                            </div>
                            <div class="col-md-6 mb-3">
                                <label class="w-100 mb-0">
                                    <input type="radio" name="mode" value="direct" class="d-none" {{ old('mode', $config['mode'] ?? 'agent') === 'direct' ? 'checked' : '' }}>
                                    <div class="info-box bg-light border {{ old('mode', $config['mode'] ?? 'agent') === 'direct' ? 'border-success' : 'border-light' }} mode-option">
                                        <span class="info-box-icon bg-success"><i class="fas fa-bolt"></i></span>
                                        <div class="info-box-content">
                                            <span class="info-box-text font-weight-bold">Direct / Live</span>
                                            <span class="d-block text-muted">Server SIAKAD login langsung ke Neo Feeder. Tarik data bisa langsung masuk ke tabel SIAKAD.</span>
                                        </div>
                                    </div>
                                </label>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-4">
                                <div class="custom-control custom-switch">
                                    <input type="checkbox" class="custom-control-input" id="enabled" name="enabled" value="1" {{ old('enabled', $isEnabled) ? 'checked' : '' }}>
                                    <label class="custom-control-label" for="enabled">Aktifkan Integrasi Neo Feeder</label>
                                </div>
                            </div>
                            <div class="col-md-4 mt-2 mt-md-0">
                                <div class="custom-control custom-switch">
                                    <input type="checkbox" class="custom-control-input" id="dry_run" name="dry_run" value="1" {{ old('dry_run', $isDryRun) ? 'checked' : '' }}>
                                    <label class="custom-control-label" for="dry_run">Dry Run / Simulasi</label>
                                </div>
                            </div>
                            <div class="col-md-4 mt-2 mt-md-0">
                                <div class="custom-control custom-switch">
                                    <input type="checkbox" class="custom-control-input" id="verify_ssl" name="verify_ssl" value="1" {{ old('verify_ssl', $config['verify_ssl'] ?? false) ? 'checked' : '' }}>
                                    <label class="custom-control-label" for="verify_ssl">Verifikasi SSL</label>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="card card-outline card-primary">
                    <div class="card-header">
                        <h3 class="card-title">Informasi Koneksi Neo Feeder</h3>
                    </div>
                    <div class="card-body">
                        <div class="form-group">
                            <label for="url">URL Neo Feeder <span class="text-danger">*</span></label>
                            <input
                                type="text"
                                class="form-control @error('url') is-invalid @enderror"
                                id="url"
                                name="url"
                                value="{{ old('url', $config['url'] ?? '') }}"
                                placeholder="http://192.168.1.3:8100/ws/live2.php">
                            @error('url')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="username">Username Neo Feeder</label>
                                    <input
                                        type="text"
                                        class="form-control @error('username') is-invalid @enderror"
                                        id="username"
                                        name="username"
                                        value="{{ old('username', $config['username'] ?? '') }}"
                                        placeholder="Masukkan username Neo Feeder">
                                    @error('username')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="password">Password Neo Feeder</label>
                                    <div class="input-group">
                                        <input
                                            type="password"
                                            class="form-control @error('password') is-invalid @enderror"
                                            id="password"
                                            name="password"
                                            value="{{ old('password') }}"
                                            placeholder="Kosongkan jika tidak ingin mengubah password">
                                        <div class="input-group-append">
                                            <button class="btn btn-outline-secondary" type="button" id="toggle-password">
                                                <i class="fas fa-eye"></i>
                                            </button>
                                        </div>
                                        @error('password')
                                            <div class="invalid-feedback d-block">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="timeout">Timeout (detik)</label>
                                    <input
                                        type="number"
                                        class="form-control @error('timeout') is-invalid @enderror"
                                        id="timeout"
                                        name="timeout"
                                        min="5"
                                        max="300"
                                        value="{{ old('timeout', $config['timeout'] ?? 30) }}">
                                    @error('timeout')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="import_wait_seconds">Tunggu hasil import (detik)</label>
                                    <input
                                        type="number"
                                        class="form-control @error('import_wait_seconds') is-invalid @enderror"
                                        id="import_wait_seconds"
                                        name="import_wait_seconds"
                                        min="0"
                                        max="30"
                                        value="{{ old('import_wait_seconds', $waitSeconds) }}">
                                    @error('import_wait_seconds')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                    <small class="text-muted">Saat tarik data dijalankan dari panel admin, sistem akan menunggu hasil sampai batas ini.</small>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="card-footer d-flex flex-wrap align-items-center">
                        <button type="submit" class="btn btn-primary mr-2">
                            <i class="fas fa-save mr-1"></i> Simpan Konfigurasi
                        </button>
                        <a href="{{ route('admin.neo-feeder.index') }}" class="btn btn-outline-secondary">
                            <i class="fas fa-chart-line mr-1"></i> Dashboard Sinkronisasi
                        </a>
                    </div>
                </div>
            </form>
        </div>

        <div class="col-lg-4">
            <div class="card card-outline card-info">
                <div class="card-header">
                    <h3 class="card-title">Status Koneksi</h3>
                </div>
                <div class="card-body">
                    <div class="d-flex justify-content-between align-items-center mb-3">
                        <strong>Hasil Uji Terakhir</strong>
                        <span class="{{ $probeBadge }}">{{ strtoupper(str_replace('_', ' ', $probe['status'] ?? 'unknown')) }}</span>
                    </div>
                    <p class="text-muted mb-3">{{ $probe['message'] ?? 'Belum ada hasil uji koneksi.' }}</p>

                    <div class="mb-2">
                        <small class="text-muted d-block">Mode Aktif</small>
                        <strong>{{ strtoupper($config['mode'] ?? 'agent') }}</strong>
                    </div>
                    <div class="mb-2">
                        <small class="text-muted d-block">Credential</small>
                        <strong>{{ ($config['credentials_configured'] ?? false) ? 'Lengkap' : 'Belum lengkap' }}</strong>
                    </div>
                    <div class="mb-3">
                        <small class="text-muted d-block">URL Tersimpan</small>
                        <code>{{ $config['url'] !== '' ? $config['url'] : 'Belum diatur' }}</code>
                    </div>

                    @if (!empty($probe['meta']['kode_pt']) || !empty($probe['meta']['id_pt']))
                        <div class="alert alert-light border mb-3">
                            <div><strong>Kode PT:</strong> {{ $probe['meta']['kode_pt'] ?? '-' }}</div>
                            <div><strong>ID PT:</strong> {{ $probe['meta']['id_pt'] ?? '-' }}</div>
                        </div>
                    @endif

                    <form action="{{ route('admin.neo-feeder.test') }}" method="POST">
                        @csrf
                        <button type="submit" class="btn btn-info btn-block">
                            <i class="fas fa-plug mr-1"></i> Uji Koneksi Dengan Konfigurasi Tersimpan
                        </button>
                    </form>
                </div>
            </div>

            <div class="card card-outline {{ $isDirect && ! $isDryRun ? 'card-success' : 'card-warning' }}">
                <div class="card-header">
                    <h3 class="card-title">Efek Mode Saat Ini</h3>
                </div>
                <div class="card-body">
                    @if (! $isEnabled)
                        <p class="mb-0 text-muted">Integrasi Neo Feeder masih nonaktif. Simpan konfigurasi dan aktifkan toggle integrasi dulu.</p>
                    @elseif ($isDirect && ! $isDryRun)
                        <p class="mb-2"><strong>Direct / Live aktif.</strong></p>
                        <ul class="pl-3 mb-0">
                            <li>Tarik data dari halaman ini akan langsung diproses masuk ke tabel SIAKAD.</li>
                            <li>Push data dari dashboard sinkronisasi akan langsung dikirim ke Neo Feeder.</li>
                        </ul>
                    @elseif ($isDryRun)
                        <p class="mb-0">Dry run masih aktif. Sistem hanya simulasi/alur antrean dan belum menjalankan sinkronisasi live.</p>
                    @else
                        <p class="mb-0">Mode agent aktif. Tarik dan push data tetap menunggu agent lokal Neo Feeder di komputer kampus.</p>
                    @endif
                </div>
            </div>
        </div>
    </div>

    {{-- Tabel Tarik Data dengan Badge Arah --}}
    <div class="card card-outline card-success">
        <div class="card-header d-flex justify-content-between align-items-center">
            <h3 class="card-title"><i class="fas fa-download mr-2"></i>Tarik Data dari Neo Feeder</h3>
            <span class="badge badge-success"><i class="fas fa-arrow-down mr-1"></i>Neo Feeder &rarr; SIAKAD</span>
        </div>
        <div class="card-body p-0">
            <table class="table table-bordered table-hover mb-0">
                <thead>
                    <tr>
                        <th>Data</th>
                        <th>Deskripsi</th>
                        <th class="text-center">Total SIAKAD</th>
                        <th class="text-center">Sudah Tertaut</th>
                        <th class="text-center">Aksi</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse ($entities as $entity)
                        <tr>
                            <td class="align-middle">
                                <div class="font-weight-bold">{{ $entity['label'] }}</div>
                                <small class="text-muted">{{ $entity['key'] }}</small>
                            </td>
                            <td class="align-middle">{{ $entity['description'] }}</td>
                            <td class="align-middle text-center">{{ number_format((int) $entity['total']) }}</td>
                            <td class="align-middle text-center">{{ number_format((int) $entity['linked']) }}</td>
                            <td class="align-middle text-center">
                                <form action="{{ route('admin.neo-feeder.import-request', $entity['key']) }}" method="POST" class="d-inline">
                                    @csrf
                                    <input type="hidden" name="wait_seconds" value="{{ $waitSeconds }}">
                                    <button type="submit" class="btn btn-sm {{ $isDirect && ! $isDryRun ? 'btn-success' : 'btn-primary' }}">
                                        <i class="fas {{ $isDirect && ! $isDryRun ? 'fa-download' : 'fa-paper-plane' }} mr-1"></i>
                                        {{ $isDirect && ! $isDryRun ? 'Tarik Langsung' : 'Buat Permintaan' }}
                                    </button>
                                </form>
                            </td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="5" class="text-center text-muted py-4">Belum ada entitas import yang tersedia.</td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
        <div class="card-footer">
            @if ($isDirect && ! $isDryRun)
                <span class="text-success">
                    <i class="fas fa-bolt mr-1"></i>
                    Mode direct aktif: setelah tombol diklik, server SIAKAD akan login ke Neo Feeder dan langsung memproses data ke database lokal.
                </span>
            @elseif ($isDryRun)
                <span class="text-warning">
                    <i class="fas fa-flask mr-1"></i>
                    Dry run aktif: sistem masih simulasi dan belum menjalankan sinkronisasi live.
                </span>
            @else
                <span class="text-info">
                    <i class="fas fa-desktop mr-1"></i>
                    Mode agent aktif: tombol di atas membuat permintaan import yang nanti dikerjakan oleh agent lokal Neo Feeder.
                </span>
            @endif
        </div>
    </div>
@endsection

@push('styles')
    <style>
        /* Neo Feeder Integration Page Styles */
        .mode-option {
            cursor: pointer;
            transition: all 0.2s ease;
        }
        .mode-option:hover {
            box-shadow: 0 0.25rem 0.5rem rgba(0,0,0,0.08);
        }
        .info-box {
            transition: box-shadow 0.2s ease;
        }
        .info-box:hover {
            box-shadow: 0 0.25rem 0.75rem rgba(0,0,0,0.1);
        }
        .table-hover tbody tr:hover {
            background-color: rgba(32, 107, 196, 0.04);
        }
    </style>
@endpush

@push('scripts')
    <script>
        document.addEventListener('DOMContentLoaded', function () {
            const passwordInput = document.getElementById('password');
            const togglePasswordButton = document.getElementById('toggle-password');
            const modeInputs = document.querySelectorAll('input[name="mode"]');

            if (togglePasswordButton && passwordInput) {
                togglePasswordButton.addEventListener('click', function () {
                    const isPassword = passwordInput.type === 'password';
                    passwordInput.type = isPassword ? 'text' : 'password';
                    togglePasswordButton.innerHTML = isPassword
                        ? '<i class="fas fa-eye-slash"></i>'
                        : '<i class="fas fa-eye"></i>';
                });
            }

            modeInputs.forEach(function (input) {
                input.addEventListener('change', function () {
                    document.querySelectorAll('.mode-option').forEach(function (card) {
                        card.classList.remove('border-primary', 'border-success');
                        card.classList.add('border-light');
                    });

                    const selectedCard = input.closest('label').querySelector('.mode-option');
                    selectedCard.classList.remove('border-light');
                    selectedCard.classList.add(input.value === 'direct' ? 'border-success' : 'border-primary');
                });
            });
        });
    </script>
@endpush