
<!-- . .  .  . .  .  . .  .  . .  .  . .  .  . .  .  . .  .  . .  .  . .  .  . .  .  . .  .  . .  .  . .  .  . .  .  . .  .  . .  .  . .  .  . .  .  .
   .       .       .       .       .       .       .       .       .       .       .       .       .       .       .       .       .       .       .  
     .  .    .  .    .  .    .  .    .  .    .  .    .  .    .tSSS%S;.  .    .  .    .  .    .  .    .  .    .  .    .  .    .  .    .  .    .  .     
 .       .       .       .       .       .       .       .  8@8888888 8.   .     .       .       .       .       .       .       .       .       .  . 
   .  .    .  .    .  .    .  .    .  .    .  .    .  .    .% 888S88%S8t .    .    .  .    .  .    .  .    .  .    .  .    .  .    .  .    .  .    .  
  .    .  .    .  .    .  .    .  .    .  .    .  .    .  ..XX88S88X8@ ..       .   .   .   .   .   .   .   .   .   .   .   .   .   .   .   .   .     
    .       .       .       .       .       .       .      :SX8X88X88@8t   .  .   .   .   .   .   .   .   .   .   .   .   .   .   .   .   .   .   .  .
  .   . .    .  .    .  .    .  .    .  .    .  .    .  .  :XX@88X8@8X8S.        .      .       .       .       .       .       .       .       .     
    .     .    .  .    .  .    .  .    .  .    .  .    .  ..@S88@8888X8%  . .  .    .      . .     . .     . .     . .     . .     . .     . .     .  
  .    .   .       .       .       .       .       .       :XX888@88888X          .   .  .     .       .       .       .       .       .       .  .  .
     .   .   .  .    .  .    .  .    .  .    .  .    .  .  :XX8888888%8S .  .  .    .   .   .    . .     . .     . .     . .     . .     . .          
  .    .      .   .   .   .   .   .   .   .   .   .   .   ..X88X88888X8@   .      .   .   .   .      . .     . .     . .     . .     . .     . . .  . 
    .     . .   .   .   .   .   .   .   .   .   .   .        %8888@88X8S..   .  .               .  .     .       .       .       .       .         .  
  .   .  .8%8SX@S 8:            .S8  XXXXS%S:8%.       .  .:SX8888888X8X  : 8 8 8 8 88;   . . .   ;SSXSSSSXS %     . .    .;88  SS8S8S@X 88S    .     
    .   .; 88@@SXX8% .   . .  .8  8%X@@@XXX@S@8 X    .     . S88X888@88@  t8X@@X@X@X@: .        .  %X@@@X@@@8  .       . 8 8 8%XX@X@ 8 8%S S8%    .  .
  .     . 8S@@8888X8;  .    :8@ 88888888888888X@8 8;    .  :SX@X888@8S8S. :S@8888888@8%.     .   . S88888888X:   .  . t;X8 888888888888X888S8:.       
     .  :XX888X888@8%     .88 @88X88@8888X@8@888@XX%8 .   ..XX888888888@  ;88888X888X :  . .     .8S8888X8888. .    ; 8@S8888X88@888@8888@8 @  .  .  .
  .      8X8X8888@88 .  . 8 X88X888888X888888888888S8t     :XX@@8888@X8X.  S8@888888@8% .     .  ; S888X88888..  . ;  88@88888888888888888@8:   .     
    .  .::8 SS8 888:     8888X88888X88S8@X8888X88@888XS . ..XX88888@8@8X  t8888888X888@    .     : X888888X8@t    ;  88@88888888X S888X8888.:.    .   
  .      .:;%tt; ..  . .X88X8888888:@t .   88888@88X@@S:  .  X8@8888888@ . XX888X888%8;..     .  .8%88@88X8X8 . .  %88X888X88S8S.t%:;    ;; ...     . 
    .   . 888@8X8 8.    8 88@888888;          S@888@888X.. :SX8888888X8S .t888888888S8.. .  .   .; X88888888S;   S8@88888888@8: .    .         . .    
  .   .  8S888888X8.  .;X88@88888 X  .  . .  S88@88888@8%  . S8888@88@8@   X@88X88888S  .        :8%X88888888  ..8X8888888888t   .           .     .  
    .   ;X@888888@88S  t8@888@88S8t.     .  . 8%8888X88%.. :SX8888888S8S .t888888888@8%.  .  . . ; S88888X888:. .8S888X88888; .   . .     .    .      
  .     . S8888X88@8%  :X@88888@@8;..  .     ;X@888X888%;. . X88888X8X8X.  X@888X8888 ;          : S888@88888   :8 8X8888@888.  .    . .    .   . .  .
     .  ;XX88S888888X .;888@888888   .   .   8X888@888@8: .:SX888X888X8S .:888888888@8    . .    t888@888888 t  ;8S8888888888S     .    .    .        
  .     . S8@@8888@8%  :XX@@88888888S..   .@ X888888@88@:.  8%8888@8888@   8X8888X888888.     . % @888888X888;  :%@@8888888@X88:  .   .  .:    . .  . 
    .   ;X@88888@8@8X .;8888888X88@X8888888X88@888@88@8;.  %8@8888888%8X.  ;8888X8888XS8@t. . t88S8888X8@8888:. . 8X88888@888S88X.    .%8 %;..        
  .   . .%S888@888X8t.  X8888S8@8888X SXXS88@8888@88888.  . 8S888888888X    8@8@8888888@X888@88 888888888888% .  :XSS8888888888S88S8S88XS%8:.  .  .   
    .   .X@888888@88X .%@88@8888888888888@888888888S88     ;888888888X8X . . @888@888@8888@X@888@8888888888%       ;8X8X888 8888@88@@8@888X8;.      . 
  .    . SS88X8888S8S  .X8888@888888888X88888888@8S8t..  .  8S8888888X8S.     :88888888X8888@88@888X888XX@.  . .  .:;8X888X88X88888888@88@88    . .   
     .  : S@888X8888S .;8888888888X888X8888X88X8 88.   .   ;8@88888X888@   . .  88X@8X8888888@88888888S88.  .    . ..  8@88888888X888888X8@8t  .      
  .     :X8X8X X8@%X.   8@888888 888S@8@888SS88%;t   .      888888@888X..      .  ;@8S88@88888888S888t%t  .    .       ;  888 X888888888S888@    .  . 
    .  . ;:;88S8@t;  . t8888@88888t  .S.:  ;%::  .     . .    888@t8%    . .   .  .;t  : S888SSS;; : ...     .    .       ;;     :%St:  . Xt  .   .   
  .     .  :....  ..  ..X@88888XS.   ..           . .        ..:.            .         .    . ..       ..  .    .   .              .      . .   .     
    .                 .;888888@88@.     .   .  . .    . .     .   .       .   .   . .  .  .   ..     . . .    .   .   .    .        .    .    .    .  
  .    . . .  .  . .    8@@8888X8   . .   .        .      . .   .       .   .   .  .    .       . .     .   .       .    .          . .     .    .    
     .         .     . t888888888::     .    . . .   .  .         .  .    .   .      .     . .  .   .    .    . .  .   .         .     .  .    .   .  
  .     .  .     .    ..X888888S ; .  .    .       .       .  . .      .    .    .     . .     .  .   . .  .      .   .   . .  .   . .   .   .      . 
    .        . .   .  .;8X8888X@8X.      .   .  .     .  .         .  .  .     .   .  .     .    .       .  .  .        .        .     .   .    . .   
  .   .  .  .       .  .SX88888@8X  .  .   .      .    .    .  . .   .     . .      .    .    .    . .        .  .  .      . .     . .   .    .       
    .           . .    .t@888888X .          . .    .     .        .    .       . .    .   .   .  .    . .  .         .  .    . .           .   .  .  
  .    .  .  .       .  ..;::t;.    .  . .       .    .      .  .     .   .  .       .    .  .      .     .    .  .         .     .  . .  .   .     . 
     .     .   .   .   .   .  .  .   .     .  .    .    .  .      . .          .   .    .       .  .  .      .      . . .      .            .    .    
  .     .        .       .   .    .     .       .    .       .  .      . . . .   .    .    .  .         .  .    .  .      .  .   . .  .  .     .   .  
  
