@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">Dependencies Installation</h2>

    @if($vendorBundled)
        <div class="bg-green-50 border-l-4 border-green-500 p-4 mb-6">
            <p class="font-semibold text-green-900">Dependencies Already Installed</p>
            <p class="mt-2 text-green-800">
                The vendor directory is already present and contains all required dependencies.
                You can proceed to the next step.
            </p>
        </div>

        <div class="flex justify-between items-center mt-8">
            <a href="{{ route('installer.environment') }}" class="px-6 py-3 bg-gray-200 text-gray-700 rounded-lg hover:bg-gray-300 transition-colors font-semibold">
                Back
            </a>
            <a href="{{ route('installer.database') }}" class="px-6 py-3 bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition-colors font-semibold">
                Continue to Database Setup
            </a>
        </div>
    @else
        <div class="bg-yellow-50 border-l-4 border-yellow-500 p-4 mb-6">
            <p class="font-semibold text-yellow-900">Dependencies Need Installation</p>
            <p class="mt-2 text-yellow-800">
                The application dependencies need to be installed using Composer.
                @if(!$composerAvailable && $canDownload)
                    Composer will be downloaded and installed automatically.
                @elseif(!$composerAvailable && !$canDownload)
                    Please ensure Composer is available on your server.
                @endif
            </p>
        </div>

        <div class="bg-blue-50 border border-blue-200 rounded-lg p-4 mb-6">
            <p class="text-sm text-blue-800">
                This process may take a few minutes depending on your server speed and internet connection.
                Please do not close this window or navigate away during installation.
            </p>
        </div>

        <form method="POST" action="{{ route('installer.dependencies.install') }}">
            @csrf
            <div class="flex justify-between items-center">
                <a href="{{ route('installer.environment') }}" 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-blue-600 text-white rounded-lg hover:bg-blue-700 transition-colors font-semibold">
                    Install Dependencies
                </button>
            </div>
        </form>
    @endif
</div>
@endsection