<div>
    <div class="flex flex-col">
        <div class="flex items-center gap-2">
            <h2>Advanced</h2>
        </div>
        <div>Advanced configuration for your application.</div>
        <div class="flex flex-col pt-4 ">
            <h4>General</h4>
            @if ($application->git_based())
                <x-forms.checkbox helper="Automatically deploy new commits based on Git webhooks." instantSave
                    id="application.settings.is_auto_deploy_enabled" label="Auto Deploy" />
                <x-forms.checkbox
                    helper="Allow to automatically deploy Preview Deployments for all opened PR's.<br><br>Closing a PR will delete Preview Deployments."
                    instantSave id="application.settings.is_preview_deployments_enabled" label="Preview Deployments" />
            @endif
            <x-forms.checkbox
                helper="Your application will be available only on https if your domain starts with https://..."
                instantSave id="application.settings.is_force_https_enabled" label="Force Https" />
            <h4>Logs</h4>
            @if (!$application->settings->is_raw_compose_deployment_enabled)
                <x-forms.checkbox helper="Drain logs to your configured log drain endpoint in your Server settings."
                    instantSave id="application.settings.is_log_drain_enabled" label="Drain Logs" />
            @endif

            @if ($application->git_based())
                <h4>Git</h4>
                <x-forms.checkbox instantSave id="application.settings.is_git_submodules_enabled" label="Git Submodules"
                    helper="Allow Git Submodules during build process." />
                <x-forms.checkbox instantSave id="application.settings.is_git_lfs_enabled" label="Git LFS"
                    helper="Allow Git LFS during build process." />
            @endif
            <h4>GPU</h4>
            <form wire:submit="submit">
                @if ($application->build_pack !== 'dockercompose')
                    <div class="flex gap-2">
                        <x-forms.checkbox
                            helper="Enable GPU usage for this application. More info <a href='https://docs.docker.com/compose/gpu-support/' class='text-white underline' target='_blank'>here</a>."
                            instantSave id="application.settings.is_gpu_enabled" label="Attach GPU" />
                        @if ($application->settings->is_gpu_enabled)
                            <x-forms.button type="submiot">Save</x-forms.button>
                        @endif
                    </div>
                @endif
                @if ($application->settings->is_gpu_enabled)
                    <div class="flex flex-col w-full gap-2 p-2 xl:flex-row">
                        <x-forms.input label="GPU Driver" id="application.settings.gpu_driver"> </x-forms.input>
                        <x-forms.input label="GPU Count" placeholder="empty means use all GPUs"
                            id="application.settings.gpu_count"> </x-forms.input>
                        <x-forms.input label="GPU Device Ids" placeholder="0,2"
                            helper="Comma separated list of device ids. More info <a href='https://docs.docker.com/compose/gpu-support/#access-specific-devices' class='text-white underline' target='_blank'>here</a>."
                            id="application.settings.gpu_device_ids"> </x-forms.input>

                    </div>
                    <div class="px-2">
                        <x-forms.textarea label="GPU Options" id="application.settings.gpu_options">
                        </x-forms.textarea>
                    </div>
                @endif
            </form>
            {{-- <x-forms.checkbox disabled instantSave id="is_dual_cert" label="Dual Certs?" />
            <x-forms.checkbox disabled instantSave id="is_custom_ssl" label="Is Custom SSL?" />
            <x-forms.checkbox disabled instantSave id="is_http2" label="Is Http2?" /> --}}
        </div>
    </div>
</div>