<div>
    <x-slot:title>
        {{ data_get_str($server, 'name')->limit(10) }} > Server LogDrains | Coolify
    </x-slot>
    <x-server.navbar :server="$server" :parameters="$parameters" />
    @if ($server->isFunctional())
        <h2>Log Drains</h2>
        <div class="pb-4">Sends service logs to 3rd party tools.</div>
        <div class="flex flex-col gap-4 pt-4">
            <div class="p-4 border dark:border-coolgray-300">
                <form wire:submit='submit("newrelic")' class="flex flex-col">
                    <h3>New Relic</h3>
                    <div class="w-32">
                        <x-forms.checkbox instantSave='instantSave("newrelic")'
                            id="server.settings.is_logdrain_newrelic_enabled" label="Enabled" />
                    </div>
                    <div class="flex flex-col gap-4">
                        <div class="flex flex-col w-full gap-2 xl:flex-row">
                            @if ($server->isLogDrainEnabled())
                                <x-forms.input disabled type="password" required
                                    id="server.settings.logdrain_newrelic_license_key" label="License Key" />
                                <x-forms.input disabled required id="server.settings.logdrain_newrelic_base_uri"
                                    placeholder="https://log-api.eu.newrelic.com/log/v1"
                                    helper="For EU use: https://log-api.eu.newrelic.com/log/v1<br>For US use: https://log-api.newrelic.com/log/v1"
                                    label="Endpoint" />
                            @else
                                <x-forms.input type="password" required
                                    id="server.settings.logdrain_newrelic_license_key" label="License Key" />
                                <x-forms.input required id="server.settings.logdrain_newrelic_base_uri"
                                    placeholder="https://log-api.eu.newrelic.com/log/v1"
                                    helper="For EU use: https://log-api.eu.newrelic.com/log/v1<br>For US use: https://log-api.newrelic.com/log/v1"
                                    label="Endpoint" />
                            @endif
                        </div>
                    </div>
                    <div class="flex justify-end gap-4 pt-6">
                        <x-forms.button type="submit">
                            Save
                        </x-forms.button>
                    </div>
                </form>

                <h3>Axiom</h3>
                <div class="w-32">
                    <x-forms.checkbox instantSave='instantSave("axiom")' id="server.settings.is_logdrain_axiom_enabled"
                        label="Enabled" />
                </div>
                <form wire:submit='submit("axiom")' class="flex flex-col">
                    <div class="flex flex-col gap-4">
                        <div class="flex flex-col w-full gap-2 xl:flex-row">
                            @if ($server->isLogDrainEnabled())
                                <x-forms.input disabled type="password" required
                                    id="server.settings.logdrain_axiom_api_key" label="API Key" />
                                <x-forms.input disabled required id="server.settings.logdrain_axiom_dataset_name"
                                    label="Dataset Name" />
                            @else
                                <x-forms.input type="password" required id="server.settings.logdrain_axiom_api_key"
                                    label="API Key" />
                                <x-forms.input required id="server.settings.logdrain_axiom_dataset_name"
                                    label="Dataset Name" />
                            @endif
                        </div>
                    </div>
                    <div class="flex justify-end gap-4 pt-6">
                        <x-forms.button type="submit">
                            Save
                        </x-forms.button>
                    </div>
                </form>
                {{-- <h3>Highlight.io</h3>
            <div class="w-32">
                <x-forms.checkbox instantSave='instantSave("highlight")'
                    id="server.settings.is_logdrain_highlight_enabled" label="Enabled" />
            </div>
            <form wire:submit='submit("highlight")' class="flex flex-col">
                <div class="flex flex-col gap-4">
                    <div class="flex flex-col w-full gap-2 xl:flex-row">
                        <x-forms.input type="password" required id="server.settings.logdrain_highlight_project_id"
                            label="Project Id" />
                    </div>
                </div>
                <div class="flex justify-end gap-4 pt-6">
                    <x-forms.button type="submit">
                        Save
                    </x-forms.button>
                </div>
            </form> --}}
                <h3>Custom FluentBit configuration</h3>
                <div class="w-32">
                    <x-forms.checkbox instantSave='instantSave("custom")'
                        id="server.settings.is_logdrain_custom_enabled" label="Enabled" />
                </div>
                <form wire:submit='submit("custom")' class="flex flex-col">
                    <div class="flex flex-col gap-4">
                        @if ($server->isLogDrainEnabled())
                            <x-forms.textarea disabled rows="6" required
                                id="server.settings.logdrain_custom_config" label="Custom FluentBit Configuration" />
                            <x-forms.textarea disabled id="server.settings.logdrain_custom_config_parser"
                                label="Custom Parser Configuration" />
                        @else
                            <x-forms.textarea rows="6" required id="server.settings.logdrain_custom_config"
                                label="Custom FluentBit Configuration" />
                            <x-forms.textarea id="server.settings.logdrain_custom_config_parser"
                                label="Custom Parser Configuration" />
                        @endif

                    </div>
                    <div class="flex justify-end gap-4 pt-6">
                        <x-forms.button type="submit">
                            Save
                        </x-forms.button>
                    </div>
                </form>

            </div>
        </div>
    @else
        <div>Server is not validated. Validate first.</div>
    @endif
</div>