@extends('layouts.app')

@section('title', 'System Update')

@section('content')
    <div class="d-md-flex d-block align-items-center justify-content-between my-4 page-header-breadcrumb">
        <div>
            <h4 class="mb-0">System Update</h4>
            <p class="mb-0 text-muted">Runs pending database migrations + any legacy versioned steps. No SSH needed.</p>
        </div>
    </div>

    @include('partials.alerts')

    <div class="row">
        <div class="col-xl-5">
            <div class="card custom-card">
                <div class="card-body text-center">
                    <p class="text-muted mb-1">Installed Version</p>
                    <h2 class="fw-semibold">{{ $info['current'] }}</h2>
                    <p class="text-muted mt-3 mb-1">Pending Migrations</p>
                    <h4 class="fw-semibold {{ count($info['pending_migrations']) ? 'text-warning' : 'text-success' }}">{{ count($info['pending_migrations']) }}</h4>

                    @php
                        $confirmMsg = $info['count']
                            ? "Run migrations + apply {$info['count']} pending update(s)?"
                            : 'Run migrations?';
                    @endphp
                    <form method="POST" action="{{ route('admin.system.update.run') }}" class="mt-3"
                          onsubmit="return confirm('{{ $confirmMsg }}');">
                        @csrf
                        <button class="btn btn-primary w-100">
                            <i class="bi bi-arrow-repeat me-1"></i>
                            @if ($info['updatable'])
                                Update Now ({{ $info['count'] }})
                            @else
                                Run Update (check for migrations)
                            @endif
                        </button>
                    </form>
                    @unless ($info['updatable'])
                        <div class="alert alert-success mt-3 mb-0">System is up to date.</div>
                    @endunless
                </div>
            </div>
        </div>

        <div class="col-xl-7">
            <div class="card custom-card">
                <div class="card-header"><div class="card-title">Pending Changes</div></div>
                <div class="card-body">
                    @forelse ($info['logs'] as $log)
                        <div class="d-flex align-items-start mb-2">
                            <i class="bi bi-dot fs-20 text-primary"></i>
                            <span>{{ $log }}</span>
                        </div>
                    @empty
                        <p class="text-muted mb-0">No pending changes.</p>
                    @endforelse
                </div>
            </div>
        </div>
    </div>

    <div class="card custom-card">
        <div class="card-header"><div class="card-title">Update History</div></div>
        <div class="card-body p-0">
            <div class="table-responsive">
                <table class="table text-nowrap">
                    <thead>
                        <tr>
                            <th>When</th><th>From</th><th>To</th><th>Status</th><th>Message</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse ($history as $run)
                            <tr>
                                <td>{{ \Illuminate\Support\Carbon::parse($run->created_at)->format('d M Y H:i') }}</td>
                                <td>{{ $run->from_version }}</td>
                                <td>{{ $run->to_version }}</td>
                                <td>
                                    @php $cls = ['success' => 'success', 'failed' => 'danger', 'noop' => 'secondary'][$run->status] ?? 'secondary'; @endphp
                                    <span class="badge bg-{{ $cls }}-transparent">{{ ucfirst($run->status) }}</span>
                                </td>
                                <td>{{ $run->message }}</td>
                            </tr>
                        @empty
                            <tr><td colspan="5" class="text-center text-muted py-4">No updates run yet.</td></tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </div>
    </div>
@endsection