@extends('backEnd.layouts.master')
@section('title', 'Server & Cron (Super Admin)')

@push('styles')
<style>
.sys-card { border:1px solid #e5e7eb; border-radius:8px; background:#fff; }
.sys-tab.active { background:#111827; color:#fff; border-color:#111827; }
.sys-check-ok { color:#16a34a; }
.sys-check-fail { color:#dc2626; }
.sys-code { background:#0f172a; color:#e2e8f0; border-radius:8px; padding:14px; font-size:13px; white-space:pre-wrap; word-break:break-all; }
.sys-copy-btn { cursor:pointer; }
</style>
@endpush

@section('content')
<div class="container-fluid py-3">
    <div class="d-flex justify-content-between align-items-start flex-wrap gap-2 mb-3">
        <div>
            <h4 class="fw-bold mb-1"><i class="fas fa-server me-2 text-dark"></i>Server & Cron Setup</h4>
            <p class="text-muted small mb-0">Super Admin only — cPanel deploy, cron job, and system connection tests.</p>
        </div>
        <span class="badge bg-dark">Super Admin</span>
    </div>

    <div class="d-flex flex-wrap gap-2 mb-3">
        @foreach(['cron' => 'Cron Job', 'deploy' => 'cPanel Deploy', 'health' => 'Connection Tests'] as $key => $label)
        <a href="{{ route('admin.settings.system', ['tab' => $key]) }}"
           class="btn btn-sm sys-tab {{ $tab === $key ? 'active btn-dark' : 'btn-outline-secondary' }}">{{ $label }}</a>
        @endforeach
    </div>

    @if($tab === 'cron')
    <div class="row g-3">
        <div class="col-lg-7">
            <div class="sys-card p-4 mb-3">
                <h5 class="fw-bold mb-3"><i class="fas fa-clock me-2 text-primary"></i>cPanel Cron Job</h5>
                <p class="small text-muted">CRM reminder, CarryBee sync, activity log purge — automatic চালাতে <strong>প্রতি মিনিটে</strong> cron লাগবে।</p>

                <div class="table-responsive mb-3">
                    <table class="table table-sm table-bordered mb-0">
                        <thead class="table-light">
                            <tr><th>Field</th><th>Value</th></tr>
                        </thead>
                        <tbody>
                            <tr><td>Minute</td><td><code>*</code></td></tr>
                            <tr><td>Hour</td><td><code>*</code></td></tr>
                            <tr><td>Day</td><td><code>*</code></td></tr>
                            <tr><td>Month</td><td><code>*</code></td></tr>
                            <tr><td>Weekday</td><td><code>*</code></td></tr>
                        </tbody>
                    </table>
                </div>

                <label class="form-label fw-semibold small">Cron Command (copy & paste)</label>
                <div class="sys-code mb-2" id="cronCommandBox">{{ $cronCommand }}</div>
                <button type="button" class="btn btn-sm btn-outline-dark sys-copy-btn" data-copy="#cronCommandBox">
                    <i class="fas fa-copy me-1"></i> Copy Command
                </button>
            </div>

            <div class="sys-card p-4">
                <h6 class="fw-bold mb-3">Registered Scheduled Tasks</h6>
                <div class="table-responsive">
                    <table class="table table-sm">
                        <thead><tr><th>Schedule</th><th>Command</th><th>Purpose</th></tr></thead>
                        <tbody>
                            @foreach($scheduled as $task)
                            <tr>
                                <td><code>{{ $task['expression'] }}</code></td>
                                <td><code>{{ $task['command'] }}</code></td>
                                <td class="small">{{ $task['purpose'] }}</td>
                            </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>

        <div class="col-lg-5">
            <div class="sys-card p-4">
                <h6 class="fw-bold mb-3"><i class="fas fa-folder-open me-2"></i>Project Path (for cron command)</h6>
                <form method="POST" action="{{ route('admin.settings.system.update') }}">
                    @csrf
                    <div class="mb-3">
                        <label class="form-label small">cPanel Username</label>
                        <input type="text" name="cpanel_username" class="form-control form-control-sm"
                               value="{{ old('cpanel_username', $cpanelUser) }}" placeholder="e.g. itsquarebd">
                    </div>
                    <div class="mb-3">
                        <label class="form-label small">Project folder path on server</label>
                        <input type="text" name="cpanel_project_path" class="form-control form-control-sm"
                               value="{{ old('cpanel_project_path', $projectPath) }}"
                               placeholder="/home/username/ecommerce">
                        <div class="form-text">Example: <code>/home/{{ $cpanelUser ?: 'USERNAME' }}/ecommerce</code></div>
                    </div>
                    <div class="mb-3">
                        <label class="form-label small">Notes</label>
                        <textarea name="server_notes" class="form-control form-control-sm" rows="4"
                                  placeholder="Server-specific notes…">{{ old('server_notes', $server['server_notes'] ?? '') }}</textarea>
                    </div>
                    <button type="submit" class="btn btn-primary btn-sm"><i class="fas fa-save me-1"></i> Save</button>
                </form>
            </div>

            <div class="alert alert-warning small mt-3 mb-0">
                <i class="fas fa-exclamation-triangle me-1"></i>
                Cron ছাড়া CRM 30-day reminder, CarryBee status sync, activity log purge <strong>automatic চলবে না</strong>.
            </div>
        </div>
    </div>
    @endif

    @if($tab === 'deploy')
    <div class="row g-3">
        <div class="col-lg-8">
            <div class="sys-card p-4 mb-3">
                <h5 class="fw-bold mb-3"><i class="fas fa-cloud-upload-alt me-2 text-success"></i>cPanel Deploy Checklist</h5>
                <ol class="mb-0">
                    <li class="mb-2"><strong>Backup:</strong> Database (phpMyAdmin), <code>.env</code>, <code>storage/app/public/</code></li>
                    <li class="mb-2"><strong>Local build:</strong> <code>powershell -File scripts\build-cpanel-release.ps1</code></li>
                    <li class="mb-2"><strong>Upload:</strong> <code>release/cpanel-upload.zip</code> → cPanel File Manager → Extract (overwrite)</li>
                    <li class="mb-2"><strong>Protect:</strong> <code>.env</code> overwrite করবেন না; images backup restore করুন</li>
                    <li class="mb-2"><strong>Upgrade (browser):</strong> <code>.env</code> → <code>APP_UPGRADE=true</code> → visit <code>/upgrade</code></li>
                    <li class="mb-2"><strong>Upgrade (Terminal):</strong> <code>bash post-deploy-cpanel.sh</code> (permissions + migrate + cache)</li>
                    <li class="mb-2"><strong>After upgrade:</strong> <code>APP_UPGRADE=false</code> in <code>.env</code></li>
                    <li class="mb-2"><strong>Cron:</strong> Cron tab থেকে <code>schedule:run</code> every minute (see Cron Job tab)</li>
                    <li class="mb-2"><strong>Verify:</strong> Homepage, admin login, sitemap, product images</li>
                </ol>
            </div>

            <div class="sys-card p-4 mb-3">
                <h6 class="fw-bold mb-2"><i class="fas fa-magic me-2 text-warning"></i>Web Updater (Terminal ছাড়া)</h6>
                <p class="small text-muted mb-2">CodeCanyon-style one-click upgrade — migrate + cache browser থেকে।</p>
                <ol class="small mb-2 ps-3">
                    <li class="mb-1"><code>.env</code> → <code>APP_UPGRADE=true</code></li>
                    <li class="mb-1">Browser: <code>{{ rtrim(config('app.url'), '/') }}/upgrade</code></li>
                    <li class="mb-1">Click <strong>Run Upgrade Now</strong></li>
                    <li class="mb-1">Done → <code>APP_UPGRADE=false</code></li>
                </ol>
                <p class="small text-muted mb-0"><code>APP_UPGRADE_KEY</code> optional — না দিলেও চলবে। ZIP-এ user uploads (<code>storage/app/public</code>) যায় না।</p>
            </div>

            <div class="sys-card p-4">
                <h6 class="fw-bold mb-2">Post-deploy commands (Terminal)</h6>
                <div class="sys-code mb-2" id="deployCommands">cd {{ $projectPath }}
bash fix-permissions.sh
php artisan optimize:clear
php artisan storage:link --force
php artisan migrate --force
php artisan config:cache
php artisan route:cache
php artisan view:cache
php artisan optimize
bash fix-permissions.sh</div>
                <button type="button" class="btn btn-sm btn-outline-dark sys-copy-btn" data-copy="#deployCommands">
                    <i class="fas fa-copy me-1"></i> Copy All
                </button>
            </div>
        </div>

        <div class="col-lg-4">
            <div class="sys-card p-4 mb-3">
                <h6 class="fw-bold mb-3">Manual configure after deploy</h6>
                <ul class="small mb-0 ps-3">
                    <li class="mb-1">Integrations → Courier APIs</li>
                    <li class="mb-1">Integrations → Payment gateways</li>
                    <li class="mb-1">Integrations → SMTP / Email</li>
                    <li class="mb-1">Customer Support → Channels</li>
                    <li class="mb-1">Ad Management → Pixel / GA4</li>
                </ul>
            </div>
            <div class="alert alert-info small mb-0">
                Full guide: project root <code>CPANEL-UPDATE-GUIDE.md</code>
            </div>
        </div>
    </div>
    @endif

    @if($tab === 'health')
    <div class="sys-card p-4 mb-3">
        <div class="d-flex justify-content-between align-items-center flex-wrap gap-2 mb-3">
            <h5 class="fw-bold mb-0"><i class="fas fa-plug me-2 text-primary"></i>Connection & System Tests</h5>
            <button type="button" class="btn btn-sm btn-primary" id="runAllTests">
                <i class="fas fa-sync-alt me-1"></i> Run All Tests
            </button>
        </div>

        <div class="row g-3" id="diagnosticsGrid">
            @foreach(\App\Services\SystemDiagnosticsService::checks() as $key => $meta)
            @php $result = $diagnostics[$key] ?? ['ok' => false, 'message' => 'Not run']; @endphp
            <div class="col-md-6 col-xl-4">
                <div class="border rounded p-3 h-100 diag-card" data-check="{{ $key }}">
                    <div class="d-flex justify-content-between align-items-start gap-2 mb-2">
                        <div class="fw-semibold small">{{ $meta['label'] }}</div>
                        <span class="diag-status {{ ($result['ok'] ?? false) ? 'sys-check-ok' : 'sys-check-fail' }}">
                            <i class="fas fa-{{ ($result['ok'] ?? false) ? 'check-circle' : 'times-circle' }}"></i>
                        </span>
                    </div>
                    <div class="small text-muted diag-message">{{ $result['message'] ?? '' }}</div>
                    @if(!empty($result['details']))
                    <div class="small text-muted mt-1 diag-details">{{ $result['details'] }}</div>
                    @endif
                    <button type="button" class="btn btn-sm btn-outline-secondary mt-2 diag-test-btn" data-check="{{ $key }}">
                        Test
                    </button>
                </div>
            </div>
            @endforeach
        </div>
    </div>
    @endif
</div>
@endsection

@push('scripts')
<script>
document.querySelectorAll('.sys-copy-btn').forEach(btn => {
    btn.addEventListener('click', () => {
        const el = document.querySelector(btn.dataset.copy);
        if (!el) return;
        navigator.clipboard.writeText(el.innerText.trim()).then(() => {
            btn.innerHTML = '<i class="fas fa-check me-1"></i> Copied';
            setTimeout(() => btn.innerHTML = '<i class="fas fa-copy me-1"></i> Copy Command', 2000);
        });
    });
});

const testUrlTemplate = @json(route('admin.settings.system.test', ['check' => '__CHECK__']));
const testAllUrl = @json(route('admin.settings.system.test-all'));

function runCheck(key, card) {
    const btn = card?.querySelector('.diag-test-btn');
    if (btn) { btn.disabled = true; btn.textContent = 'Testing…'; }

    fetch(testUrlTemplate.replace('__CHECK__', encodeURIComponent(key)), {
        method: 'POST',
        headers: {
            'X-CSRF-TOKEN': @json(csrf_token()),
            'Accept': 'application/json',
        },
    })
    .then(r => r.json())
    .then(data => updateCard(card, data))
    .catch(() => updateCard(card, { ok: false, message: 'Request failed.' }))
    .finally(() => {
        if (btn) { btn.disabled = false; btn.textContent = 'Test'; }
    });
}

function updateCard(card, data) {
    if (!card) return;
    const status = card.querySelector('.diag-status');
    const msg = card.querySelector('.diag-message');
    let details = card.querySelector('.diag-details');
    if (status) {
        status.className = 'diag-status ' + (data.ok ? 'sys-check-ok' : 'sys-check-fail');
        status.innerHTML = '<i class="fas fa-' + (data.ok ? 'check-circle' : 'times-circle') + '"></i>';
    }
    if (msg) msg.textContent = data.message || '';
    if (data.details) {
        if (!details) {
            details = document.createElement('div');
            details.className = 'small text-muted mt-1 diag-details';
            card.appendChild(details);
        }
        details.textContent = data.details;
    }
}

document.querySelectorAll('.diag-test-btn').forEach(btn => {
    btn.addEventListener('click', () => runCheck(btn.dataset.check, btn.closest('.diag-card')));
});

document.getElementById('runAllTests')?.addEventListener('click', function () {
    this.disabled = true;
    fetch(testAllUrl, {
        method: 'POST',
        headers: {
            'X-CSRF-TOKEN': @json(csrf_token()),
            'Accept': 'application/json',
        },
    })
    .then(r => r.json())
    .then(data => {
        Object.entries(data.results || {}).forEach(([key, result]) => {
            updateCard(document.querySelector('.diag-card[data-check="' + key + '"]'), result);
        });
        if (typeof toastr !== 'undefined') {
            toastr[data.ok ? 'success' : 'warning'](data.message, data.ok ? 'All OK' : 'Issues found');
        }
    })
    .finally(() => { this.disabled = false; });
});
</script>
@endpush