@extends('installer.layout')

@section('content')
    <div style="text-align: center; padding: 2rem 0;">
        <svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" style="color: var(--success); margin-bottom: 1.5rem;">
            <path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path>
            <polyline points="22 4 12 14.01 9 11.01"></polyline>
        </svg>
        
        <h2 style="margin-bottom: 1rem; color: var(--dark);">Ready to Install</h2>
        <p style="color: var(--text-light); line-height: 1.6; margin-bottom: 2rem; max-width: 500px; margin-left: auto; margin-right: auto;">
            All settings have been validated. We are ready to run the migrations and set up the starting data.
            <br><strong>This might take a few seconds.</strong>
        </p>
    </div>

    <div class="actions" style="justify-content: center;">
        <a href="{{ route('installer.install') }}" class="btn btn-primary">
            Run Installation
            <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="4 17 10 11 4 5"></polyline>
                <line x1="12" y1="19" x2="20" y2="19"></line>
            </svg>
        </a>
    </div>
@endsection