@extends('layouts.main')
@section('content')
    <script src="js/script.js"></script>
    <script src="js/scriptcx.js"></script>
    
    <div class="container-index">

        <div class="container px-4 py-5 cards" id="custom-cards">
            @if(Auth::check())
            @php
                $usuarioAutenticado = Auth::user();
            @endphp
            <div class="info-inicial">
            <h2 class="pb-2 border-bottom">Atalhos uteis </h2>
            <h2>Bem vindo {{ $usuarioAutenticado->name }}</h2>
        </div>
            @endif
            <div class="cidades-conecta">
            <p style="text-align: center; color: #fff;">Cidades migradas para a conecta:
                @foreach($cidades as $cidade)
                <span style="color: rgb(216, 145, 13);">{{ $cidade->nome }}</span>
                @if(!$loop->last), @endif
            @endforeach
            </p>
        </div>
            <div class="row row-cols-1 row-cols-lg-5 align-items-stretch g-4 py-5">
                <div class="col">
                    <div class="card ">

                        <div class="imagens">
                            <img class="imagem" src="./img/test-velocidade.png" alt="">
                        </div>
                        <h1 class="h1-info" style="font-size: 1rem; text-aling:center">Teste de Velocidade</h1>
                        <p class="info-p">Teste de velocidade Net-Rosas</p>
                        <input type="submit" value="Acessar"
                            onclick="direcionarPagina('rose-web.net-rosas.com.br:8181/teste/')" class="btnindex">
                    </div>
                </div>



                <div class="col">
                    <div class="card ">

                        <div class="imagens">
                            <img class="imagem" src="./img/ip.png" alt="">
                        </div>
                        <h1 class="h1-info" style="font-size: 1rem; text-aling:center">Descobrir IP</h1>
                        <p class="info-p">Link descobrir o ip de acesso</p>
                        <input type="submit" value="Acessar"
                            onclick="direcionarPagina('barbacena.com.br/ip/')" class="btnindex">
                    </div>
                </div>
                <div class="col">
                    <div class="card ">

                        <div class="imagens">
                            <img class="imagem" src="img/mktz.svg" alt="">
                        </div>
                        <h1 class="h1-info" style="font-size: 1rem; text-aling:center">MKT ZAP</h1>
                        <p class="info-p">Atendimento mkt</p>
                        <input type="submit" value="Acessar"
                            onclick="direcionarPagina('app3.mktzap.com.br/login#menu-attendance')" class="btnindex">
                    </div>
                </div>
                <div class="col">
                    <div class="card ">

                        <div class="imagens">
                            <img class="imagem" src="img/fop.png" alt="">
                        </div>
                        <h1 class="h1-info" style="font-size: 1rem; text-aling:center">FOP2</h1>
                        <p class="info-p">Acessar Fop2</p>
                        <input type="submit" value="Acessar"
                            onclick="direcionarPagina('10.10.2.2/fop2/')" class="btnindex">
                    </div>
                </div>
                <div class="col">
                    <div class="card ">

                        <div class="imagens">
                            <img class="imagem" src="img/redes-sociais.jpg" alt="">
                        </div>
                        <h1 class="h1-info" style="font-size: 1rem; text-aling:center">Quedas Redes Sociais</h1>
                        <p class="info-p">Quedas de redes Sociais</p>
                        <input type="submit" value="Acessar"
                            onclick="direcionarPagina('downdetector.com.br')" class="btnindex">
                    </div>
                </div>

                <div class="col">
                    <div class="card ">

                        <div class="imagens">
                            <img class="imagem" src="img/mercusys.png" alt="">
                        </div>
                        <h1 class="h1-info" style="font-size: 1rem; text-aling:center">Simulador Mercusys</h1>
                        <p class="info-p">Configurar Merscusys</p>
                        <input type="submit" value="Acessar"
                            onclick="direcionarPagina('www.mercusys.com/simulator/ac12g-eu-v1/web/common/Index.htm')" class="btnindex">
                    </div>
                </div>
                <div class="col">
                    <div class="card ">

                        <div class="imagens">
                            <img class="imagem" src="img/tplink.png" alt="">
                        </div>
                        <h1 class="h1-info" style="font-size: 1rem; text-aling:center">Simulador TP-LINK</h1>
                        <p class="info-p">Passo a passo tp-link</p>
                        <input type="submit" value="Acessar"
                            onclick="direcionarPagina('emulator.tp-link.com/Emulator_TL-WR849NV6(BR)/index.htm')" class="btnindex">
                    </div>
                </div>
                <div class="col">
                    <div class="card ">

                        <div class="imagens">
                            <img class="imagem" src="img/manual.png" alt="">
                        </div>
                        <h1 class="h1-info" style="font-size: 1rem; text-aling:center">Manual Net-Rosas</h1>
                        <p class="info-p">Manual Treinamento</p>
                        <input type="submit" value="Acessar"
                            onclick="direcionarPagina('//atalhos.gerenciamentophp.com.br/doc/manual.pdf')" class="btnindex">
                    </div>
                </div>
                <div class="col">
                    <div class="card ">

                        <div class="imagens">
                            <img class="imagem" src="img/fibra.png"
                                alt="">
                        </div>
                        <h1 class="h1-info" style="font-size: 1rem; text-aling:center">Pesquisar Caixa</h1>
                        <input type="text" id="referenciaInput" class="form-control"
                            onkeypress="formatar_mascara(this,'####-##')" maxlength="7" placeholder="0015-01">
                        <button id="searchButton" value="Acessar" class="btnindex1">Pesquisar</button>
                    </div>
                </div>
                <div class="col">
                    <div class="card ocultar" id="result-olt" style="text-align: center;">
                        <div class="imagens-olt">
                            <div class="conteudomp">
                                <h2 class="h2-caixa">Caixa:</h2>
                                <p  id="caixa"></p>
                            </div>
                            <div class="conteudomp">
                                <h2 class="h2-caixa">Olt:</h2>
                                <p id="olt"></p>
                            </div>

                            <div class="conteudomp">
                                <h2 class="h2-caixa">Mapeamento:</h2>
                                <p id="mapeamento"></p>
                            </div>
                            <div class="conteudomp ocultar" id="iniciomp">
                                <h2 class="h2-caixa">Iniciado dia:</h2>
                                <p id="mapeamentoini"></p>
                            </div>
                            <div class="conteudomp ocultar" id="terminomp">
                                <h2 class="h2-caixa">Terminou dia:</h2>
                                <p id="mapeamentoter"></p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col">
                    <div class="card ">

                        <div class="imagens">
                            <img class="imagem" src="img/email-bloqueado.jpg" alt="">
                        </div>
                        <h1 class="h1-info" style="font-size: 1rem; text-aling:center">Ativar e desativar email</h1>
                        <p class="info-p">Gerenciador de email</p>
                        <input type="submit" value="Acessar"
                            onclick="direcionarPagina('//postfixadmin.net-rosas.com.br/')" class="btnindex">
                    </div>
                </div>
                <div class="col">
                    <div class="card ">

                        <div class="imagens">
                            <img class="imagem" src="img/email-bloqueado.jpg" alt="">
                        </div>
                        <h1 class="h1-info" style="font-size: 1rem; text-aling:center">Verificar IP - Email</h1>
                        <p class="info-p">Verificar Email Bloqueado</p>
                        <input type="submit" value="Acessar"
                            onclick="direcionarPagina('//cctr-mail.net-rosas.com.br/')" class="btnindex">
                    </div>
                </div>
                <div class="col">
                    <div class="card ">

                        <div class="imagens">
                            <img class="imagem" src="img/sobreaviso.jpg" alt="">
                        </div>
                        <h1 class="h1-info" style="font-size: 1rem; text-aling:center">Sobre Aviso</h1>
                        <p class="info-p">Escala Sobre Aviso</p>
                        <input type="submit" value="Acessar"
                            onclick="direcionarPagina('www.net-rosas.com.br/sobreaviso/index.php?tipo=s')" class="btnindex">
                    </div>
                </div>
                <div class="col">
                    <div class="card ">

                        <div class="imagens">
                            <img class="imagem" src="img/sobreaviso.jpg" alt="">
                        </div>
                        <h1 class="h1-info" style="font-size: 1rem; text-aling:center">Escala Mensal</h1>
                        <p class="info-p">Escala Mensal callctr</p>
                        <input type="submit" value="Acessar"
                            onclick="direcionarPagina('//atalhos.gerenciamentophp.com.br/doc/EscalaCallctr.pdf')" class="btnindex">
                    </div>
                </div>
                <div class="col">
                    <div class="card ">

                        <div class="imagens">
                            <img class="imagem" src="img/net-conecta.png" alt="">
                        </div>
                        <h1 class="h1-info" style="font-size: 1rem; text-aling:center">POP CONECTA</h1>
                        <p class="info-p">Pop Conecta Migração</p>
                        <input type="submit" value="Acessar"
                            onclick="direcionarPagina('//atalhos.gerenciamentophp.com.br/doc/pop-migration.pdf')" class="btnindex">
                    </div>
                </div>
                 <!-- Continue duplicando os blocos até ter um total de 10 cards -->
            </div>
            @if(Auth::check())
            @php
                $usuarioAutenticado = Auth::user();
            @endphp
            @if($usuarioAutenticado->isAdmin())
            <h2 class="pb-2 border-bottom">Atalhos uteis  Administrador</h2>
