@props(['module', 'installed', 'enable'])

<div x-show="price_type == 'monthly'" class="w-full flex space-x-6">
    <x-tooltip message="{{ trans('modules.hosted_on_akaunting') }}" placement="top" width="w-full">
        <x-link
            href="{{ $module->action_url }}"
            target="_blank"
            class="bg-green rounded-md text-white text-sm text-center w-full flex items-center justify-center px-3 py-2 truncate hover:bg-green-700"
            override="class"
        >
            {{ trans('modules.switch_to_cloud') }}
        </x-link>
    </x-tooltip>
</div>

<div x-show="price_type == 'yearly'" class="w-full flex space-x-6">
    @if (in_array('onprime', $module->where_to_use) || $module->isPurchase)
        @if ($installed)
            @can('delete-modules-item')
                <x-link
                    href="{{ route('apps.app.uninstall', $module->slug) }}"
                    class="bg-red rounded-md text-white text-sm text-center w-full py-2 truncate hover:bg-red-700"
                    override="class"
                >
                    <x-link.loading>
                        {{ trans('modules.button.uninstall') }}
                    </x-link.loading>
                </x-link>
            @endcan

            @can('update-modules-item')
                @if ($enable)
                    <x-link
                        href="{{ route('apps.app.disable', $module->slug) }}"
                        class="bg-orange rounded-md text-white text-sm text-center w-full py-2 truncate hover:bg-orange-700"
                        override="class"
                    >
                        <x-link.loading>
                            {{ trans('modules.button.disable') }}
                        </x-link.loading>
                    </x-link>
                @else
                    <x-link
                        href="{{ route('apps.app.enable', $module->slug) }}"
                        class="bg-green rounded-md text-white text-sm text-center w-full py-2 truncate hover:bg-green-700"
                        override="class"
                    >
                        <x-link.loading>
                            {{ trans('modules.button.enable') }}
                        </x-link.loading>
                    </x-link>
                @endif
            @endcan
        @else
            @can('create-modules-item')
                @if ($module->install)
                    @if (! empty($module->isPurchase) && (! empty($module->purchase_type) && $module->purchase_type == 'monthly'))
                        <x-tooltip message="{!! trans('modules.can_not_install', ['app' => $module->name]) !!}" placement="right">
                            <x-button disabled="disabled">
                                {{ trans('modules.install') }}
                            </x-button>
                        </x-tooltip>
                    @else
                        <button type="button"
                            @click="onInstall('{{ $module->action_url }}', '{{ $module->slug }}', '{!! str_replace("'", "\'", $module->name) !!}', '{{ $module->version }}')"
                            class="bg-green disabled:bg-green-100 rounded-md text-white text-sm text-center w-full py-2 truncate hover:bg-green-700"
                            id="install-module"
                            :disabled="installation.show"
                        >
                            <x-button.loading action="installation.show">
                                {{ trans('modules.install') }}
                            </x-button.loading>
                        </button>
                    @endif
                @else
                    <x-link
                        href="{{ $module->action_url }}"
                        target="_blank"
                        class="bg-green rounded-md text-white text-sm text-center w-full py-2 truncate hover:bg-green-700"
                        override="class"
                    >
                        {{ trans('modules.use_app') }}
                    </x-link>
                @endif
            @endcan
        @endif
    @else
        <x-tooltip message="{{ trans('modules.hosted_on_akaunting') }}" placement="top" width="w-full">
            <x-link
                href="{{ $module->action_url }}"
                target="_blank"
                class="bg-green rounded-md text-white text-sm text-center w-full flex items-center justify-center px-3 py-2 truncate hover:bg-green-700"
                override="class"
            >
                {{ trans('modules.switch_to_cloud') }}
            </x-link>
        </x-tooltip>
    @endif
</div>

<div x-show="price_type == 'lifetime'" class="w-full flex space-x-6">
    @if (empty($module->plan))
        @if ($installed)
            @can('delete-modules-item')
                <x-link
                    href="{{ route('apps.app.uninstall', $module->slug) }}"
                    class="bg-red rounded-md text-white text-sm text-center w-full py-2 truncate hover:bg-red-700"
                    override="class"
                >
                    <x-link.loading>
                        {{ trans('modules.button.uninstall') }}
                    </x-link.loading>
                </x-link>
            @endcan

            @can('update-modules-item')
                @if ($enable)
                    <x-link
                        href="{{ route('apps.app.disable', $module->slug) }}"
                        class="bg-orange rounded-md text-white text-sm text-center w-full py-2 truncate hover:bg-orange-700"
                        override="class"
                    >
                        <x-link.loading>
                            {{ trans('modules.button.disable') }}
                        </x-link.loading>
                    </x-link>
                @else
                    <x-link
                        href="{{ route('apps.app.enable', $module->slug) }}"
                        class="bg-green rounded-md text-white text-sm text-center w-full py-2 truncate hover:bg-green-700"
                        override="class"
                    >
                        <x-link.loading>
                            {{ trans('modules.button.enable') }}
                        </x-link.loading>
                    </x-link>
                @endif
            @endcan
        @else
            @can('create-modules-item')
                @if ($module->install)
                    @if (! empty($module->isPurchase) && (! empty($module->purchase_type) && $module->purchase_type == 'monthly'))
                        <x-tooltip message="{!! trans('modules.can_not_install', ['app' => $module->name]) !!}" placement="right">
                            <x-button disabled="disabled">
                                {{ trans('modules.install') }}
                            </x-button>
                        </x-tooltip>
                    @else
                        <button type="button"
                            @click="onInstall('{{ $module->action_url }}', '{{ $module->slug }}', '{!! str_replace("'", "\'", $module->name) !!}', '{{ $module->version }}')"
                            class="bg-green disabled:bg-green-100 rounded-md text-white text-sm text-center w-full py-2 truncate hover:bg-green-700"
                            id="install-module"
                            :disabled="installation.show"
                        >
                            <x-button.loading action="installation.show">
                                {{ trans('modules.install') }}
                            </x-button.loading>
                        </button>
                    @endif
                @else
                    <x-link
                        href="{{ $module->lifetime_url }}"
                        target="_blank"
                        class="bg-green rounded-md text-white text-sm text-center w-full py-2 truncate hover:bg-green-700"
                        override="class"
                    >
                        {{ trans('modules.use_app') }}
                    </x-link>
                @endif
            @endcan
        @endif
    @else
        <x-tooltip message="{{ trans('modules.hosted_on_akaunting') }}" placement="top" width="w-full">
            <x-link
                href="{{ $module->action_url }}"
                target="_blank"
                class="bg-green rounded-md text-white text-sm text-center w-full flex items-center justify-center px-3 py-2 truncate hover:bg-green-700"
                override="class"
            >
                {{ trans('modules.switch_to_cloud') }}
            </x-link>
        </x-tooltip>
    @endif
</div>