@extends('layouts.admin.master')

@section('content')
    @php
        $result = session('system_ops_result');
        $pendingCount = count($pendingMigrations);
        $resultStatus = $result['status'] ?? 'secondary';
    @endphp

    <div class="row mt-3">
        <div class="col-12">
            <div class="alert alert-warning border-0 shadow-sm">
                <div class="fw-bold mb-1">Khusus Super Admin</div>
                <div class="mb-0">
                    Gunakan halaman ini hanya untuk kebutuhan operasional ringan setelah upload atau maintenance kecil.
                    Untuk perubahan besar atau migrasi yang berat, terminal tetap lebih aman sebagai cadangan.
                </div>
            </div>
        </div>
    </div>

    @if ($result)
        <div class="row">
            <div class="col-12">
                <div class="alert alert-{{ $resultStatus }} border-0 shadow-sm">
                    <div class="d-flex flex-column flex-lg-row justify-content-between gap-2">
                        <div>
                            <div class="fw-bold">{{ $result['title'] ?? 'Perintah selesai.' }}</div>
                            <div class="small text-muted">
                                Command: <code>{{ $result['command'] ?? '-' }}</code>
                                @if (!is_null($result['exit_code'] ?? null))
                                    | Exit code: <code>{{ $result['exit_code'] }}</code>
                                @endif
                            </div>
                        </div>
                    </div>

                    @if (!empty($result['output']))
                        <pre class="system-ops__output mt-3 mb-0">{{ $result['output'] }}</pre>
                    @endif
                </div>
            </div>
        </div>
    @endif

    <div class="row">
        <div class="col-xl-5">
            <div class="card h-100">
                <div class="card-body">
                    <div class="d-flex justify-content-between align-items-start gap-3 flex-wrap">
                        <div>
                            <h6 class="text-uppercase mb-1">Status Migrasi</h6>
                            <p class="text-muted mb-0">Daftar file migrasi yang belum dijalankan di server ini.</p>
                        </div>
                        <span class="badge {{ $pendingCount > 0 ? 'bg-danger' : 'bg-success' }}">
                            {{ $pendingCount }} pending
                        </span>
                    </div>

                    <hr>

                    @if ($pendingCount > 0)
                        <div class="list-group list-group-flush">
                            @foreach ($pendingMigrations as $migration)
                                <div class="list-group-item px-0">
                                    <code>{{ $migration }}</code>
                                </div>
                            @endforeach
                        </div>
                    @else
                        <div class="text-success fw-semibold">
                            Semua migrasi pada folder <code>database/migrations</code> sudah berjalan.
                        </div>
                    @endif
                </div>
            </div>
        </div>

        <div class="col-xl-7">
            <div class="card h-100">
                <div class="card-body">
                    <h6 class="text-uppercase mb-1">Aksi Operasional</h6>
                    <p class="text-muted">
                        Tombol di bawah akan menjalankan perintah Artisan langsung dari panel admin.
                    </p>

                    <div class="system-ops__actions d-grid gap-3">
                        <form method="POST" action="{{ route('admin.utility.system_ops.view_clear') }}"
                            data-system-op-form
                            data-confirm="Bersihkan cache view yang tersimpan di server?">
                            @csrf
                            <div class="system-ops__action card border">
                                <div class="card-body d-flex flex-column flex-lg-row justify-content-between align-items-lg-center gap-3">
                                    <div>
                                        <div class="fw-bold">View Clear</div>
                                        <div class="text-muted small">
                                            Menjalankan <code>php artisan view:clear</code> untuk membersihkan file blade cache.
                                        </div>
                                    </div>
                                    <button type="submit" class="btn btn-outline-primary">
                                        Jalankan View Clear
                                    </button>
                                </div>
                            </div>
                        </form>

                        <form method="POST" action="{{ route('admin.utility.system_ops.optimize_clear') }}"
                            data-system-op-form
                            data-confirm="Bersihkan cache aplikasi, route, config, dan compiled files?">
                            @csrf
                            <div class="system-ops__action card border">
                                <div class="card-body d-flex flex-column flex-lg-row justify-content-between align-items-lg-center gap-3">
                                    <div>
                                        <div class="fw-bold">Optimize Clear</div>
                                        <div class="text-muted small">
                                            Menjalankan <code>php artisan optimize:clear</code> untuk refresh cache utama aplikasi.
                                        </div>
                                    </div>
                                    <button type="submit" class="btn btn-outline-warning">
                                        Jalankan Optimize Clear
                                    </button>
                                </div>
                            </div>
                        </form>

                        <form method="POST" action="{{ route('admin.utility.system_ops.migrate_pending') }}"
                            data-system-op-form
                            data-confirm="Jalankan semua migrasi yang masih pending di server ini?">
                            @csrf
                            <div class="system-ops__action card border">
                                <div class="card-body d-flex flex-column flex-lg-row justify-content-between align-items-lg-center gap-3">
                                    <div>
                                        <div class="fw-bold">Migrasi Pending</div>
                                        <div class="text-muted small">
                                            Menjalankan <code>php artisan migrate --force</code> untuk migrasi yang belum jalan.
                                        </div>
                                    </div>
                                    <button type="submit" class="btn btn-danger">
                                        Jalankan Migrasi Pending
                                    </button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('stylesheet')
    <style>
        .system-ops__output {
            max-height: 320px;
            overflow: auto;
            padding: 1rem;
            border-radius: 0.75rem;
            background: #0f172a;
            color: #e2e8f0;
            font-size: 0.875rem;
            white-space: pre-wrap;
            word-break: break-word;
        }

        .system-ops__action {
            transition: border-color 0.2s ease, box-shadow 0.2s ease;
        }

        .system-ops__action:hover {
            border-color: rgba(13, 110, 253, 0.35);
            box-shadow: 0 0.75rem 1.5rem rgba(15, 23, 42, 0.08);
        }
    </style>
@endsection

@section('javascript')
    <script>
        document.querySelectorAll('[data-system-op-form]').forEach((form) => {
            form.addEventListener('submit', function(event) {
                event.preventDefault();

                const message = form.dataset.confirm || 'Lanjutkan aksi ini?';

                if (window.Swal) {
                    Swal.fire({
                        title: 'Konfirmasi Operasional',
                        text: message,
                        icon: 'warning',
                        showCancelButton: true,
                        confirmButtonText: 'Ya, jalankan',
                        cancelButtonText: 'Batal',
                    }).then((result) => {
                        if (result.isConfirmed) {
                            form.submit();
                        }
                    });

                    return;
                }

                if (window.confirm(message)) {
                    form.submit();
                }
            });
        });
    </script>
@endsection