.  .     ..     .        .       .   .    .     .       .Plataforma Única de Crédito Inteligente!       .  .    .  .      .  .   . .  .  .     .   -->
<!doctype html>
<html lang="pt-BR">
            <head>

            
    <!-- PRODUCT FRUITS -->
    <script type="text/javascript">
        (function(w,d,u){
            w.$productFruits = w.$productFruits || [];
            w.productFruits=w.productFruits||{ };w.productFruits.scrV='2';
            let a=d.getElementsByTagName('head')[0];let r=d.createElement('script');r.async=1;r.src=u;a.appendChild(r);
        })(window,document,'https://app.productfruits.com/static/script.js');
    </script>
    <!-- PRODUCT FRUITS END -->
    
            <!-- Google Tag Manager -->
        <script>
            (function(w, d, s, l, i) {
                w[l] = w[l] || [];
                w[l].push({
                    'gtm.start': new Date().getTime(),
                    event: 'gtm.js'
                });
                var f = d.getElementsByTagName(s)[0],
                    j = d.createElement(s),
                    dl = l != 'dataLayer' ? '&l=' + l : '';
                j.async = true;
                j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
                f.parentNode.insertBefore(j, f);
            })(window, document, 'script', 'dataLayer', 'GTM-KSPJGJG8');
        </script>
        <!-- End Google Tag Manager -->
            
        <meta charset="utf-8" />
        <title>Entrar | Ipluc&reg; - Plataforma Única de Crédito Inteligente</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta content="Ipluc - Plataforma Única de Crédito Inteligente" name="description" />
        <meta content="@ipluc" name="author" />
        
        <!-- App favicon -->
        <link rel="shortcut icon" href="/images/favicon.ico">
            <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Sora:wght@300;400;500;600;700&family=Unbounded:wght@400;600&display=swap">

            <!-- owl.carousel css -->
            <link rel="stylesheet" href="/libs/owl.carousel/assets/owl.carousel.min.css">

            <link rel="stylesheet" href="/libs/owl.carousel/assets/owl.theme.default.min.css">
            
            <link href="/libs/sweetalert2/sweetalert2.min.css" rel="stylesheet" type="text/css">
            
            
        <link rel="stylesheet" type="text/css" href="/libs/toastr/build/toastr.min.css">
        
        <!-- Bootstrap Css -->
        <link href="/css/bootstrap.min.css" id="bootstrap-style" rel="stylesheet" type="text/css" />
        <!-- Icons Css -->
        <link href="/css/icons.min.css" rel="stylesheet" type="text/css" />
        <!-- App Css-->
        <link href="/css/app.min.css?v=2" id="app-style" rel="stylesheet" type="text/css" />
        <!-- Custom CSS -->
        <link href="/css/custom.css?v=3" id="app-style" rel="stylesheet" type="text/css" />

        <link href="/css/multiple-styles.css" rel="stylesheet" />
        <link href="/css/virtual-select.min.css" rel="stylesheet" />

        <!-- Sweet Alert-->
        <link href="/libs/sweetalert2/sweetalert2.min.css" rel="stylesheet" type="text/css" />

        <!-- LARGURA EM PERCENTUAL COL-MD-P[PERCENTUAL_INTEIRO] -->
        <link href="/css/col-mdp.css" rel="stylesheet" />

        <style>
            

        </style>


        <!-- Adicionais Head CSS -->
        <link href="/css/adicionais-head.css?v=1" id="app-style" rel="stylesheet" type="text/css" />
        
        <script type="text/javascript">
            var empresa_representante = "ipluc";
            var id_da_empresa = "1";
            var id_do_usuario = "";
        </script>

        <div id="loadingdefault">
            <div class='spinner-chase'>
                <div class='chase-dot'></div>
                <div class='chase-dot'></div>
                <div class='chase-dot'></div>
                <div class='chase-dot'></div>
                <div class='chase-dot'></div>
                <div class='chase-dot'></div>
            </div>
        </div>


            <style>
                :root {
                    --auth-bg: #0c111b;
                    --auth-panel: #0f1726;
                    --auth-card: rgba(12, 18, 32, 0.72);
                    --auth-border: rgba(255, 255, 255, 0.12);
                    --auth-text: #e7edf7;
                    --auth-muted: #9aa8bf;
                    --auth-accent: #2abaff;
                    --auth-accent-2: #2236ff;
                    --auth-highlight: #f5b44c;
                }

                form input[type="text"] {
                    text-transform: lowercase;
                }
                @media (max-width: 576px) {
                    .auth_test {
                        display: none !important
                    }
                }
                #reset{
                    display: none
                }

                body.auth-body-bg {
                    font-family: "Sora", "Segoe UI", sans-serif;
                    background: radial-gradient(1200px 600px at 15% 10%, rgba(33, 214, 200, 0.18), transparent 55%),
                        radial-gradient(900px 500px at 80% 0%, rgba(91, 125, 255, 0.22), transparent 60%),
                        linear-gradient(180deg, #0a0f1a 0%, #0d1322 100%);
                    color: var(--auth-text);
                }
                .auth-shell {
                    min-height: 100vh;
                    align-items: center;
                    justify-content: center;
                    padding: 0;
                }
                .auth-full-bg {
                    position: relative;
                    background: transparent;
                    overflow: hidden;
                    border-right: 0;
                }
                .auth-full-bg .bg-overlay {
                    display: none;
                }
                .auth-hero {
                    position: fixed;
                    left: 48px;
                    bottom: 40px;
                    z-index: 2;
                    max-width: 480px;
                    text-align: left;
                }
                .auth-hero-badge {
                    display: inline-flex;
                    align-items: center;
                    gap: 8px;
                    padding: 6px 14px;
                    border-radius: 999px;
                    background: rgba(33, 214, 200, 0.12);
                    border: 1px solid rgba(33, 214, 200, 0.32);
                    color: var(--auth-text);
                    font-size: 0.78rem;
                    letter-spacing: 0.08em;
                    text-transform: uppercase;
                }
                .auth-hero h1 {
                    font-family: "Unbounded", "Sora", sans-serif;
                    font-weight: 600;
                    font-size: clamp(2rem, 3vw, 3rem);
                    line-height: 1.1;
                    margin-top: 24px;
                    margin-bottom: 18px;
                }
                .auth-hero p {
                    color: var(--auth-muted);
                    font-size: 1rem;
                    margin-bottom: 28px;
                }
                .auth-hero-metrics {
                    display: grid;
                    grid-template-columns: repeat(3, minmax(0, 1fr));
                    gap: 16px;
                }
                .auth-hero-metrics .metric {
                    padding: 14px;
                    border-radius: 14px;
                    background: rgba(255, 255, 255, 0.04);
                    border: 1px solid rgba(255, 255, 255, 0.08);
                    backdrop-filter: blur(6px);
                }
                .auth-hero-metrics .metric strong {
                    display: block;
                    font-size: 1.1rem;
                    color: var(--auth-text);
                }
                .auth-hero-metrics .metric span {
                    font-size: 0.78rem;
                    color: var(--auth-muted);
                }
                .auth-full-page-content {
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    background: transparent;
                    min-height: 100vh;
                    padding: 0;
                }
                .auth-panel {
                    max-width: 420px;
                    margin-left: auto;
                    margin-right: auto;
                }
                .auth-logo-wrap {
                    position: fixed;
                    top: 32px;
                    left: 40px;
                    z-index: 3;
                    margin: 0;
                    text-align: left;
                }
                .auth-logo img {
                    filter: drop-shadow(0 12px 24px rgba(0, 0, 0, 0.35)) brightness(0) invert(1) saturate(0) opacity(0.35);
                }
                .auth-card {
                    background: transparent;
                    border: 0;
                    border-radius: 20px;
                    padding: 28px;
                    box-shadow: none;
                    backdrop-filter: none;
                }
                .auth-card h5 {
                    color: var(--auth-text);
                    font-weight: 600;
                }
                .auth-card .auth-hero {
                    margin-bottom: 18px;
                }
                .auth-card .text-muted {
                    color: var(--auth-muted) !important;
                }
                .form-label {
                    color: var(--auth-text);
                    font-weight: 500;
                }
                .form-control {
                    min-height: calc(1.6em + 1.7rem + 2px);
                    padding: 0.85rem 1.1rem;
                    font-size: 0.95rem;
                    border-radius: 0.75rem;
                    background: rgba(10, 14, 25, 0.8);
                    border: 1px solid rgba(255, 255, 255, 0.12);
                    color: var(--auth-text);
                }
                .form-control:focus {
                    border-color: rgba(33, 214, 200, 0.6);
                    box-shadow: 0 0 0 3px rgba(33, 214, 200, 0.2);
                    background: rgba(10, 14, 25, 0.9);
                    color: var(--auth-text);
                }
                .form-control::placeholder {
                    color: rgba(154, 168, 191, 0.7);
                }
                .auth-card .input-group .form-control {
                    border-right: 0;
                }
                .btn.btn-primary {
                    min-height: calc(1.6em + 1.7rem + 2px);
                    padding: 0.85rem 1.1rem;
                    font-size: 0.95rem;
                    border-radius: 0.75rem;
                    border: 0;
                    background: linear-gradient(135deg, var(--auth-accent-2), var(--auth-accent));
                    box-shadow: 0 8px 20px rgba(42, 186, 255, 0.28);
                }
                .btn.btn-primary:hover {
                    filter: brightness(1.05);
                    transform: translateY(-1px);
                }
                .auth-link {
                    color: var(--auth-accent);
                    text-decoration: none;
                }
                .auth-link:hover {
                    color: var(--auth-highlight);
                }
                .auth-links {
                    display: flex;
                    justify-content: center;
                    gap: 12px;
                    font-size: 0.85rem;
                    margin-bottom: 10px;
                }
                .auth-links .auth-link {
                    color: var(--auth-muted);
                }
                .auth-links .auth-link:hover {
                    color: #e9e9e9;
                }
                .modal.show {
                    display: flex;
                    align-items: center;
                }
                .modal-dialog {
                    margin: auto;
                }
                .modal-content {
                    background: #f8f9fd;
                    border: 1px solid rgba(34, 54, 255, 0.16);
                    border-radius: 18px;
                    box-shadow: 0 24px 50px rgba(15, 23, 38, 0.18);
                    color: #141b2b;
                }
                .modal-header,
                .modal-footer {
                    border-color: rgba(34, 54, 255, 0.08);
                }
                .modal-title {
                    color: #141b2b;
                    font-weight: 600;
                }
                .modal-body p {
                    color: #4a5568;
                }
                .btn-close {
                    filter: none;
                }
                .modal-footer .btn {
                    min-height: calc(1.6em + 1.2rem + 2px);
                    padding: 0.7rem 1.4rem;
                    border-radius: 0.7rem;
                    font-weight: 600;
                }
                .modal-footer .btn-primary,
                .modal-footer .btn-secondary {
                    background: transparent;
                    border: 1px solid rgba(34, 54, 255, 0.4);
                    color: #2236ff;
                    box-shadow: none;
                }
                .modal-footer .btn-secondary,
                .modal-footer .btn-secondary:disabled,
                .modal-footer .btn-secondary.disabled {
                    opacity: 1;
                    border-color: rgba(108, 117, 125, 0.5);
                    color: #6c757d !important;
                }
                .modal-footer .btn-primary:hover,
                .modal-footer .btn-secondary:hover {
                    background: rgba(34, 54, 255, 0.08);
                    border-color: rgba(34, 54, 255, 0.6);
                }
                .auth-link-sep {
                    color: rgba(233, 233, 233, 0.4);
                }
                .auth-footer {
                    color: var(--auth-muted);
                    position: fixed;
                    left: 50%;
                    bottom: 28px;
                    transform: translateX(-50%);
                    z-index: 2;
                }
                .auth-hero-footer {
                    position: fixed;
                    left: 48px;
                    bottom: 40px;
                    z-index: 2;
                    max-width: 520px;
                    font-family: "Unbounded", "Sora", sans-serif;
                    color: #e9e9e9;
                    opacity: 0.55;
                }
                .auth-hero-footer h1 {
                    font-weight: 600;
                    font-size: clamp(2rem, 3vw, 3rem);
                    line-height: 1.1;
                    margin: 0;
                    color: #e9e9e9;
                }
                @media (max-width: 991px) {
                    .auth-full-bg {
                        display: none;
                    }
                    .auth-full-page-content {
                        padding-top: 40px;
                    }
                    .auth-panel {
                        max-width: 100%;
                    }
                    .auth-hero-footer {
                        display: none;
                    }
                }
                @media (max-width: 499px) {
                    .auth-panel {
                        max-width: 100%;
                    }
                    .auth-logo-wrap {
                        top: 20px;
                        left: 20px;
                    }
                    .auth-footer {
                        position: static;
                        transform: none;
                        margin-top: 24px;
                    }
                }
            </style>

        </head>

        <body class="auth-body-bg">
            <!-- Google Tag Manager (noscript) -->
            <noscript>
                <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KSPJGJG8" height="0" width="0" style="display:none;visibility:hidden"></iframe>
            </noscript>
            <!-- End Google Tag Manager (noscript) -->
            <div>
                <div class="container-fluid p-0">
                    <div class="row g-0 auth-shell">
                        <div class="col-12 col-lg-7 col-xl-5">
                            <div class="auth-full-page-content">
                                <div class="auth-panel">
                                    <div class="d-flex flex-column">
                                        <div class="auth-logo-wrap">
                                            <div class="d-block auth-logo">
                                                <img src="/images/ipluc-logo-branco.png" alt="" height="78" class="auth-logo-dark">
                                                <img src="/images/ipluc-logo-branco.png" alt="" height="78" class="auth-logo-light">
                                            </div>
                                        </div>
                                        <div class="auth-card" id="logon">

                                            <div class="auth-hero" style="position: unset;">
                                                <h2 style="color: #e9e9e9;">Que bom ter você aqui</h2>
                                            </div>
                                                                                        <div class="mt-4">
                                                <form method="post" accept-charset="utf-8" id="formidsubmit" action="/users/login">                                                    <div class="mb-3">
                                                        <input type="text" class="form-control" id="login" name="login" placeholder="Informe seu email" value="">
                                                    </div>

                                                    <div class="mb-3">
                                                        <div class="float-end">
                                                            <a href="#" id="resetPassword" class="fw-medium auth-link">Esqueceu a senha?</a>
                                                        </div>
                                                        <div class="input-group auth-pass-inputgroup">
                                                            <input type="password" class="form-control" placeholder="Senha" id="senha" name="senha" value="" aria-label="Password" aria-describedby="password-addon">
                                                            <!-- <button class="btn btn-light " type="button" id="password-addon"><i class="mdi mdi-eye-outline"></i></button> -->
                                                        </div>
                                                    </div>
                                                    <!--
                                                    <div class="form-check">
                                                        <input class="form-check-input" type="checkbox" id="remember-check">
                                                        <label class="form-check-label" for="remember-check">
                                                            Remember me
                                                        </label>
                                                    </div>
                                                    -->
                                                    <div class="mt-3 d-grid">
                                                        <button id="btnLogin" class="btn btn-primary waves-effect waves-light" type="submit">Entrar</button>
                                                    </div>
                                                    <!--
                                                    <div class="mt-4 text-center">
                                                        <h5 class="font-size-14 mb-3">Sign in with</h5>

                                                        <ul class="list-inline">
                                                            <li class="list-inline-item">
                                                                <a href="javascript::void()" class="social-list-item bg-primary text-white border-primary">
                                                                    <i class="mdi mdi-facebook"></i>
                                                                </a>
                                                            </li>
                                                            <li class="list-inline-item">
                                                                <a href="javascript::void()" class="social-list-item bg-info text-white border-info">
                                                                    <i class="mdi mdi-twitter"></i>
                                                                </a>
                                                            </li>
                                                            <li class="list-inline-item">
                                                                <a href="javascript::void()" class="social-list-item bg-danger text-white border-danger">
                                                                    <i class="mdi mdi-google"></i>
                                                                </a>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                    -->
                                                </form>                                                <!--
                                                <div class="mt-5 text-center">
                                                    <p>Don't have an account ? <a href="#" class="fw-medium text-primary"> Signup now </a> </p>
                                                </div>
                                                -->
                                            </div>
                                        </div>
                                        <div class="auth-card" id="reset" >

                                            <div>
                                                <h5>Redefinir senha</h5>
                                                <p class="text-muted">Confirme seu e-mail para receber o link seguro.</p>
                                            </div>

                                            <div class="mt-4">
                                                <div id="alert-msg-password" class="alert alert-success text-center mb-4" role="alert">
                                                Por seguranca, digite o e-mail de Login  para receber o link de redefinicao de senha.
                                                </div>
                                                <div class=" w-100 h-100 mb-3 d-flex flex-column align-items-center bg-white justify-content-center">
                                                    <div id="loader" class="spinner-border text-primary text-center" style="display: none;"  role="status">
                                                        <span class="sr-only">Loading...</span>
                                                    </div>
                                                </div>
                                                <div id="ErrorSize"></div>
                                                <form action="/">

                                                    <div class="mb-3">
                                                        <label for="useremail" class="form-label">Email de login Ipluc</label>
                                                        <input type="email" class="form-control" id="useremail" placeholder="Digite o e-mail">
                                                    </div>


                                                        <button class="btn btn-primary w-100" id="btn-reset" type="button">Enviar</button>
                                                        <button class="btn btn-link w-100 auth-link" id="btn-remember" type="button">Voltar para o login</button>


                                                </form>

                                            </div>
                                        </div>
                                        <div class="mt-4 mt-md-5 text-center auth-footer">
                                            <div class="auth-links">
                                                <a href="https://ipluc.com/termos-de-uso" class="auth-link" target="_blank" rel="noopener">Termos de uso</a>
                                                <span class="auth-link-sep">|</span>
                                                <a href="https://ipluc.com/politica-de-privacidade" class="auth-link" target="_blank" rel="noopener">Politica de privacidade</a>
                                            </div>
                                        </div>
                                        <div class="auth-hero-footer">
                                            <h1>Grandes<br>mudancas<br>estao por vir...</h1>
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- end row -->
                </div>
                <!-- end container-fluid -->
            </div>
            <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
            
        <!-- --------------------- -->
        <!------ VENDOR-SCRIPTS ----->
        <!-- --------------------- -->

        <!-- JAVASCRIPT -->
        <script src="/libs/jquery/jquery.min.js"></script>
        <script src="/libs/bootstrap/js/bootstrap.bundle.min.js"></script>
        <script src="/libs/metismenu/metisMenu.min.js"></script>
        <script src="/libs/simplebar/simplebar.min.js"></script>
        <script src="/libs/node-waves/waves.min.js"></script>
        <script src="/libs/verifica-preenchimento/verifica-preenchimento.js"></script>
        <!-- toastr plugin -->
        <script src="/libs/toastr/build/toastr.min.js"></script>

        <script src="/js/view/exportar.js"></script>
        <!-- --------------------- -->
        <!---- VENDOR-SCRIPTS END --->
        <!-- --------------------- -->
                    <!-- owl.carousel js -->
            <script src="/libs/owl.carousel/owl.carousel.min.js"></script>

            <!-- auth-2-carousel init -->
            <script src="/js/pages/auth-2-carousel.init.js"></script>

            <script src="/js/pages/sweet-alert2.js"></script>
            <script src="/js/pages/sweet-alerts.init.js"></script>

            <!-- App js -->
            <script src="/js/app.js?v=1767149672"></script>
            
            <div class="modal fade" id="modal_sessao_ativa" tabindex="-1" aria-labelledby="modal-menuLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="modal-menuLabel">Sessão Ativa</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div id="mycheckboxes" class="modal-body ">
                <h5></h5>
                <p>
                    Essa conta encontra-se com sessão uma ativa em outra estação.
                    Deseja desconectar a sessão ativa e iniciar uma nova conexão aqui?
                </p>
            </div>
            <div class="modal-footer">
                <button type="button" onclick="submitFunction()" class="btn btn-primary w-md">Entrar</button>
                <button type="button" class="btn btn-secondary w-md" data-bs-dismiss="modal">Cancelar</button>
            </div>

            </div>
    </div>
</div>

<div class="modal fade" id="modal_login_proibido" tabindex="-1" aria-labelledby="modal-menuLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="modal-menuLabel">Login Não Autorizado</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div id="mycheckboxes" class="modal-body ">
                <h5></h5>
                <p>
                    Login Não Autorizado para esse horário ou localidade.
                </p>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary w-md" data-bs-dismiss="modal">OK</button>
            </div>

            </div>
    </div>
</div>

<script>

    let ipCliente;

    $(function () {
        fetch('https://api.ipify.org?format=json')
            .then(response => response.json())
            .then(data => {
                ipCliente = data.ip;
            })
            .catch(() => {
                console.warn("Não foi possível capturar o IP");
            });
    });

    $(document).ready(function(){
        $('#btnLogin').click(function(){
            event.preventDefault();
            var login = $('#login').val().toLowerCase();
            var senha = $('#senha').val();
            $.ajax({
                dataType:"json",
                type: "POST",
                url: '/users/loginajax',
                data: {login: login, senha: senha, ip:ipCliente},
                success: function(data) {

                    if(data["resposta"] == 'SESSAO_ATIVA'){
                        $('#modal_sessao_ativa').modal('show');
                        
                    } else if(data["resposta"] == 'LOGIN_NAO_AUTORIZADO'){
                        $('#modal_login_proibido').modal('show');

                    } else{

                        $('#login').val(login)
                        document.getElementById('formidsubmit').submit();
                    }

                }
            });
        });
        $('#resetPassword').on("click",function(){
                $("#logon").hide()
                $("#reset").show()
        })
        $('#btn-remember').on("click",function(){
                $("#logon").show()
                $("#reset").hide()
        })

        $('#btn-reset').on("click",function(){
            event.preventDefault();
            var email = $('#useremail').val();
            $.ajax({
                dataType:"json",
                type: "POST",
                url: '/users/esqueci-minha-senha',
                data: {email: email},
                beforeSend: function() {
                    $( "#alert-msg-password" ).remove();
                    $( ".alert-dismissible" ).remove();
                    $('#loader').show();
                },
                success: function(data) {

                    if(data.resposta == true){
                        success = ' <div class="alert alert-success alert-dismissible fade show" role="alert">'+
                                    'Um link para resetar sua senha foi enviado para o seu e-mail, por favor checar sua caixa de entrada, olhe também na sua caixa de SPAM.'+
                                    '<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>'+
                                '</div>';
                        $("#ErrorSize").html(success)
                        $("#btn-reset").prop("disabled",true);
                    }else if(data.resposta == false){
                        error = ' <div class="alert alert-danger alert-dismissible fade show" role="alert">'+
                                    '<i class="mdi mdi-block-helper me-2"></i>'+
                                    'E-mail não encontrado.'+
                                    '<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>'+
                                '</div>';
                        $("#ErrorSize").html(error)
                    }else if(data.resposta == 'erro_servico'){
                        error = ' <div class="alert alert-danger alert-dismissible fade show" role="alert">'+
                                    '<i class="mdi mdi-block-helper me-2"></i>'+
                                    'Erro de serviço de Email. Tente novamente mais tarde.'+
                                    '<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>'+
                                '</div>';
                        $("#ErrorSize").html(error)

                    }


                },
                complete: function(){
                    $('#loader').hide();
                },
                error: function(resposta){
                    error = ' <div class="alert alert-danger alert-dismissible fade show" role="alert">'+
                                    '<i class="mdi mdi-block-helper me-2"></i>'+
                                    'Erro de comunicação com o servidor. Por favor, contate a central de atendimento.'+
                                    '<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>'+
                                '</div>';
                        $("#ErrorSize").html(error)
                }
            });
        })

    });

    function submitFunction() {
        var login = $('#login').val().toLowerCase();
        $('#login').val(login)
        document.getElementById('formidsubmit').submit();
    }
</script>
            <script>
                $(document).ready(function(){
                    $('#resetPassword').on('click', function(){
                        var loginEmail = $('#login').val();
                        if (loginEmail) {
                            $('#useremail').val(loginEmail);
                        }
                    });
                });
            </script>
            
        </body>
    </html>