@section('title', __('Mobile App Upgrade Settings'))
<div>

    <x-baseview title="{{ __('Mobile App Upgrade Settings') }}">

        <x-km.aviso tipo="info">
            {{ __('O app compara o número de BUILD instalado com o alvo abaixo. Com "Forçar" ligado, quem estiver abaixo do alvo trava num aviso que não fecha até atualizar. Suba o alvo SOMENTE depois da versão nova estar publicada na loja, senão o usuário fica preso sem caminho.') }}
        </x-km.aviso>

        <x-form action="save">

            @foreach ([
                'customer' => __('Aplicativo do cliente'),
                'driver' => __('Aplicativo do motorista'),
                'vendor' => __('Aplicativo do parceiro'),
            ] as $app => $rotulo)
                <div class="p-4 mt-4 bg-white border rounded-lg">
                    <p class="text-sm font-bold text-gray-700">{{ $rotulo }}</p>
                    <div class="grid grid-cols-2 gap-4 mt-2 md:grid-cols-3">
                        <x-input title="{{ __('Build mínimo Android') }}" type="number" name="{{ $app }}.android" />
                        <x-input title="{{ __('Build mínimo iOS') }}" type="number" name="{{ $app }}.ios" />
                        <div class="block mt-4 text-sm">
                            <p>{{ __('Forçar atualização do aplicativo') }}</p>
                            <x-checkbox title="{{ __('Habilitar') }}" name="{{ $app }}.force" :defer="true" />
                        </div>
                    </div>
                </div>
            @endforeach

            <x-buttons.primary title="{{ __('Salvar Alterações') }}" />
        </x-form>

    </x-baseview>

</div>