@extends('installer.layout')

@section('content')
<div class="bg-white rounded-lg shadow-lg p-8">
    <h2 class="text-2xl font-bold text-gray-900 mb-6">Finalize Installation</h2>

    <div class="prose max-w-none mb-6">
        <p class="text-gray-600 mb-4">
            Almost done! This final step will optimize your application for production use.
        </p>

        <div class="bg-blue-50 border-l-4 border-blue-500 p-4 my-6">
            <p class="font-semibold text-blue-900">What will happen:</p>
            <ul class="mt-2 text-blue-800 list-disc list-inside">
                <li>Configuration caching for improved performance</li>
                <li>Route caching for faster request handling</li>
                <li>View caching for quicker page loads</li>
                <li>Event caching for optimized event handling</li>
                <li>Creation of installation lock file</li>
                <li>Final permission adjustments</li>
            </ul>
        </div>

        <div class="bg-green-50 border-l-4 border-green-500 p-4 my-6">
            <p class="font-semibold text-green-900">Post-Installation Tasks:</p>
            <ul class="mt-2 text-green-800 list-disc list-inside text-sm">
                <li>Configure your web server (NGINX/Apache) to point to the /public directory</li>
                <li>Set up a cron job for Laravel scheduler: <code class="bg-green-100 px-1 rounded">* * * * * php /path/to/artisan schedule:run >> /dev/null 2>&1</code></li>
                <li>Configure queue workers if using database/redis queues</li>
                <li>Set up regular backups for your database and files</li>
                <li>Review security settings and HTTPS configuration</li>
            </ul>
        </div>
    </div>

    <form method="POST" action="{{ route('installer.finalize.complete') }}">
        @csrf
        <div class="flex justify-between items-center mt-8">
            <a href="{{ route('installer.database') }}" class="px-6 py-3 bg-gray-200 text-gray-700 rounded-lg hover:bg-gray-300 transition-colors font-semibold">
                Back
            </a>
            <button type="submit" class="px-6 py-3 bg-green-600 text-white rounded-lg hover:bg-green-700 transition-colors font-semibold">
                Complete Installation
            </button>
        </div>
    </form>
</div>
@endsection