@extends('dev.layout')
@php $showNav = true; @endphp
@section('title', 'Migrations')

@section('content')
<div class="page">
    <div class="page-header">
        <h1>🗄 Migrations</h1>
        <p>View pending and completed database migrations. Run pending migrations without SSH.</p>
    </div>

    @if(session('success'))
        <div class="alert alert-success" style="white-space:pre-line;font-size:.75rem;">{{ session('success') }}</div>
    @endif
    @if(session('error'))
        <div class="alert alert-error">{{ session('error') }}</div>
    @endif

    @if(count($pending) > 0)
    <div class="card">
        <div class="card-title" style="color:#e3b341;">
            ⚠ {{ count($pending) }} Pending Migration{{ count($pending) > 1 ? 's' : '' }}
        </div>
        <ul style="list-style:none;margin-bottom:1rem;">
            @foreach($pending as $migration)
            <li style="font-size:.78rem;color:#d29922;padding:4px 0;border-bottom:1px solid #21262d;">
                <code>{{ $migration }}</code>
            </li>
            @endforeach
        </ul>
        <form method="POST" action="{{ route('dev.migrations.run') }}">
            @csrf
            <button type="submit" class="btn btn-primary">Run Pending Migrations</button>
        </form>
        <p style="font-size:.72rem;color:#8b949e;margin-top:.6rem;">
            Runs <code style="color:#79c0ff">php artisan migrate --force</code>
        </p>
    </div>
    @else
    <div class="card">
        <p style="font-size:.8rem;"><span class="dot dot-green"></span> <strong style="color:#3fb950">All migrations are up to date.</strong></p>
    </div>
    @endif

    <div class="card">
        <div class="card-title">Migration History</div>
        @if(empty($ran))
            <p style="font-size:.78rem;color:#8b949e;">No migrations table found yet.</p>
        @else
        <table class="data-table">
            <thead>
                <tr><th>Migration</th><th style="width:80px;text-align:center;">Batch</th></tr>
            </thead>
            <tbody>
                @foreach($ran as $m)
                <tr>
                    <td style="font-size:.75rem;">{{ $m->migration }}</td>
                    <td style="text-align:center;color:#8b949e;font-size:.75rem;">{{ $m->batch }}</td>
                </tr>
                @endforeach
            </tbody>
        </table>
        @endif
    </div>
</div>
@endsection