@extends('master')

@section('titulo')
    {{ Lang::get('admin/_11501.titulo') }}
@endsection

@section('estilo')
    <link rel="stylesheet" href="{{ elixir('assets/css/11501.css') }}" />
@endsection

@section('conteudo')
<div ng-controller="Ctrl as vm" ng-cloak>

    <form class="form-inline" ng-submit="vm.WhatsApp.setSettings()">

        <ul class="list-inline acoes">    

            <li>
                <button ng-if="vm.WhatsApp.ALTERANDO" type="submit" class="btn btn-success" data-hotkey="f1">
                    <span class="glyphicon glyphicon-ok"></span> Gravar
                </button>
            </li> 

            <li>
                <button ng-if="vm.WhatsApp.ALTERANDO" ng-click="vm.WhatsApp.cancelar()" type="button" class="btn btn-danger btn-cancelar" data-hotkey="esc">
                    <span class="glyphicon glyphicon-ban-circle"></span> Cancelar
                </button>
            </li>

            <li>
                <button ng-disabled="{{ userMenu($menu)->ALTERAR }} == 0" ng-if="!vm.WhatsApp.ALTERANDO" ng-click="vm.WhatsApp.alterar()" type="button" class="btn btn-primary" data-hotkey="f9">
                    <span class="glyphicon glyphicon-edit"></span> Alterar
                </button>  
            </li>    

            <li>
                <button ng-if="!vm.WhatsApp.ALTERANDO" ng-click="vm.WhatsApp.getAccount()" type="button" class="btn btn-warning">
                    <span class="glyphicon glyphicon-user"></span> Registrar Conta
                </button>
            </li>
         
        </ul>  

        <div class="row">
            <fieldset>
                <legend>Configurações</legend>
                 
                <div class="form-group">
                    <label>
                        WhatsApp Business API:
                    </label>
                    <input 
                        type="text"
                        style="text-align: start; width: 337px !important;"
                        ng-model="vm.WhatsApp.SERVER.SERVER"
                        class="form-control input-menor normal-case normalcase" 
                        ng-disabled="!vm.WhatsApp.ALTERANDO"
                        ng-readonly="!vm.WhatsApp.ALTERANDO">
                </div>

                <div class="form-group">
                    <label>
                        Senha:
                    </label>
                    <input 
                        type="password"
                        style="text-align: start; width: 150px !important;"
                        ng-model="vm.WhatsApp.SERVER.PASSWORD_KEY"
                        class="form-control input-menor normal-case normalcase" 
                        ng-disabled="!vm.WhatsApp.ALTERANDO"
                        ng-readonly="!vm.WhatsApp.ALTERANDO">
                </div>

                <div class="form-group">
                    <label>
                        Tokem de autorização:
                    </label>
                    <input 
                        type="text"
                        style="text-align: start; width: 337px !important;"
                        ng-model="vm.WhatsApp.SERVER.TOKEM"
                        class="form-control input-menor normal-case normalcase" 
                        disabled
                        readonly>
                </div>
                
            </fieldset>


            <fieldset>
                <legend title="Documentação da API"><a target="_blank" href="https://developers.facebook.com/docs/whatsapp/api/settings/app">Configurações da API</a></legend>
                    
                <div class="form-group">
                    <label ttitleb="Atraso de espera para um retorno de chamada com falha em milissegundos Essa configuração é usada para definir a quantidade de tempo que o backoff atrasa antes de tentar novamente um retorno de chamada com falha. O atraso de backoff aumenta linearmente por este valor cada vez que um retorno de chamada falha em obter uma resposta HTTPS 200 OK. O atraso de backoff é limitado pela configuração max_callback_backoff_delay_ms. Por exemplo, se um retorno de chamada falhar na primeira vez, ele tentará novamente em 3000ms (3 segundos). Uma segunda falha resultará em um atraso de 6.000 ms (6 segundos) antes de uma nova tentativa. Isso continua até que o retorno de chamada seja bem-sucedido ou o atraso alcance 900000ms (15 min), após o qual o retorno de chamada continuará a ser tentado novamente, mas o atraso não aumentará">
                        Atraso de Callback Backoff:
                    </label>
                    <div class="input-group right-icon">
                        <input 
                            type="number"
                            style="text-align: end; width: 300px !important;"
                            ng-model="vm.WhatsApp.CONFIGIRACAO.callback_backoff_delay_ms"
                            class="form-control input-menor" 
                            ng-disabled="!vm.WhatsApp.ALTERANDO"
                            ng-readonly="!vm.WhatsApp.ALTERANDO">
                        <div class="input-group-addon" style="padding: 9px !important;">ms</div>
                    </div>
                </div>

                <div class="form-group">
                    <label ttitleb="Atraso máximo para uma falha de retorno em milissegundos">
                        Atraso Máximo de Callback Backoff:
                    </label>
                    <div class="input-group right-icon">
                        <input 
                            type="number"
                            style="text-align: end; width: 300px !important;"
                            ng-model="vm.WhatsApp.CONFIGIRACAO.max_callback_backoff_delay_ms"
                            class="form-control input-menor" 
                            ng-disabled="!vm.WhatsApp.ALTERANDO"
                            ng-readonly="!vm.WhatsApp.ALTERANDO">
                        <div class="input-group-addon" style="padding: 9px !important;">ms</div>
					</div>
                </div>

                <div class="form-group">
                    <label ttitleb="Multiconnect: Intervalo de monitoramento do nó mestre de nós Coreapp em segundos">
                        Intervalo de monitoramento:
                    </label>
                    <div class="input-group right-icon">
                        <input 
                            type="number"
                            style="text-align: end; width: 300px !important;"
                            ng-model="vm.WhatsApp.CONFIGIRACAO.heartbeat_interval"
                            class="form-control input-menor" 
                            ng-disabled="!vm.WhatsApp.ALTERANDO"
                            ng-readonly="!vm.WhatsApp.ALTERANDO">
                        <div class="input-group-addon" style="padding: 9px !important; padding-left: 14px !important; padding-right: 14px !important;">s</div>
					</div>
                </div>

                <div class="form-group">
                    <label ttitleb="Multiconnect: Quantidade máxima de segundos que um nó Mestre espera por um nó Coreapp para responder a uma pulsação antes de considerá-lo não íntegro e iniciar o processo de failover.">
                        Tempo de espera do monitoramento:
                    </label>
                    <div class="input-group right-icon">
                        <input 
                            type="number"
                            style="text-align: end; width: 300px !important;"
                            ng-model="vm.WhatsApp.CONFIGIRACAO.unhealthy_interval"
                            class="form-control input-menor" 
                            ng-disabled="!vm.WhatsApp.ALTERANDO"
                            ng-readonly="!vm.WhatsApp.ALTERANDO">
                        <div class="input-group-addon" style="padding: 9px !important; padding-left: 14px !important; padding-right: 14px !important;">s</div>
					</div>
                </div>

                <div class="form-group">
                    <label ttitleb="URL para seu webhook Se o URL do Webhook não for definido, os retornos de chamada serão descartados. Os retornos de chamada são um canal importante para entregar, tanto notificações oportunas quanto erros fora de banda e, portanto, é altamente recomendável configurar o endpoint de URL do Webhook.">
                        Webhooks URL:
                    </label>
                    <input 
                        type="text"
                        style="text-align: start; width: 337px !important;"
                        ng-model="vm.WhatsApp.CONFIGIRACAO.webhooks.url"
                        class="form-control input-menor normal-case normalcase" 
                        ng-disabled="!vm.WhatsApp.ALTERANDO"
                        ng-readonly="!vm.WhatsApp.ALTERANDO">
                </div>
                
                <div class="form-group">
                    <label ttitleb="Número máximo de solicitações de retorno de chamada simultâneas que são enviadas para o Webhooks">
                        Máx. solicitações simultâneas no Webhooks:
                    </label>
                        <select 
                            style="text-align: end; width: 337px !important;"
                            ng-model="vm.WhatsApp.CONFIGIRACAO.webhooks.max_concurrent_requests"
                            ng-disabled="!vm.WhatsApp.ALTERANDO"
                            ng-readonly="!vm.WhatsApp.ALTERANDO"
                            class="form-control">	
                                <option ng-value="6" > 6</option>
                                <option ng-value="12">12</option>
                                <option ng-value="18">18</option>
                                <option ng-value="24">24</option>
                        </select>
                </div>

                <div class="form-group">
                    <label ttitleb="Armazena retornos de chamada em disco até que sejam ou não reconhecidos pelo Webhook. É necessário reiniciar o Coreapp. Mensagens e retornos de chamada são armazenados em um banco de dados local para garantir que sejam entregues com êxito antes de serem removidos do banco de dados local. Isso protege os retornos de chamada no caso de o cliente ou servidor WhatsApp Business API cair">
                        Persistir retorno de chamada Webhooks:
                    </label>
                        <select 
                            style="text-align: end; width: 337px !important;"
                            ng-model="vm.WhatsApp.CONFIGIRACAO.callback_persist"
                            ng-disabled="!vm.WhatsApp.ALTERANDO"
                            ng-readonly="!vm.WhatsApp.ALTERANDO"
                            class="form-control">	
                                <option ng-value="true" >Sim</option>
                                <option ng-value="false">Não</option>
                        </select>
                </div>

                <div class="form-group">
                    <label ttitleb="Notificar o usuário quando trocar de número">
                        Notificar o usuário quando trocar de número:
                    </label>
                        <select 
                            style="text-align: end; width: 337px !important;"
                            ng-model="vm.WhatsApp.CONFIGIRACAO.notify_user_change_number"
                            ng-disabled="!vm.WhatsApp.ALTERANDO"
                            ng-readonly="!vm.WhatsApp.ALTERANDO"
                            class="form-control">	
                                <option ng-value="true" >Sim</option>
                                <option ng-value="false">Não</option>
                        </select>
                </div>

                <div class="form-group">
                    <label ttitleb="Se aplica apenas a mensagens individuais; mensagens de grupo não são afetadas por este parâmetro. Quando as mensagens são enviadas, elas são armazenadas em um banco de dados local. Este banco de dados é usado como histórico do aplicativo. Como a empresa mantém seu próprio histórico, você pode especificar se deseja a passagem da mensagem ou não. Quando verdadeiro, remove as mensagens do banco de dados local depois que são entregues ou lidas pelo destinatário. Quando falso, ele salva todas as mensagens no armazenamento local até que sejam automaticamente excluídas (ou seja, db_garbagecollector_enable é verdadeiro) ou explicitamente excluído (ou seja, db_garbagecollector_enable é falso). Consulte a documentação dos Serviços para obter mais informações. É necessário reiniciar o Coreapp.">
                        Atravessar Histório de mensagens:
                    </label>
                        <select 
                            style="text-align: end; width: 337px !important;"
                            ng-model="vm.WhatsApp.CONFIGIRACAO.pass_through"
                            ng-disabled="!vm.WhatsApp.ALTERANDO"
                            ng-readonly="!vm.WhatsApp.ALTERANDO"
                            class="form-control">	
                                <option ng-value="true" >Sim</option>
                                <option ng-value="false">Não</option>
                        </select>
                </div>

                <div class="form-group">
                    <label ttitleb="Quando verdadeiro (padrão), você receberá uma mensagem indicando que uma mensagem foi enviada. Se for falso, você não receberá notificação.">
                        Notificar envio das mensagens:
                    </label>
                        <select 
                            style="text-align: end; width: 337px !important;"
                            ng-model="vm.WhatsApp.CONFIGIRACAO.sent_status"
                            ng-disabled="!vm.WhatsApp.ALTERANDO"
                            ng-readonly="!vm.WhatsApp.ALTERANDO"
                            class="form-control">	
                                <option ng-value="true" >Sim</option>
                                <option ng-value="false">Não</option>
                        </select>
                </div>

                

            </fieldset> 
        </div>

    </form>    

    @include($menu.'.modal.WhatsApp')
	@include($menu.'.modal.WhatsAppItens')
</div>
@endsection

@section('script')
    <script src="{{ elixir('assets/js/_11501.js') }}"></script>
@append