<div class="row row-cols-1 row-cols-lg-5 align-items-stretch g-4 py-5">
    <div class="col">
        <div class="card">
            <div class="imagens">
                <img class="imagem" src="./img/tip-brasil.png" alt="">
            </div>
            <h1 class="h1-info" style="font-size: 1rem; text-align:center">Tip Brasil</h1>
            <p class="info-p">Portabilidade</p>
            <input type="submit" value="Acessar" onclick="direcionarPagina('easy2use.com.br/mvno/wp-login.php?redirect_to=%2Fmvno%2Ftelefonia-fixa-portabilidades-listar%2F')" class="btnindex">
        </div>
    </div>
    <div class="col">
        <div class="card">
            <div class="imagens">
                <img class="imagem" src="./img/chipeira.png" alt="">
            </div>
            <h1 class="h1-info" style="font-size: 1rem; text-align:center">Chipeira</h1>
            <p class="info-p">Linhas Chipeira</p>
            <input type="submit" value="Acessar" onclick="direcionarPagina('//10.254.250.100/default/en_US/status.html')" class="btnindex">
        </div>
    </div>
    <!-- Adicione outros cards específicos para admin aqui -->
</div>
@endif
@endif

        </div>
        <div class="uteis">
            <h2 class="pb-2 border-bottom card-uteis">Informaçoes</h2>
            <div class="col">
                <div class="card ">

                    <div class="imagens">
                        <img class="imagem" src="./img/test-velocidade.png" alt="">
                    </div>
                    <div class="opcoes">
                        <h1 class="h1-info">Mac OLT Huawei:</h1>
                        <input type="text" id="oltHuawei" onkeyup="return macHw(this)" class="form-control">
                        <input type="button" class="btn btn-danger btn-sm" onclick="copiarMac()" value="Copiar MAC">
                    </div>
                    <div class="opcoes">
                        <h1 class="h1-info">Remover Pontos CPF:</h1>
                        <input type="text" id="cpfdigitado" onkeyup="return removerPontos(this)"
                            class="form-control">
                        <input type="button" id="btn-cpf" class="btn btn-success btn-sm" onclick="copiarCpf()"
                            value="Copiar">
                    </div>
                    <div class="opcoes">
                        <h1 class="h1-info">DNS - Primario:</h1>
                        <input type="text" id="dns1" value="189.124.16.234" class="form-control">
                        <input type="button" id="btn-dns1" class="btn btn-warning btn-sm" onclick="copiarDns(1)"
                            value="Copiar">
                    </div>
                    <div class="opcoes">
                        <h1 class="h1-info">DNS - Secundario:</h1>
                        <input type="text" id="dns2" value="189.124.16.14" class="form-control">
                        <input type="button" id="btn-dns2" class="btn btn-warning btn-sm" onclick="copiarDns(2)"
                            value="Copiar">
                    </div>

                </div>
            </div>
        </div>
    </div>
    <script>
        document.getElementById('searchButton').addEventListener('click', function() {
            // Obtém o valor do input
            var referenciaValor = document.getElementById('referenciaInput').value;

            // Verifica se o valor do input não está vazio
            if (!referenciaValor) {
                alert('Por favor, insira um valor.');
                return;
            }

            // Extrai os dois últimos caracteres do valor de entrada
            var lastTwoDigits = referenciaValor.slice(-2);

            // Converte os dois últimos caracteres para um número
            var baseValor = parseInt(lastTwoDigits, 10);

            // Garante que os dois últimos caracteres sempre tenham dois dígitos
            if (isNaN(baseValor)) {
                alert('O valor inserido não é válido.');
                return;
            }

            if (baseValor < 10) {
                lastTwoDigits = '0' + baseValor;
            } else {
                lastTwoDigits = baseValor.toString();
            }

            // Obtém a parte original do valor sem os dois últimos caracteres
            var originalPart = referenciaValor.slice(0, -2);

            // Função para criar a URL de redirecionamento
            function createUrl(value) {
                // Converte o valor para string e garante que sempre tenha dois dígitos
                var valueStr = value.toString().padStart(2, '0');
                return 'http://callctr2.net-rosas.com.br/tool.php?a=callctr&b=CA-' +
                    encodeURIComponent(originalPart + valueStr);
            }

            // URLs para abrir
            var urls = [
                createUrl(baseValor),
                createUrl(baseValor + 1),
                createUrl(baseValor + 2),
                createUrl(baseValor + 3)
            ];

            // Função para abrir URLs com um atraso
            function openUrlsSequentially(urls) {
                urls.forEach(function(url, index) {
                    setTimeout(function() {
                        window.open(url, '_blank');
                    }, index * 500); // Ajuste o intervalo se necessário
                });
            }

            // Abre cada URL em uma nova aba com atraso
            openUrlsSequentially(urls);
        });
    </script>
@endsection