@extends('installer.layout')
@section('title', 'Pre-Installation Summary')
@section('content')
<div class="inst-card">
    <div class="inst-progress">
        <div class="s done"></div><div class="s done"></div><div class="s done"></div><div class="s done"></div>
        <div class="s done"></div><div class="s active"></div><div class="s"></div><div class="s"></div>
    </div>
    <div class="inst-badge">Step 6 of 8</div>
    <h2>Pre-Installation Summary</h2>
    <p class="inst-subtitle">Review your configuration before installation begins.</p>
    <table class="summary-table">
        <tr><td>Application</td><td>{{ $data['app_name'] ?? 'IZONE Africa × Magic City' }}</td></tr>
        <tr><td>URL</td><td>{{ $data['app_url'] ?? 'http://localhost:8000' }}</td></tr>
        <tr><td>Database</td><td>{{ $data['db_database'] ?? 'N/A' }}</td></tr>
        <tr><td>Database Host</td><td>{{ $data['db_host'] ?? 'localhost' }}:{{ $data['db_port'] ?? '3306' }}</td></tr>
        <tr><td>Administrator</td><td>{{ $data['admin_email'] ?? 'N/A' }}</td></tr>
        <tr><td>Timezone</td><td>{{ $data['app_timezone'] ?? 'Africa/Nairobi' }}</td></tr>
        <tr><td>Environment</td><td>{{ $data['app_env'] ?? 'production' }}</td></tr>
        <tr><td>Country</td><td>{{ $data['country'] ?? 'Kenya' }}</td></tr>
        <tr><td>Currency</td><td>{{ $data['currency'] ?? 'KES' }}</td></tr>
    </table>
    <div class="notice">
        ⚠️ This will run database migrations and create the administrator account. Existing data will NOT be overwritten.
    </div>
    <div style="display:flex; gap:10px;">
        <a href="{{ route('install.administrator') }}" class="btn btn-secondary">← Back</a>
        <button type="button" id="beginInstallBtn" class="btn btn-primary" style="flex:1;">Begin Installation →</button>
    </div>
</div>
<script>
(function(){
    document.getElementById('beginInstallBtn').addEventListener('click', function(){
        window.location.href = '{{ route("install.index") }}?step=install';
    });
})();
</script>
@endsection