@extends('admin.template.layout')

@section("_title", 'Acessos suspeitos')

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

@section('content')
  <div class="container-fluid py-4">
    <div class="row">
      <div class="col">
        <div class="card">
          <div class="card-header">
            <div class="d-flex justify-content-between align-items-center">
              <h5 class="card-title mb-0">Acessos suspeitos</h5>
              {{-- <a href="#" id="btn_novo_usuario" class="btn btn-primary"><i class="fas fa-plus me-2"></i> Adicionar usuário</a> --}}
            </div>
          </div>
          <div class="card-body">
            <div class="table-responsive">
              <table class="table align-items-center mb-0" id="tabela_usuarios">
                <thead>
                  <tr>
                    <th class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7">Nome</th>
                    <th class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7 ps-2">E-mail</th>
                    <th class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7 text-center">Informações</th>
                    <th class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7 text-center">Suspeita</th>
                    <th class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7 text-center">Data</th>
                    <th class="text-secondary opacity-7"></th>
                  </tr>
                </thead>
                <tbody>
                  @if (isset($logins) && is_array($logins) && sizeof($logins) > 0)
                    @foreach ($logins as $login)
                      <tr>
                        <td>
                          <h6 class="text-xs mb-0 ">{{ $login['utilizador']['nome'] }}</h6>
                        </td>
                        <td>
                          <p class="text-xs mb-0">{{ $login['utilizador']['email'] }}</p>
                        </td>
                        <td class="align-middle text-center text-sm">
                          <p class="m-0 small">IP: {{ $login['permitido']['ip'] }}</p>
                          <p class="m-0 small">Localização: {{ $login['permitido']['ip_info']['city'] }}, {{ $login['permitido']['ip_info']['regionName'] }}</p>
                          <p class="m-0 small">Plataforma: {{ $login['permitido']['browser_info']['browserName'] }}, {{ $login['permitido']['browser_info']['platformName'] }}</p>
                        </td>
                        <td class="align-middle text-center text-sm">
                          <p class="m-0 small">IP: {{ $login['ip'] }}</p>
                          <p class="m-0 small">Localização: {{ $login['ip_info']['city'] }}, {{ $login['ip_info']['regionName'] }}</p>
                          <p class="m-0 small">Plataforma: {{ $login['browser_info']['browserName'] }}, {{ $login['browser_info']['platformName'] }}</p>
                        </td>
                        <td class="align-middle text-center text-sm">
                          {{ Helper::format_datetime($login['created_at'], 'd/m/Y H:i:s') }}
                        </td>
                        <td class="align-middle text-center">
                          {{-- <a href="javascript:;" class="btn btn-sm btn-info font-weight-bold text-xs" data-edit="{{ $usuario['id'] }}">
                            Editar
                          </a> --}}
                          @if ($login['utilizador']['status'] == 'Ativo')
                            <a href="javascript:;" class="btn btn-sm btn-danger font-weight-bold text-xs m-0" data-delete="{{ $login['utilizador']['id'] }}">
                              Desativar usuário
                            </a>
                          @else
                            <span class="badge bg-warning"><span class="small">Usuário desativado</span></span>
                          @endif

                          @if ($login['confiavel'] == '0')
                            <a href="javascript:;" class="btn btn-sm btn-success font-weight-bold text-xs m-0" data-id="{{ $login['id'] }}">
                              Confiável
                            </a>
                          @endif
                        </td>
                      </tr>
                    @endforeach
                  @endif
                </tbody>
              </table>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
@endsection

@section('_foot')
  <script src="{{ url('admin/quill/quill.min.js') }}"></script>
  <script src="{{ url('admin/quill/DynamicQuillTools.js') }}"></script>

  <script>
    const URL_EXCLUIR_UTILIZADOR = "{{ route('admin.utilizadores.excluir.post') }}";
    const URL_MARCAR_CONFIAVEL = "{{ route('admin.utilizadores.acessos.confiavel.post') }}";
    $(document).ready(function () {
      $('#btn_novo_usuario').click(function () {
        core.load_modal(URL_FORM_USUARIO);
      });

      $('[data-id]').click(function () {
        let id = $(this).attr('data-id');
        let options = {
          icon: 'question',
          html: `Você realmente deseja marcar este acesso como confiável?`,
          title: 'Marcar como confiável',
          showConfirmButton: true,
          showDenyButton: false,
          showCancelButton: true,
          confirmButtonText: 'Sim',
          cancelButtonText: 'Cancelar'
        }

        Swal.fire(options).then((result) => {
          if (result.isConfirmed === true) {
            $.ajax({
              headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') },
              method: 'post',
              url: URL_MARCAR_CONFIAVEL,
              data: {
                id
              },
              success: function (res) {
                if (res.status === 'success') {
                  location.reload();
                }
              }
            })
          }
        });
      });

      $('[data-delete]').click(function () {
        let id = $(this).attr('data-delete');
        let options = {
          icon: 'question',
          html: `Você realmente deseja desativar este utilizador?`,
          title: 'Desativar utilizador',
          showConfirmButton: true,
          showDenyButton: false,
          showCancelButton: true,
          confirmButtonText: 'Sim, desativar',
          cancelButtonText: 'Cancelar'
        }

        Swal.fire(options).then((result) => {
          if (result.isConfirmed === true) {
            $.ajax({
              headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') },
              method: 'post',
              url: URL_EXCLUIR_UTILIZADOR,
              data: {
                id, 
                func: 'desativar'
              },
              success: function (res) {
                if (res.status === 'success') {
                  location.reload();
                }
              }
            })
          }
        });
      });
    });
  </script>
@endsection