@extends('install.layout')

@section('content')
<div class="card">
    <div class="card-header d-flex align-items-center gap-2">
        <i class="bi bi-layers fs-5 text-primary"></i>
        <div>
            <h5 class="mb-0">Database Migration &amp; Seed</h5>
            <small class="text-muted">Run migrations and seed the initial data.</small>
        </div>
    </div>
    <div class="card-body">

        <div class="alert alert-info mb-4">
            <i class="bi bi-info-circle me-2"></i>
            This will run <strong>121 migrations</strong> and seed roles &amp; permissions.
            It may take up to <strong>2–5 minutes</strong> and requires at least 512 MB of RAM.
            Do not close this page.
        </div>

        @if (! empty($results))
            <h6 class="fw-semibold mb-3">Results</h6>
            <table class="table table-sm mb-4">
                <thead class="table-light">
                    <tr><th>Command / Seeder</th><th>Status</th></tr>
                </thead>
                <tbody>
                    @foreach ($results as $result)
                        @php $label = $result['command'] ?? $result['seeder'] ?? '—'; @endphp
                        <tr>
                            <td class="font-monospace small">{{ $label }}</td>
                            <td>
                                @if ($result['status'] === 'success')
                                    <span class="badge req-badge-pass"><i class="bi bi-check-lg me-1"></i>Success</span>
                                @else
                                    <span class="badge req-badge-fail"><i class="bi bi-x-lg me-1"></i>Error</span>
                                @endif
                            </td>
                        </tr>
                        @if (! empty($result['output']))
                            <tr>
                                <td colspan="2" class="pt-0">
                                    <details>
                                        <summary class="text-muted small" style="cursor:pointer">Show output</summary>
                                        <pre class="mt-2">{{ trim($result['output']) }}</pre>
                                    </details>
                                </td>
                            </tr>
                        @endif
                    @endforeach
                </tbody>
            </table>
        @endif

        @if ($allDone)
            <div class="alert alert-success mb-4">
                <i class="bi bi-check-circle me-2"></i>
                Migrations and seeders completed successfully.
            </div>
            <a href="{{ route('install.admin') }}" class="btn btn-primary px-4">
                Continue to Admin Account <i class="bi bi-arrow-right ms-1"></i>
            </a>
        @else
            <form method="POST" action="{{ route('install.migrate.run') }}" id="migrate-form">
                @csrf
                <button type="submit" id="migrate-btn" class="btn btn-primary px-4">
                    <i class="bi bi-play-fill me-1"></i>
                    {{ empty($results) ? 'Run Migrations &amp; Seed' : 'Retry' }}
                </button>
                <a href="{{ route('install.app') }}" class="btn btn-outline-secondary ms-2">
                    <i class="bi bi-arrow-left me-1"></i>Back
                </a>
            </form>
        @endif

    </div>
</div>
@endsection

@push('scripts')
<script>
document.getElementById('migrate-form')?.addEventListener('submit', function () {
    const btn = document.getElementById('migrate-btn');
    btn.disabled = true;
    btn.innerHTML = '<span class="spinner-border spinner-border-sm me-2"></span>Running… please wait';
});
</script>
@endpush