@extends('installer::install')

@section('step')
    <div class="bg-green-100 border-l-4 border-green-500 p-4 mb-6">
        <div class="flex">
            <div class="flex-shrink-0">
                <svg class="h-5 w-5 text-green-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
                    <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd" />
                </svg>
            </div>
            <div class="ml-3">
                <p class="text-sm leading-5 text-green-700">
                    The application has been installed successfully
                </p>
            </div>
        </div>
    </div>
    <div class="grid grid-cols-2 gap-4 mb-6">
        @if (config('installer.admin_area'))
            <div>
                <p class="pb-3 text-gray-800">
                    <b>Administration Area</b>
                    <br>
                    Use the following link to log into the administration area:
                </p>
                <p class="pb-3">
                    <a class="text-blue-500 hover:underline" href="{{ $base }}">{{ $base }}</a>
                </p>
                @if (config('installer.admin_area.user'))
                    <p class="pb-3 text-gray-800">
                        Username: <b>{{ config('installer.admin_area.user.email') }}</b>
                        <br>
                        Password: <b>{{ config('installer.admin_area.user.password') }}</b>
                    </p>
                @endif
            </div>
        @endif
    </div>
    @if (config('installer.support_url'))
        <p class="pb-3 text-gray-800">
            <b>Support and questions</b>
            <br>
            Need more help?
            <a class="text-blue-500 hover:underline" href="{{ config('installer.support_url') }}" target="_blank">Contact support</a>.
        </p>
    @endif
@endsection
