<!DOCTYPE html>
<html lang="tr" class="js">

<head>
    <base href="https://www.b2bmeliketatar.artipartners.net/">
    <meta charset="utf-8">
    <meta name="author" content="Artı Partners Yazılım ve Danışmanlık">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="B2B Giriş Paneli">
    <link rel="shortcut icon" href="./images/favicon.png">
    <title>B2B Giriş</title>
    <link rel="stylesheet" href="https://www.b2bmeliketatar.artipartners.net/kullanici/goruntu/tasarim/assets/css/dashlite.css">
    <link id="skin-default" rel="stylesheet" href="https://www.b2bmeliketatar.artipartners.net/kullanici/goruntu/tasarim/assets/css/theme.css">
</head>

<body class="nk-body bg-white npc-general pg-auth">
    <div class="nk-app-root">
        <div class="nk-main ">
            <div class="nk-wrap nk-wrap-nosidebar">
                <div class="nk-content ">
                    <div class="nk-block nk-block-middle nk-auth-body wide-xs">
                        <div class="brand-logo pb-4 text-center">
                            <a href="https://www.b2bmeliketatar.artipartners.net/" class="logo-link">
                                <img class="logo-img" src="https://www.b2bmeliketatar.artipartners.net/kullanici/goruntu/tasarim/images/logo.png" alt="B2B">
                            </a>
                        </div>
                        <div class="card card-bordered">
                            <div class="card-inner card-inner-lg">

                                <!-- ========== GİRİŞ FORMU ========== -->
                                <div id="b2b_giris_bolum" style="display:block">
                                    <div class="nk-block-head">
                                        <div class="nk-block-head-content">
                                            <h4 class="nk-block-title">B2B Giriş</h4>
                                            <div class="nk-block-des">
                                                <p>Müşteri kodunuz ve şifreniz ile giriş yapın.</p>
                                            </div>
                                        </div>
                                    </div>
                                    <form method="post" action="https://www.b2bmeliketatar.artipartners.net/tr/giris" autocomplete="off">
                                        <div class="form-group">
                                            <div class="form-label-group">
                                                <label class="form-label" for="cari_kodu">Müşteri Kodu</label>
                                            </div>
                                            <div class="form-control-wrap">
                                                <input type="text" class="form-control form-control-lg" id="cari_kodu" name="cari_kodu" placeholder="Müşteri kodunuzu giriniz" value="" autocomplete="off" required>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <div class="form-label-group">
                                                <label class="form-label" for="sifre">Şifre</label>
                                            </div>
                                            <div class="form-control-wrap">
                                                <a href="#" class="form-icon form-icon-right passcode-switch lg" data-target="sifre">
                                                    <em class="passcode-icon icon-show icon ni ni-eye"></em>
                                                    <em class="passcode-icon icon-hide icon ni ni-eye-off"></em>
                                                </a>
                                                <input type="password" class="form-control form-control-lg" id="sifre" name="sifre" placeholder="Şifrenizi giriniz" autocomplete="off" required>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <div style="display:flex; justify-content: space-between; align-items: center;">
                                                <div style="display:flex; align-items: center; gap: 8px;">
                                                    <div class="custom-control custom-control-sm custom-switch">
                                                        <input name="beni_hatirla" value="1" id="beni_hatirla" checked type="checkbox" class="custom-control-input">
                                                        <label class="custom-control-label" for="beni_hatirla"></label>
                                                    </div>
                                                    <span class="fw-bold" style="font-size:13px; letter-spacing:0.5px;">Beni Hatırla</span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <button class="btn btn-lg btn-primary btn-block">Giriş Yap</button>
                                        </div>
                                    </form>
                                    <div class="text-center mt-3">
                                        <p class="text-soft">İlk kez mi giriş yapıyorsunuz? <a href="javascript:;" onclick="b2bSifreAlGoster()" class="link link-primary fw-bold">Şifre Oluşturun</a></p>
                                        <p class="text-soft mt-1"><a href="javascript:;" onclick="b2bSifreSifirlamaGoster()" class="link link-warning"><em class="icon ni ni-lock-alt"></em> Şifremi Unuttum</a></p>
                                    </div>
                                </div>

                                <!-- ========== ŞİFRE OLUŞTURMA FORMU ========== -->
                                <div id="b2b_sifre_bolum" style="display:none">
                                    <div class="nk-block-head">
                                        <div class="nk-block-head-content">
                                            <h4 class="nk-block-title">Şifre Oluşturun</h4>
                                            <div class="nk-block-des">
                                                <p>Müşteri kodunuzu girin ve kendinize bir şifre belirleyin.</p>
                                            </div>
                                        </div>
                                    </div>
                                    <form method="post" action="https://www.b2bmeliketatar.artipartners.net/tr/giris" autocomplete="off">
                                        <input type="hidden" name="b2b_islem" value="sifre_olustur">
                                        <div class="form-group">
                                            <div class="form-label-group">
                                                <label class="form-label" for="cari_kodu_sifre">Müşteri Kodu</label>
                                            </div>
                                            <div class="form-control-wrap">
                                                <input type="text" class="form-control form-control-lg" id="cari_kodu_sifre" name="cari_kodu" placeholder="Müşteri kodunuzu giriniz" value="" autocomplete="off" required>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <div class="form-label-group">
                                                <label class="form-label" for="yeni_sifre">Yeni Şifre</label>
                                            </div>
                                            <div class="form-control-wrap">
                                                <a href="#" class="form-icon form-icon-right passcode-switch lg" data-target="yeni_sifre">
                                                    <em class="passcode-icon icon-show icon ni ni-eye"></em>
                                                    <em class="passcode-icon icon-hide icon ni ni-eye-off"></em>
                                                </a>
                                                <input type="password" class="form-control form-control-lg" id="yeni_sifre" name="yeni_sifre" placeholder="En az 6 karakter" minlength="6" autocomplete="off" required>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <div class="form-label-group">
                                                <label class="form-label" for="yeni_sifre_tekrar">Şifre Tekrar</label>
                                            </div>
                                            <div class="form-control-wrap">
                                                <a href="#" class="form-icon form-icon-right passcode-switch lg" data-target="yeni_sifre_tekrar">
                                                    <em class="passcode-icon icon-show icon ni ni-eye"></em>
                                                    <em class="passcode-icon icon-hide icon ni ni-eye-off"></em>
                                                </a>
                                                <input type="password" class="form-control form-control-lg" id="yeni_sifre_tekrar" name="yeni_sifre_tekrar" placeholder="Şifreyi tekrar girin" minlength="6" autocomplete="off" required>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <button class="btn btn-lg btn-success btn-block">Şifre Oluştur</button>
                                        </div>
                                    </form>
                                    <div class="text-center mt-3">
                                        <p class="text-soft">Zaten hesabınız var mı? <a href="javascript:;" onclick="b2bGirisGoster()" class="link link-primary fw-bold">Giriş Yapın</a></p>
                                    </div>
                                </div>

                                <!-- ========== ŞİFRE SIFIRLAMA BÖLÜMÜ ========== -->
                                <div id="b2b_sifre_sifirlama_bolum" style="display:none">
                                    <div class="nk-block-head">
                                        <div class="nk-block-head-content">
                                            <h4 class="nk-block-title" id="ss_baslik">Şifre Sıfırlama</h4>
                                            <div class="nk-block-des">
                                                <p id="ss_aciklama">Müşteri kodunuzu girin, kayıtlı e-posta adresinize doğrulama kodu göndereceğiz.</p>
                                            </div>
                                        </div>
                                    </div>

                                    <!-- Adım 1: Cari kodu gir -->
                                    <div id="ss_adim1">
                                        <div class="form-group">
                                            <label class="form-label" for="ss_cari_kodu">Müşteri Kodu</label>
                                            <div class="form-control-wrap">
                                                <input type="text" class="form-control form-control-lg" id="ss_cari_kodu" placeholder="Müşteri kodunuzu giriniz" autocomplete="off">
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <button class="btn btn-lg btn-warning btn-block" onclick="ssSifreSifirlamaKodGonder()" id="ss_kod_gonder_btn">
                                                <em class="icon ni ni-mail"></em> <span>Doğrulama Kodu Gönder</span>
                                            </button>
                                        </div>
                                    </div>

                                    <!-- Adım 2: Doğrulama kodu gir -->
                                    <div id="ss_adim2" style="display:none">
                                        <div class="alert alert-info alert-icon mb-3" id="ss_iletisim_bilgi">
                                            <em class="icon ni ni-info"></em> <span>Kod gönderildi.</span>
                                        </div>
                                        <div class="form-group">
                                            <label class="form-label" for="ss_kod">Doğrulama Kodu</label>
                                            <div class="form-control-wrap">
                                                <input type="text" class="form-control form-control-lg text-center" id="ss_kod" placeholder="6 haneli kod" maxlength="6" style="letter-spacing:8px;font-size:24px;font-weight:bold;" autocomplete="off">
                                            </div>
                                            <p class="form-note mt-1 text-danger"><em class="icon ni ni-clock"></em> Kod 5 dakika geçerlidir.</p>
                                        </div>
                                        <div class="form-group">
                                            <button class="btn btn-lg btn-primary btn-block" onclick="ssSifreSifirlamaKodDogrula()" id="ss_dogrula_btn">
                                                <em class="icon ni ni-check-circle"></em> <span>Kodu Doğrula</span>
                                            </button>
                                        </div>
                                        <div class="text-center mt-2">
                                            <a href="javascript:;" onclick="ssSifreSifirlamaKodGonder()" class="link text-soft">Kodu tekrar gönder</a>
                                        </div>
                                    </div>

                                    <!-- Adım 3: Yeni şifre belirle -->
                                    <div id="ss_adim3" style="display:none">
                                        <div class="form-group">
                                            <label class="form-label" for="ss_yeni_sifre">Yeni Şifre</label>
                                            <div class="form-control-wrap">
                                                <input type="password" class="form-control form-control-lg" id="ss_yeni_sifre" placeholder="En az 4 karakter" minlength="4" autocomplete="new-password">
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="form-label" for="ss_yeni_sifre_tekrar">Şifre Tekrar</label>
                                            <div class="form-control-wrap">
                                                <input type="password" class="form-control form-control-lg" id="ss_yeni_sifre_tekrar" placeholder="Şifreyi tekrar girin" minlength="4" autocomplete="new-password">
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <button class="btn btn-lg btn-success btn-block" onclick="ssSifreSifirlamaGuncelle()" id="ss_guncelle_btn">
                                                <em class="icon ni ni-shield-check"></em> <span>Şifreyi Güncelle</span>
                                            </button>
                                        </div>
                                    </div>

                                    <div class="text-center mt-3">
                                        <p class="text-soft"><a href="javascript:;" onclick="b2bGirisGoster()" class="link link-primary fw-bold"><em class="icon ni ni-arrow-left"></em> Giriş Ekranına Dön</a></p>
                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>
                    <div class="nk-footer nk-auth-footer-full">
                        <div class="container wide-lg">
                            <div class="row g-3">
                                <div class="col-lg-6">
                                    <div class="nk-block-content text-center text-lg-left">
                                        <p class="text-soft">&copy; 2026 Artı Partners Yazılım ve Danışmanlık.</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script src="https://www.b2bmeliketatar.artipartners.net/kullanici/goruntu/tasarim/assets/js/bundle.js"></script>
    <script src="https://www.b2bmeliketatar.artipartners.net/kullanici/goruntu/tasarim/assets/js/scripts.js"></script>
    <script>
    function b2bSifreAlGoster() {
        document.getElementById("b2b_giris_bolum").style.display = "none";
        document.getElementById("b2b_sifre_bolum").style.display = "block";
    }
    function b2bGirisGoster() {
        document.getElementById("b2b_sifre_bolum").style.display = "none";
        document.getElementById("b2b_sifre_sifirlama_bolum").style.display = "none";
        document.getElementById("b2b_giris_bolum").style.display = "block";
    }
    function b2bSifreSifirlamaGoster() {
        document.getElementById("b2b_giris_bolum").style.display = "none";
        document.getElementById("b2b_sifre_bolum").style.display = "none";
        document.getElementById("b2b_sifre_sifirlama_bolum").style.display = "block";
        // Adım 1e resetle
        document.getElementById("ss_adim1").style.display = "block";
        document.getElementById("ss_adim2").style.display = "none";
        document.getElementById("ss_adim3").style.display = "none";
    }

    // Şifre sıfırlama: Adım 1 - Kod gönder
    var ss_cari_kodu_gecici = "";
    var ss_kod_gecici = "";

    function ssSifreSifirlamaKodGonder() {
        var cariKodu = document.getElementById("ss_cari_kodu").value.trim();
        if (!cariKodu) { Swal.fire("Uyarı", "Müşteri kodunu giriniz.", "warning"); return; }

        var btn = document.getElementById("ss_kod_gonder_btn");
        btn.disabled = true;
        btn.innerHTML = '<em class="icon ni ni-loader"></em> <span>Gönderiliyor...</span>';

        var fd = new FormData();
        fd.append("sayfa_ic", "sifre_sifirlama");
        fd.append("islem", "kod_gonder");
        fd.append("cari_kodu", cariKodu);

        fetch("https://www.b2bmeliketatar.artipartners.net/tr/giris", { method: "POST", body: fd })
        .then(r => r.json())
        .then(function(d) {
            btn.disabled = false;
            btn.innerHTML = '<em class="icon ni ni-mail"></em> <span>Doğrulama Kodu Gönder</span>';
            if (d.durum === "basarili") {
                ss_cari_kodu_gecici = cariKodu;
                var bilgi = "";
                if (d.iletisim && d.iletisim.eposta) bilgi += "E-posta: " + d.iletisim.eposta;
                if (d.iletisim && d.iletisim.telefon) bilgi += (bilgi ? " | " : "") + "Telefon: " + d.iletisim.telefon;
                document.getElementById("ss_iletisim_bilgi").innerHTML = '<em class="icon ni ni-info"></em> <span>' + d.mesaj + (bilgi ? "<br><small>" + bilgi + "</small>" : "") + "</span>";
                document.getElementById("ss_adim1").style.display = "none";
                document.getElementById("ss_adim2").style.display = "block";
                document.getElementById("ss_kod").focus();
            } else {
                Swal.fire("Hata", d.mesaj, "error");
            }
        })
        .catch(function() {
            btn.disabled = false;
            btn.innerHTML = '<em class="icon ni ni-mail"></em> <span>Doğrulama Kodu Gönder</span>';
            Swal.fire("Hata", "Bağlantı hatası.", "error");
        });
    }

    // Şifre sıfırlama: Adım 2 - Kod doğrula
    function ssSifreSifirlamaKodDogrula() {
        var kod = document.getElementById("ss_kod").value.trim();
        if (!kod || kod.length !== 6) { Swal.fire("Uyarı", "6 haneli doğrulama kodunu giriniz.", "warning"); return; }

        var btn = document.getElementById("ss_dogrula_btn");
        btn.disabled = true;

        var fd = new FormData();
        fd.append("sayfa_ic", "sifre_sifirlama");
        fd.append("islem", "kod_dogrula");
        fd.append("cari_kodu", ss_cari_kodu_gecici);
        fd.append("kod", kod);

        fetch("https://www.b2bmeliketatar.artipartners.net/tr/giris", { method: "POST", body: fd })
        .then(r => r.json())
        .then(function(d) {
            btn.disabled = false;
            if (d.durum === "basarili") {
                ss_kod_gecici = kod;
                document.getElementById("ss_adim2").style.display = "none";
                document.getElementById("ss_adim3").style.display = "block";
                document.getElementById("ss_baslik").innerText = "Yeni Şifre Belirleyin";
                document.getElementById("ss_aciklama").innerText = "Yeni şifrenizi girin.";
                document.getElementById("ss_yeni_sifre").focus();
            } else {
                Swal.fire("Hata", d.mesaj, "error");
            }
        })
        .catch(function() { btn.disabled = false; Swal.fire("Hata", "Bağlantı hatası.", "error"); });
    }

    // Şifre sıfırlama: Adım 3 - Şifre güncelle
    function ssSifreSifirlamaGuncelle() {
        var yeniSifre = document.getElementById("ss_yeni_sifre").value;
        var yeniSifreTekrar = document.getElementById("ss_yeni_sifre_tekrar").value;
        if (!yeniSifre || yeniSifre.length < 4) { Swal.fire("Uyarı", "Şifre en az 4 karakter olmalıdır.", "warning"); return; }
        if (yeniSifre !== yeniSifreTekrar) { Swal.fire("Uyarı", "Şifreler uyuşmuyor.", "warning"); return; }

        var btn = document.getElementById("ss_guncelle_btn");
        btn.disabled = true;

        var fd = new FormData();
        fd.append("sayfa_ic", "sifre_sifirlama");
        fd.append("islem", "sifre_guncelle");
        fd.append("cari_kodu", ss_cari_kodu_gecici);
        fd.append("kod", ss_kod_gecici);
        fd.append("yeni_sifre", yeniSifre);
        fd.append("yeni_sifre_tekrar", yeniSifreTekrar);

        fetch("https://www.b2bmeliketatar.artipartners.net/tr/giris", { method: "POST", body: fd })
        .then(r => r.json())
        .then(function(d) {
            btn.disabled = false;
            if (d.durum === "basarili") {
                Swal.fire({ title: "Başarılı!", text: d.mesaj, icon: "success", confirmButtonText: "Giriş Yap" }).then(function() {
                    b2bGirisGoster();
                    document.getElementById("cari_kodu").value = ss_cari_kodu_gecici;
                    document.getElementById("sifre").focus();
                });
            } else {
                Swal.fire("Hata", d.mesaj, "error");
            }
        })
        .catch(function() { btn.disabled = false; Swal.fire("Hata", "Bağlantı hatası.", "error"); });
    }
    </script>
</html>