@extends('layouts.installer')

@section('content')
    <div class="p-3">
        <h4 class="text-center text-2xl mt-5 mb-8 text-success-500 font-semibold">Installation Successfull</h4>

        <p class="text-neutral-700">
            <span class="font-semibold">{{ config('app.name') }} has been successfully installed</span>, now you need to
            set up a cron job:
        </p>

        <div class="bg-neutral-50 py-4 text-base px-5 mt-4 mb-3 shadow-sm block w-full border border-neutral-300 rounded-md">
            * * * * * <span class="select-all"> {{ $phpExecutable ?: 'php' }} {{ base_path() }}/artisan schedule:run
                >> /dev/null 2>&1</span>
        </div>

        <p class="mt-4 text-neutral-700">
            If you are not certain on how to configure the cron job with the minimum required PHP version
            ({{ config('installer.core.minPhpVersion') }}), the best is to consult with your hosting provider.
        </p>

        <p class="mt-4 text-neutral-700">
            On some <span class="font-medium">shared hostings you may need to specify full path</span> to the PHP executable
            (for example, <code
                class="bg-danger-100 px-2 select-all">/usr/local/bin/php{{ str_replace('.', '', config('installer.core.minPhpVersion')) }}</code>
            or <code
                class="bg-danger-100 px-2 select-all">/opt/alt/php{{ str_replace('.', '', config('installer.core.minPhpVersion')) }}/usr/bin/php</code>instead
            of <code class="bg-danger-100 px-2">php</code>), additionally, you can refer to our docs by clicking <a
                href="https://www.concordcrm.com/docs/cron" class="link" target="_blank" rel="noopener"
                rel="noopener">here</a> in order to read more about cron job configuration.
        </p>

        <h4 class="text-lg mt-5 mb-2 text-neutral-800 font-semibold">Admin Credentials</h4>

        <p>
            <span class="font-semibold text-neutral-700">Email:</span> <span
                class="select-all">{{ $user->email }}</span><br />
            <span class="font-semibold text-neutral-700">Password:</span> <span>your chosen password</span>
        </p>

        @if (count($patches) > 0)
            <hr class="-mx-10 border-1 border-neutral-200 mt-8" />
            <h4 class="text-lg mt-8 text-neutral-900 font-semibold">Patch your Installation</h4>
            <p class="text-neutral-700 mb-5">
                There are patches available for your installation, before starting using Concord CRM, would you want to
                apply the patches? You can always apply them later via Settings -> System -> Update.
            </p>

            <ul class="space-y-2">
                @foreach ($patches as $patch)
                    <li class="px-4 py-3 border border-neutral-200 shadow-sm rounded-lg">
                        <p class="text-sm font-medium text-neutral-800 mb-1 block">
                            {{ $patch->description() }}
                        </p>
                        <span
                            class="inline-flex items-center px-3 py-0.5 rounded-full text-xs font-medium bg-neutral-100 text-neutral-800">
                            {{ $patch->token() }} </span>
                        <span class="text-neutral-500 text-xs">
                            {{ $patch->date()->toFormattedDateString() }}
                        </span>
                    </li>
                @endforeach
            </ul>

            <form class="mt-5 flex items-center" method="post" action="{{ url('install/patch') }}" id="patchForm">
                @csrf
                <div class="w-full max-w-xs">
                    <label class="block text-gray-600 text-sm font-medium mb-1" for="purchaseKeyInput">
                        Purchase key <small class="text-xs"><a rel="noopener noreferrer"
                                href="https://help.market.envato.com/hc/en-us/articles/202822600-Where-Is-My-Purchase-Code-"
                                class="link" target="_blank">Learn more</a></small>
                    </label>

                    <input type="text" value="{{ old('purchase_key') }}" name="purchase_key"
                        class="block w-full shadow-sm focus:ring-primary-500 border focus:border-primary-500 border-neutral-300 text-sm rounded-md"
                        placeholder="Enter your purchase key" id="purchaseKeyInput">
                </div>

                <button type="submit" id="applyPatchesBtn"
                    class="mt-6 ml-3 inline-flex items-center px-4 py-2 border border-transparent text-sm rounded-md shadow-sm text-white bg-success-500 hover:bg-success-600 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-success-400 disabled:pointer-events-none disabled:opacity-70">
                    Apply Patches
                </button>

            </form>
            @error('purchase_key')
                <p class="mt-1 text-sm text-danger-600">
                    {{ $message }}
                </p>
            @enderror
        @endif
    </div>

    <div class="-m-7 p-4 mt-6 bg-neutral-50 border-neutral-200 border-t text-right rounded-b">
        <a href="{{ url('login') }}" target="_blank" rel="noopener noreferrer"
            class="inline-flex items-center px-4 py-2 border border-transparent text-sm rounded-md shadow-sm text-white bg-primary-600 hover:bg-primary-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary-500">
            Login
        </a>
    </div>

    <script>
        document.addEventListener('DOMContentLoaded', function() {
            document.getElementById('patchForm').addEventListener('submit', function() {
                document.getElementById('applyPatchesBtn').disabled = true;
                document.getElementById('applyPatchesBtn').innerText = 'Applying...';
            })
        })
    </script>
@endsection