@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">
        <div>
            <p class="pb-3 text-gray-800">
                <b>Website address</b>
                <br>
                Your website is located at this URL
            </p>
            <p class="pb-3">
                <a class="text-blue-500 hover:underline" href="{{ $path }}">{{ $path }}</a>
            </p>
        </div>
        <div>
            <p class="pb-3 text-gray-800">
                <b>Administration Area</b>
            </p>
            <p class="pb-3">
                <a class="text-blue-500 hover:underline" href="{{ $path }}/login">{{ $path }}/login</a>
            </p>
            <p class="pb-3 text-gray-800">
                Email: <b>{{ env('ADMIN_EMAIL') }}</b><br />
                Password: <b>{{ env('ADMIN_PASSWORD') }}</b>
            </p>
        </div>
    </div>
    <p class="pb-3 text-gray-800">
        <b>Support and questions</b>
        <br>
           If you need support, please send us a ticket on our support portal.
        <br>
        <a class="text-blue-500 hover:underline" href="https://help.mobidonia.com/" target="_blank" rel="nofollow">Documentation and Support</a>
    </p>
@endsection