@extends('admin.layouts.app')
@section('title','Confirm Update')
@section('content')
<div class="d-flex justify-content-between align-items-center mb-4">
    <h1 class="h3 mb-0">Confirm Update</h1>
    <a href="{{ route('admin.updates.index') }}" class="btn btn-outline-secondary"><i class="bi bi-arrow-left me-1"></i>Back</a>
</div>

<div class="card shadow-sm border-warning" style="max-width:640px">
<div class="card-header bg-warning text-dark fw-semibold">
    <i class="bi bi-exclamation-triangle me-2"></i>Review Before Applying
</div>
<div class="card-body">
    <div class="mb-4">
        <div class="row g-3 mb-3">
            <div class="col-6">
                <div class="p-3 bg-light rounded text-center">
                    <div class="small text-muted">Current Version</div>
                    <div class="fs-5 fw-bold text-secondary">v{{ $currentVersion }}</div>
                </div>
            </div>
            <div class="col-6">
                <div class="p-3 bg-primary bg-opacity-10 rounded text-center">
                    <div class="small text-muted">Update To</div>
                    <div class="fs-5 fw-bold text-primary">v{{ $updateVersion }}</div>
                </div>
            </div>
        </div>

        @if(!empty($changelog))
        <h6 class="fw-semibold">Changelog</h6>
        <div class="p-3 bg-light rounded small" style="white-space:pre-wrap">{{ $changelog }}</div>
        @endif
    </div>

    <div class="alert alert-warning">
        <i class="bi bi-shield-exclamation me-2"></i>
        <strong>Before continuing:</strong>
        <ul class="mb-0 mt-2">
            <li>A backup will be created automatically before the update is applied.</li>
            <li>The site will be put into maintenance mode during the update.</li>
            <li>Database migrations will be run automatically.</li>
            <li>If the update fails, you will be prompted to restore from the pre-update backup.</li>
        </ul>
    </div>

    <form method="POST" action="{{ route('admin.updates.apply') }}">
        @csrf
        <input type="hidden" name="update_path" value="{{ $updatePath }}">
        <div class="d-flex gap-2">
            <button type="submit" class="btn btn-warning fw-semibold">
                <i class="bi bi-lightning me-1"></i>Apply Update Now
            </button>
            <a href="{{ route('admin.updates.index') }}" class="btn btn-outline-secondary">Cancel</a>
        </div>
    </form>
</div>
</div>
@endsection