@section('title', __('Atendimento · Ajustes'))
<div>
    <x-baseview title="{{ __('Atendimento · Ajustes') }}">

        <x-km.aviso tipo="info">
            {{ __('Estes parâmetros valem imediatamente para toda a operação de atendimento. Só o admin master enxerga esta tela.') }}
        </x-km.aviso>

        <x-km.card titulo="{{ __('SLA da fila') }}"
            subtitulo="{{ __('Quanto tempo um atendimento pode esperar por um atendente antes de sinalizar') }}">
            <div class="flex flex-wrap items-end gap-4">
                <x-km.filtro rotulo="{{ __('Atenção (âmbar) após, em minutos') }}">
                    <input type="number" min="1" max="240" wire:model.defer="slaAtencaoMin"
                        class="text-sm border-gray-300 rounded-md" style="width:110px" />
                </x-km.filtro>
                <x-km.filtro rotulo="{{ __('Crítico (vermelho, pulsando) após, em minutos') }}">
                    <input type="number" min="2" max="1440" wire:model.defer="slaCriticoMin"
                        class="text-sm border-gray-300 rounded-md" style="width:110px" />
                </x-km.filtro>
            </div>
            <p class="mt-2 text-xs text-gray-400">
                {{ __('O chip de espera na lista de conversas e o item "estourando o SLA" do Precisa de Você usam estes limites.') }}
            </p>
        </x-km.card>

        <x-km.card titulo="{{ __('Assistente (IA)') }}"
            subtitulo="{{ __('Quanto a IA segura a conversa antes de exigir um atendente') }}">
            <x-km.filtro rotulo="{{ __('Turnos máximos de condução (0 desliga a condução)') }}">
                <input type="number" min="0" max="10" wire:model.defer="iaMaxTurnos"
                    class="text-sm border-gray-300 rounded-md" style="width:110px" />
            </x-km.filtro>
            <p class="mt-2 text-xs text-gray-400">
                {{ __('Pedido de atendente e emergências transferem SEMPRE, independente deste limite.') }}
            </p>
        </x-km.card>

        <x-km.card titulo="{{ __('Chamados (solicitações)') }}">
            <x-km.filtro rotulo="{{ __('Prazo padrão do chamado, em dias') }}">
                <input type="number" min="1" max="30" wire:model.defer="chamadoPrazoDias"
                    class="text-sm border-gray-300 rounded-md" style="width:110px" />
            </x-km.filtro>
        </x-km.card>

        {{-- devolucao de dinheiro: quem resolve na hora e quem precisa de autorizacao --}}
        <x-km.card titulo="{{ __('Devolução ao cliente') }}">
            <x-km.aviso tipo="info">
                {{ __('O estorno volta pelo mesmo meio em que o cliente pagou (cartão ou PIX). O valor abaixo é o teto que o operador devolve sozinho, direto na conversa; acima dele, só um administrador. Use 0 para exigir administrador em qualquer valor.') }}
            </x-km.aviso>
            <x-km.filtros>
                <x-km.filtro rotulo="{{ __('Limite por estorno do operador') }}">
                    <input type="number" min="0" step="0.01" wire:model.defer="limiteEstorno"
                        class="text-sm border-gray-300 rounded-md" style="width:140px" />
                </x-km.filtro>
            </x-km.filtros>
        </x-km.card>

        {{-- o que o assistente resolve sozinho --}}
        <x-km.card titulo="{{ __('O que o assistente resolve sozinho') }}">
            <x-km.aviso tipo="info">
                {{ __('Cada item abaixo é uma ação reversível ou de leitura, feita antes de ocupar um atendente. Toda execução vira nota na conversa e registro na auditoria. O que não estiver aqui continua sendo decisão de gente.') }}
            </x-km.aviso>
            <div class="mt-2 space-y-2">
                @foreach (\App\Services\AcoesAssistenteService::CATALOGO as $chave => $cfg)
                    @if ($chave !== 'estorno_pequeno')
                        <label class="flex items-center gap-2 text-sm">
                            <input type="checkbox" wire:model.defer="iaAcoes.{{ $chave }}" class="rounded" />
                            {{ __($cfg['rotulo']) }}
                        </label>
                    @endif
                @endforeach
            </div>

            <x-km.aviso tipo="atencao">
                {{ __('Devolução automática: o assistente só devolve dinheiro se você definir um teto acima de zero, e apenas quando a corrida inteira couber nele e ainda não tiver devolução. Acima disso, vai para um atendente.') }}
            </x-km.aviso>
            <x-km.filtros>
                <x-km.filtro rotulo="{{ __('Teto da devolução automática (0 = desligada)') }}">
                    <input type="number" min="0" step="0.01" wire:model.defer="iaLimiteEstorno"
                        class="text-sm border-gray-300 rounded-md" style="width:140px" />
                </x-km.filtro>
            </x-km.filtros>
        </x-km.card>

        <x-km.card titulo="{{ __('Quando a Central fala primeiro') }}">
            <x-km.aviso tipo="info">
                {{ __('Com isto ligado, a plataforma procura o passageiro ou o motorista assim que percebe o problema, em vez de esperar a reclamação chegar. Cada situação gera um aviso só, na conversa da própria corrida.') }}
            </x-km.aviso>

            <label class="flex items-center gap-2 mt-2 text-sm font-semibold">
                <input type="checkbox" wire:model.defer="avisoProativo" class="rounded" />
                {{ __('Ligar os avisos proativos') }}
            </label>

            <div class="mt-2 space-y-2">
                @foreach (\App\Services\AvisoProativoService::CATALOGO as $chave => $cfg)
                    <label class="flex items-center gap-2 text-sm">
                        <input type="checkbox" wire:model.defer="avisos.{{ $chave }}" class="rounded" />
                        {{ __($cfg['rotulo']) }}
                        <span class="text-xs text-gray-500">
                            ({{ $cfg['publico'] === 'cliente' ? __('fala com o passageiro') : __('fala com o motorista') }})
                        </span>
                    </label>
                @endforeach
            </div>

            <x-km.filtros>
                <x-km.filtro rotulo="{{ __('Esperar sem motorista, em minutos, antes de falar') }}">
                    <input type="number" min="1" max="60" wire:model.defer="avisoEsperaMin"
                        class="text-sm border-gray-300 rounded-md" style="width:140px" />
                </x-km.filtro>
            </x-km.filtros>
        </x-km.card>

        <div class="mt-4">
            <button wire:click="salvar" wire:loading.attr="disabled"
                class="px-5 text-sm font-bold text-white rounded-lg"
                style="background:#15803d;padding-top:9px;padding-bottom:9px">{{ __('Salvar ajustes') }}</button>
        </div>

    </x-baseview>
</div>