@extends('admin.template.layout')

@section('_title', 'Início')

@section('_head')
  <link href="{{ url('admin/css/pages/jogos.css') }}" rel="stylesheet">
@endsection

@section('content')
  <div class="container-fluid py-4">
    @if (isset($error) && is_array($error) && sizeof($error) > 0)
      @foreach ($error as $err)
        <div class="alert alert-danger" role="alert">
          <span class="alert-icon text-white"><i class="fas fa-exclamation-triangle"></i></span>
          <span class="alert-text text-white"><strong class="me-3">Atenção!</strong> {{ $err }}</span>
        </div>
      @endforeach
    @endif

    <div class="row">
			<div class="col-xl-7">
				<div class="card">
          <div class="card-header d-flex pb-0 p-3">
            <h6 class="my-auto">Tempo real</h6>
            <div class="nav-wrapper position-relative ms-auto w-50">
              <ul class="nav nav-pills nav-fill p-1 flex-row" role="tablist">
                <li class="nav-item" role="presentation">
                  <a class="nav-link mb-0 px-0 py-1 active" data-bs-toggle="tab" href="#blaze" role="tab" aria-controls="blaze" aria-selected="true">
                    Blaze
                  </a>
                </li>
                {{-- <li class="nav-item" role="presentation">
                  <a class="nav-link mb-0 px-0 py-1" data-bs-toggle="tab" href="#smash" role="tab" aria-controls="smash" aria-selected="false" tabindex="-1">
                    Smash
                  </a>
                </li> --}}
                <li class="nav-item" role="presentation">
                  <a class="nav-link mb-0 px-0 py-1" data-bs-toggle="tab" href="#jonbet" role="tab" aria-controls="jonbet" aria-selected="false" tabindex="-1">
                    JonBET
                  </a>
                </li>
              </ul>
            </div>
            <div class="dropdown pt-2">
              <a href="javascript:;" class="text-secondary ps-4" id="dropdownCam" data-bs-toggle="dropdown"
                aria-expanded="false">
                <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
              </a>
              <ul class="dropdown-menu dropdown-menu-end me-sm-n4 px-2 py-3" aria-labelledby="dropdownCam">
                <li><a class="dropdown-item border-radius-md btn-toggle-platform" data-platform="blaze.double" data-text="Blaze" data-container="#blaze" href="javascript:;">Parar Blaze</a></li>
                {{-- <li><a class="dropdown-item border-radius-md btn-toggle-platform" data-platform="smash.double" data-text="Smash" data-container="#smash" href="javascript:;">Parar Smash</a></li> --}}
                <li><a class="dropdown-item border-radius-md btn-toggle-platform" data-platform="jonbet.double" data-text="JonBET" data-container="#jonbet" href="javascript:;">Parar JonBET</a></li>
              </ul>
            </div>
          </div>
          <div class="card-body p-3 mt-2">
            <div class="tab-content" id="v-pills-tabContent">
              <div class="tab-pane fade position-relative height-400 border-radius-lg active show" style="background-color: #212121" id="blaze" role="tabpanel" aria-labelledby="cam1">
                <div class="jogos h-100">
                  <div class="row h-100">
                    <div class="col-8 h-100 pe-0">
                      <div class="grid-results pt-3 ps-3 overflow-hidden h-100">
                        @if (isset($jogos['blaze']) && is_array($jogos['blaze']) && sizeof($jogos['blaze']) > 0)
                          @foreach ($jogos['blaze'] as $result)
                            <div data-bs-toggle="tooltip" data-bs-title="{{ Helper::format_datetime($result->data, 'd/m/Y') . ' ' . $result->hora }}" class="result {{ intval($result->num) == '0' ? 'white' : (intval($result->num) > 7 ? 'black' : 'red') }}">
                              <span>{{ $result->num }}</span>
                            </div>
                          @endforeach
                        @endif
                      </div>
                    </div>
                    <div class="col-4 my-auto text-center ps-0">
                      <div class="badge bg-warning mb-4">Aguardando...</div>
                      <h5 class="text-white text-uppercase fw-light">Último resultado</h5>
                      <div class="result big mx-auto">
                        <span></span>
                      </div>
                      <h6 class="text-white text-uppercase fw-light">Aguardando...</h6>
                    </div>
                  </div>
                </div>
              </div>
              {{-- <div class="tab-pane fade position-relative height-400 border-radius-lg" style="background-color: #210751" id="smash" role="tabpanel" aria-labelledby="cam2">
                <div class="jogos h-100">
                  <div class="row h-100">
                    <div class="col-8 h-100 pe-0">
                      <div class="grid-results pt-3 ps-3 overflow-hidden h-100">
                        @if (isset($jogos['smash']) && is_array($jogos['smash']) && sizeof($jogos['smash']) > 0)
                          @foreach ($jogos['smash'] as $result)
                            <div data-bs-toggle="tooltip" data-bs-title="{{ Helper::format_datetime($result->data, 'd/m/Y') . ' ' . $result->hora }}" class="result {{ intval($result->num) == '0' ? 'white' : (intval($result->num) > 7 ? 'black' : 'red') }}">
                              <span>{{ $result->num }}</span>
                            </div>
                          @endforeach
                        @endif
                      </div>
                    </div>
                    <div class="col-4 my-auto text-center ps-0">
                      <div class="badge bg-warning mb-4">Aguardando...</div>
                      <h5 class="text-white text-uppercase fw-light">Último resultado</h5>
                      <div class="result big mx-auto">
                        <span></span>
                      </div>
                      <h6 class="text-white text-uppercase fw-light">Aguardando...</h6>
                    </div>
                  </div>
                </div>
              </div> --}}
              <div class="tab-pane fade position-relative height-400 border-radius-lg" style="background-color: #0e1720" id="jonbet" role="tabpanel" aria-labelledby="cam3">
                <div class="jogos h-100">
                  <div class="row h-100">
                    <div class="col-8 h-100 pe-0">
                      <div class="grid-results pt-3 ps-3 overflow-hidden h-100">
                        @if (isset($jogos['jonbet']) && is_array($jogos['jonbet']) && sizeof($jogos['jonbet']) > 0)
                          @foreach ($jogos['jonbet'] as $result)
                            <div data-bs-toggle="tooltip" data-bs-title="{{ Helper::format_datetime($result->data, 'd/m/Y') . ' ' . $result->hora }}" class="result {{ intval($result->num) == '0' ? 'white' : (intval($result->num) > 7 ? 'black' : 'red') }}">
                              <span>{{ $result->num }}</span>
                            </div>
                          @endforeach
                        @endif
                      </div>
                    </div>
                    <div class="col-4 my-auto text-center ps-0">
                      <div class="badge bg-warning mb-4">Aguardando...</div>
                      <h5 class="text-white text-uppercase fw-light">Último resultado</h5>
                      <div class="result big mx-auto">
                        <span></span>
                      </div>
                      <h6 class="text-white text-uppercase fw-light">Aguardando...</h6>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="col-xl-5 ms-auto mt-xl-0 mt-4">
        <div class="row">
          <div class="col-12">
            <div class="card">
              <div class="card-body p-3">
                <div class="row">
                  <div class="col-4 my-auto">
                    <div class="numbers">
                      <h5 class="font-weight-bolder mb-0">Hora atual</h5>
                    </div>
                  </div>
                  <div class="col-8 text-end">
                    <h5 class="mb-0 text-end me-1" id="time">12:12:12</h5>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="row mt-4">
          <div class="col-md-6">
            <div class="card">
              <div class="card-body text-center" id="usuarios_conectados">
                <h1 class="text-dark">
                  <span class="loading"><i class="fad fa-spinner-third fa-spin"></i></span>
                  <span style="display: none" class="val">X</span>
                </h1>
                <h6 class="mb-0 font-weight-bolder">Usuários conectados</h6>
              </div>
            </div>
          </div>
          <div class="col-md-6 mt-md-0 mt-4">
            <div class="card">
              <div class="card-body text-center" id="consumo_cpu">
                <h1 class="text-dark"> 
                  <span class="loading"><i class="fad fa-spinner-third fa-spin"></i></span>
                  <span style="display: none" class="val">X</span>
                  <span style="display: none" class="val text-lg ms-n1">%</span></h1>
                <h6 class="mb-0 font-weight-bolder">Consumo de CPU</h6>
              </div>
            </div>
          </div>
        </div>
        <div class="row mt-4">
          <div class="col-md-6">
            <div class="card">
              <div class="card-body text-center" id="consumo_ram">
                <h1 class="text-dark">
                  <span class="loading"><i class="fad fa-spinner-third fa-spin"></i></span>
                  <span style="display: none" class="val">X</span>
                  <span style="display: none" class="val text-lg ms-n1">%</span></h1>
                </h1>
                <h6 class="mb-0 font-weight-bolder">Consumo de memória</h6>
              </div>
            </div>
          </div>
          <div class="col-md-6 mt-md-0 mt-4">
            <div class="card">
              <div class="card-body text-center" id="consumo_disco">
                <h1 class="text-dark">
                  <span class="loading"><i class="fad fa-spinner-third fa-spin"></i></span>
                  <span style="display: none" class="val">X</span>
                  <span style="display: none" class="val text-lg ms-n1">%</span></h1>
                </h1>
                <h6 class="mb-0 font-weight-bolder">Consumo de disco</h6>
              </div>
            </div>
          </div>
        </div>
        <div class="row mt-2">
          <div class="col text-center">
            <p id="sistema" class="small"></p>
          </div>
        </div>
      </div>
    </div>

    <hr class="horizontal dark my-5">

    <div class="row justify-content-center">
      {{-- <div class="col-xxl-2 col-md-3 col-sm-6 mt-lg-0 mt-4">
        <div class="card bg-default h-100">
          <div class="card-body">
            <div class="d-flex mb-3">
              <p class="mb-0 text-white">Off</p>
              <div class="form-check form-switch ms-auto">
                <input class="form-check-input" type="checkbox" data-title="tmux" data-message="Você tem certeza que deseja desativar este serviço?<br />Todos os demais também serão desativados." id="system_tmux" {{ isset($status) && isset($status['tmux']) && $status['tmux'] == true ? 'checked' : '' }}>
              </div>
            </div>
            <i class="fas fa-server fa-3x text-white"></i>
            <p class="mt-2 mb-0 font-weight-bold text-white">TMUX</p>
            <span class="text-xs text-white">12/12/12 - 12:12:12</span>
          </div>
        </div>
      </div> --}}
      <div class="col-xxl-2 col-md-3 col-sm-6 mt-lg-0 mt-4">
        <div class="card h-100">
          <div class="card-body">
            <div class="d-flex mb-3">
              <p class="mb-0">Off</p>
              <div class="form-check form-switch ms-auto">
                <input class="form-check-input" type="checkbox" data-title="websocket" id="system_websocket" {{ isset($status) && isset($status['websocket']) && $status['websocket'] == true ? 'checked' : '' }}>
              </div>
            </div>
            <i class="fas fa-comments fa-3x"></i>
            <p class="mt-2 mb-0 font-weight-bold">WebSocket</p>
            {{-- <span class="text-xs">15/12/12 - 12:12:12</span> --}}
          </div>
        </div>
      </div>
      {{-- <div class="col-xxl-2 col-md-3 col-sm-6 mt-lg-0 mt-4">
        <div class="card h-100">
          <div class="card-body">
            <div class="d-flex mb-3">
              <p class="mb-0">Off</p>
              <div class="form-check form-switch ms-auto">
                <input class="form-check-input" type="checkbox" data-title="blaze" id="system_blaze" {{ isset($status) && isset($status['blaze']) && $status['blaze'] == true ? 'checked' : '' }}>
              </div>
            </div>
            <img width="40" src="{{ url('img/blaze.png') }}" />
            <p class="mt-2 mb-0 font-weight-bold">Blaze</p>
            <span class="text-xs">15/12/12 - 12:12:12</span>
          </div>
        </div>
      </div>
      <div class="col-xxl-2 col-md-3 col-sm-6 mt-lg-0 mt-4">
        <div class="card h-100">
          <div class="card-body">
            <div class="d-flex mb-3">
              <p class="mb-0">On</p>
              <div class="form-check form-switch ms-auto">
                <input class="form-check-input" type="checkbox" data-title="smash" id="system_smash" {{ isset($status) && isset($status['smash']) && $status['smash'] == true ? 'checked' : '' }}>
              </div>
            </div>
            <img width="40" src="{{ url('img/smash.png') }}" />
            <p class="mt-2 mb-0 font-weight-bold">Smash</p>
            <span class="text-xs">15/12/12 - 12:12:12</span>
          </div>
        </div>
      </div> --}}
      {{-- <div class="col-xxl-2 col-md-3 col-sm-6 mt-lg-0 mt-4">
        <div class="card h-100">
          <div class="card-body">
            <div class="d-flex mb-3">
              <p class="mb-0">Off</p>
              <div class="form-check form-switch ms-auto">
                <input class="form-check-input" type="checkbox" data-title="whatsapp" id="system_whatsapp" {{ isset($status) && isset($status['whatsapp']) && $status['whatsapp'] == true ? 'checked' : '' }}>
              </div>
            </div>
            <i class="fab fa-whatsapp fa-3x"></i>
            <p class="mt-2 mb-0 font-weight-bold">WhatsApp Bot</p>
          </div>
        </div>
      </div> --}}
    </div>

    <hr class="horizontal dark my-5">

    <div class="row">
      <div class="col-md-12">
        <div class="card">
          <div class="card-header">
            <h6 class="my-auto">Configurações</h6>
          </div>
          <div class="card-body">
            <form id="tokens" method="post" action="{{ route('admin.configuracoes.salvar.post') }}">
              <div class="row">
                <div class="col">
                  <div class="form-group">
                    <label for="">Token BLAZE</label>
                    <input type="text" class="form-control" value="{{ isset($configs['token_blaze']) ? $configs['token_blaze'] : '' }}" name="token_blaze">
                  </div>
                </div>
                <div class="col">
                  <div class="form-group">
                    <label for="">URL BLAZE</label>
                    <input type="text" class="form-control" value="{{ isset($configs['url_blaze']) ? $configs['url_blaze'] : '' }}" name="url_blaze">
                  </div>
                </div>
              </div>

              {{-- <div class="row">
                <div class="col">
                  <div class="form-group">
                    <label for="">Token SMASH</label>
                    <input type="text" class="form-control" value="{{ isset($configs['token_smash']) ? $configs['token_smash'] : '' }}" name="token_smash">
                  </div>
                </div>
              </div> --}}

              <div class="row">
                <div class="col">
                  <div class="form-group">
                    <label for="">Token JONBET</label>
                    <input type="text" class="form-control" value="{{ isset($configs['token_jon']) ? $configs['token_jon'] : '' }}" name="token_jon">
                  </div>
                </div>
              </div>

              <div class="row">
                <div class="col-12 col-md-2 mt-3 mt-md-auto">
                  <button type="submit" class="btn btn-primary w-100">Salvar</button>
                </div>
              </div>
            </form>
          </div>
        </div>
      </div>
      <div class="col-md-12 mt-5">
        <a href="{{ route('admin.inserir_resultados.index') }}" class="card bg-dark text-decoration-none">
          <div class="card-body">
            <h5 class="text-white d-flex justify-content-between align-items-center m-0">
              <span>Inserir resultados</span>
              <i class="fas fa-plus-circle fa-2x"></i>
            </h5>
          </div>
        </a>
      </div>
    </div>
  </div>
@endsection

@section('_foot')
  
  {{-- <script src="{{ url('admin/js/jogos.js') }}"></script> --}}
  <script src="https://cdn.socket.io/3.1.3/socket.io.js"></script>

  <script>
    const socket = io.connect("{{ env('WEBSOCKET_HOST') }}", {
      reconnection: true,
      reconnectionDelay: 1000,
      reconnectionDelayMax : 5000,
      reconnectionAttempts: 99999
    });

    let intervals = {}
    let results = {
      smash: 0,
      blaze: 0
    }

    var MD5 = function(d){var r = M(V(Y(X(d),8*d.length)));return r.toLowerCase()};function M(d){for(var _,m="0123456789ABCDEF",f="",r=0;r<d.length;r++)_=d.charCodeAt(r),f+=m.charAt(_>>>4&15)+m.charAt(15&_);return f}function X(d){for(var _=Array(d.length>>2),m=0;m<_.length;m++)_[m]=0;for(m=0;m<8*d.length;m+=8)_[m>>5]|=(255&d.charCodeAt(m/8))<<m%32;return _}function V(d){for(var _="",m=0;m<32*d.length;m+=8)_+=String.fromCharCode(d[m>>5]>>>m%32&255);return _}function Y(d,_){d[_>>5]|=128<<_%32,d[14+(_+64>>>9<<4)]=_;for(var m=1732584193,f=-271733879,r=-1732584194,i=271733878,n=0;n<d.length;n+=16){var h=m,t=f,g=r,e=i;f=md5_ii(f=md5_ii(f=md5_ii(f=md5_ii(f=md5_hh(f=md5_hh(f=md5_hh(f=md5_hh(f=md5_gg(f=md5_gg(f=md5_gg(f=md5_gg(f=md5_ff(f=md5_ff(f=md5_ff(f=md5_ff(f,r=md5_ff(r,i=md5_ff(i,m=md5_ff(m,f,r,i,d[n+0],7,-680876936),f,r,d[n+1],12,-389564586),m,f,d[n+2],17,606105819),i,m,d[n+3],22,-1044525330),r=md5_ff(r,i=md5_ff(i,m=md5_ff(m,f,r,i,d[n+4],7,-176418897),f,r,d[n+5],12,1200080426),m,f,d[n+6],17,-1473231341),i,m,d[n+7],22,-45705983),r=md5_ff(r,i=md5_ff(i,m=md5_ff(m,f,r,i,d[n+8],7,1770035416),f,r,d[n+9],12,-1958414417),m,f,d[n+10],17,-42063),i,m,d[n+11],22,-1990404162),r=md5_ff(r,i=md5_ff(i,m=md5_ff(m,f,r,i,d[n+12],7,1804603682),f,r,d[n+13],12,-40341101),m,f,d[n+14],17,-1502002290),i,m,d[n+15],22,1236535329),r=md5_gg(r,i=md5_gg(i,m=md5_gg(m,f,r,i,d[n+1],5,-165796510),f,r,d[n+6],9,-1069501632),m,f,d[n+11],14,643717713),i,m,d[n+0],20,-373897302),r=md5_gg(r,i=md5_gg(i,m=md5_gg(m,f,r,i,d[n+5],5,-701558691),f,r,d[n+10],9,38016083),m,f,d[n+15],14,-660478335),i,m,d[n+4],20,-405537848),r=md5_gg(r,i=md5_gg(i,m=md5_gg(m,f,r,i,d[n+9],5,568446438),f,r,d[n+14],9,-1019803690),m,f,d[n+3],14,-187363961),i,m,d[n+8],20,1163531501),r=md5_gg(r,i=md5_gg(i,m=md5_gg(m,f,r,i,d[n+13],5,-1444681467),f,r,d[n+2],9,-51403784),m,f,d[n+7],14,1735328473),i,m,d[n+12],20,-1926607734),r=md5_hh(r,i=md5_hh(i,m=md5_hh(m,f,r,i,d[n+5],4,-378558),f,r,d[n+8],11,-2022574463),m,f,d[n+11],16,1839030562),i,m,d[n+14],23,-35309556),r=md5_hh(r,i=md5_hh(i,m=md5_hh(m,f,r,i,d[n+1],4,-1530992060),f,r,d[n+4],11,1272893353),m,f,d[n+7],16,-155497632),i,m,d[n+10],23,-1094730640),r=md5_hh(r,i=md5_hh(i,m=md5_hh(m,f,r,i,d[n+13],4,681279174),f,r,d[n+0],11,-358537222),m,f,d[n+3],16,-722521979),i,m,d[n+6],23,76029189),r=md5_hh(r,i=md5_hh(i,m=md5_hh(m,f,r,i,d[n+9],4,-640364487),f,r,d[n+12],11,-421815835),m,f,d[n+15],16,530742520),i,m,d[n+2],23,-995338651),r=md5_ii(r,i=md5_ii(i,m=md5_ii(m,f,r,i,d[n+0],6,-198630844),f,r,d[n+7],10,1126891415),m,f,d[n+14],15,-1416354905),i,m,d[n+5],21,-57434055),r=md5_ii(r,i=md5_ii(i,m=md5_ii(m,f,r,i,d[n+12],6,1700485571),f,r,d[n+3],10,-1894986606),m,f,d[n+10],15,-1051523),i,m,d[n+1],21,-2054922799),r=md5_ii(r,i=md5_ii(i,m=md5_ii(m,f,r,i,d[n+8],6,1873313359),f,r,d[n+15],10,-30611744),m,f,d[n+6],15,-1560198380),i,m,d[n+13],21,1309151649),r=md5_ii(r,i=md5_ii(i,m=md5_ii(m,f,r,i,d[n+4],6,-145523070),f,r,d[n+11],10,-1120210379),m,f,d[n+2],15,718787259),i,m,d[n+9],21,-343485551),m=safe_add(m,h),f=safe_add(f,t),r=safe_add(r,g),i=safe_add(i,e)}return Array(m,f,r,i)}function md5_cmn(d,_,m,f,r,i){return safe_add(bit_rol(safe_add(safe_add(_,d),safe_add(f,i)),r),m)}function md5_ff(d,_,m,f,r,i,n){return md5_cmn(_&m|~_&f,d,_,r,i,n)}function md5_gg(d,_,m,f,r,i,n){return md5_cmn(_&f|m&~f,d,_,r,i,n)}function md5_hh(d,_,m,f,r,i,n){return md5_cmn(_^m^f,d,_,r,i,n)}function md5_ii(d,_,m,f,r,i,n){return md5_cmn(m^(_|~f),d,_,r,i,n)}function safe_add(d,_){var m=(65535&d)+(65535&_);return(d>>16)+(_>>16)+(m>>16)<<16|65535&m}function bit_rol(d,_){return d<<_|d>>>32-_}

    function pad_num(n) {
      return parseInt(n) < 10 ? '0' + n : n;
    }

    socket.on('message', (data) => {
        data = JSON.parse(data);
        console.log(data);
        if (data.platform && data.game) {
          let obj = data.game_obj;
          let d = new Date(obj.data);
          obj.data = `${pad_num(d.getDate())}/${pad_num(d.getMonth())}/${d.getFullYear()} ${pad_num(d.getHours())}:${pad_num(d.getMinutes())}:${pad_num(d.getSeconds())}`
          obj.plataforma = data.platform;

          UltimoResultado(obj);
        } else if (data.func && data.func == 'users') {
          // usuarios
          console.log(data.users.length);
          $('#usuarios_conectados .val').text(Object.keys(data.users).length - 1);
          $('#usuarios_conectados .val').show();
          $('#usuarios_conectados .loading').hide();
        } else {
          console.log(data);
        }
    });

    socket.on('disconnect', () => {
        ws_timed_out();

        $(`.jogos .badge`).removeClass('bg-success').addClass('bg-warning').text('Desconectado');
        if (intervals.list !== null) clearInterval(intervals.list);
    });

    socket.on('connect', () => {
        if (intervals.timeout !== null) clearInterval(intervals.timeout);
        intervals.list = setInterval(() => {
          list();
        }, 5 * 1000);
    });

    function set_platform(platform) {
        let data = new Date();
        let token = MD5(`${data.getFullYear()}-${pad_num(data.getMonth() + 1)}-${pad_num(data.getDate())} ${pad_num(data.getHours())}:${pad_num(data.getMinutes())}||55fa8fb5a7656e523971210e18d1c32d`);
        socket.send(JSON.stringify({
            f: 'set_platform',
            v: platform,
            t: token,
        }));
    }

    function list() {
        socket.send(JSON.stringify({
            f: 'list_users_rooms',
        }));
    }

    function UltimoResultado(obj) {
      let last = $(`#${obj.plataforma} .jogos .grid-results .result:first-child`);
      if (last.length) {
        last = last.attr('data-bs-title') + ' ' + last.find('span').text();
      }
      let current = obj.data + ' ' + obj.num;

      if (last != current) {
        let html = `
          <div data-bs-toggle="tooltip" data-bs-title="${obj.data}" class="result ${obj.cor}">
            <span>${obj.num}</span>
          </div>
        `;
  
        let e = null;
        if (last.length) {
          e = $(html).insertBefore(`#${obj.plataforma} .jogos .grid-results .result:first-child`);
        } else {
          e = $(html).appendTo(`#${obj.plataforma} .jogos .grid-results`);
        }
        $(`#${obj.plataforma} .jogos .big`).text(obj.num).removeClass(['black', 'white', 'red']).addClass(obj.cor);
        $(`#${obj.plataforma} .jogos .big`).next().text(obj.data);
  
        new bootstrap.Tooltip($(e)[0]);

        results[obj.plataforma]++;

        $(`#${obj.plataforma} .jogos .badge`).removeClass('bg-warning').addClass('bg-success').text('Conectado');

        if (intervals[obj.plataforma] !== null) clearInterval(intervals[obj.plataforma]);

        intervals[obj.plataforma] = setTimeout(() => {
          $(`#${obj.plataforma} .jogos .badge`).removeClass('bg-success').addClass('bg-warning').text('Desconectado');
        }, 35 * 1000);
      }
    }

    function ws_timed_out() {
      intervals.timeout = setInterval(() => {
        socket.connect();
        set_platform(platforms);
      }, 5 * 1000);
    }

    function sysinfo() {
      $('#consumo_cpu .val, #consumo_ram .val, #consumo_disco .val').hide();
      $('#consumo_cpu .loading, #consumo_ram .loading, #consumo_disco .loading').show();

      $.ajax({
        headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') },
        method: 'get',
        url: "{{ route('admin.sysinfo') }}",
        success: function (res) {
          if (res.error == false) {
            // cpu
            $('#consumo_cpu .val:eq(0)').text(res.message.cpu);
            $('#consumo_cpu .val').show();
            $('#consumo_cpu .loading').hide();

            // ram
            $('#consumo_ram .val:eq(0)').text(res.message.ram);
            $('#consumo_ram .val').show();
            $('#consumo_ram .loading').hide();

            // disco
            $('#consumo_disco .val:eq(0)').text(res.message.disco);
            $('#consumo_disco .val').show();
            $('#consumo_disco .loading').hide();

            $('#sistema').text(res.message.sistema);
          }
        }
      });
    }

    $(document).ready(function () {
      let platforms = [
        // 'smash.double', 
        'blaze.double',
        'jonbet.double'
      ];
      
      core.ajaxForm($('#tokens'), {
        title: 'Atualizar tokens',
        onSuccess: function (result) {
          location.reload();
        }
      });  

      var timeDisplay = document.getElementById("time");
      function refreshTime() {
        var date = new Date();
        let m = parseInt(date.getMonth()) + 1;
        m = (m < 10 ? '0' : '') + m;
        timeDisplay.innerHTML = `${(date.getDate() < 10 ? '0' : '') + date.getDate()}/${m}/${date.getFullYear()} - ${(date.getHours() < 10 ? '0' : '') + date.getHours()}:${(date.getMinutes() < 10 ? '0' : '') + date.getMinutes()}:${(date.getSeconds() < 10 ? '0' : '') + date.getSeconds()}`;
      }

      setInterval(refreshTime, 100);

      $('.form-check-input').click(function (e) {
        e.stopPropagation();
        e.preventDefault();
        let inp = $(this);
        let m = inp.attr('data-message') != undefined ? inp.attr('data-message') : 'Você tem certeza que deseja desativar este serviço?';
        let t = inp.attr('data-title')
        if (!inp.prop('checked')) {
          Swal.fire({
            title: 'Desativar ' + t.toUpperCase(),
            html: m,
            icon: 'question',
            showCancelButton: true,
            cancelButtonText: 'Cancelar',
            confirmButtonText: 'Desativar'
          }).then((result) => {
            if (result.isConfirmed) {
              $.ajax({
                headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') },
                method: 'post',
                url: "{{ route('admin.handle') }}",
                data: {
                  action: 'desativar',
                  service: t
                },
                success: function (r) {
                  if (r.status) {
                    inp.prop('checked', false);
                    if (t == 'tmux') location.reload();
                  } else {
                    Swal.fire('Erro ao desativar ' + t.toUpperCase(), r.message, 'error');
                  }
                }
              })
            }
          })
        } else {
          $.ajax({
            headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') },
            method: 'post',
            url: "{{ route('admin.handle') }}",
            data: {
              action: 'ativar',
              service: t
            },
            success: function (r) {
              if (r.status) {
                inp.prop('checked', true);
                if (t == 'tmux') location.reload();
              } else {
                Swal.fire('Erro ao ativar ' + t.toUpperCase(), r.message, 'error');
              }
            }
          })
          
        }
      });

      const tooltipTriggerList = document.querySelectorAll('[data-bs-toggle="tooltip"]')
      const tooltipList = [...tooltipTriggerList].map(tooltipTriggerEl => new bootstrap.Tooltip(tooltipTriggerEl));

      set_platform(platforms);

      // let status_Blaze = ConectaBlaze(`{!! isset($configs['token_blaze']) ? $configs['token_blaze'] : '' !!}`);
      // let status_Smash = ConectaSmash(`{!! isset($configs['token_smash']) ? $configs['token_smash'] : '' !!}`);
      
      // if (status_Blaze) {
      //   $('#blaze .jogos .badge').removeClass('bg-warning').addClass('bg-success').text('Conectado');
      // }
      // if (status_Smash) {
      //   $('#smash .jogos .badge').removeClass('bg-warning').addClass('bg-success').text('Conectado');
      // }

      sysinfo();

      setInterval(() => {
        sysinfo();

        $.each(results, function (plataforma, count) {
          if (count == 0) {
            if ($(`#${plataforma} .badge-erro`).length == 0) {
              $(`#${plataforma} .result.big`).parent().append('<div class="badge bg-danger badge-erro"><i class="fas fa-times me-2"></i> Erro ao carregar</div>')
            }
          } else {
            $(`#${plataforma} .badge-erro`).remove();
          }
        });
      }, 1 * 60 * 1000);


      $('.btn-toggle-platform').click(function () {
        let platform = $(this).attr('data-platform');
        let text = $(this).attr('data-text');
        let container = $(this).attr('data-container');

        if (platforms.includes(platform)) {
          let i = platforms.indexOf(platform);
          platforms.splice(i, 1);
          $(this).text('Iniciar ' + text);
          $(container + ' .jogos .badge').removeClass('bg-success').addClass('bg-warning').text('Desconectado');
        } else {
          platforms.push(platform);
          $(this).text('Parar ' + text);
          $(container + ' .jogos .badge').removeClass('bg-warning').addClass('bg-success').text('Conectado');
        }

        set_platform(platforms);
      });
    });
  </script>
@endsection