﻿<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Netlastik | EkÅŸili Otomotiv</title>
    <meta name="description" content="">
    <meta name="keywords" content="netlastik, lastik bayi, kÄ±ÅŸlÄ±k lastikler, yazlÄ±k lastikler, dÃ¶rt mevsim lastikler">
    <base href="https://www.netlastik.com/" />
    <link rel="icon" type="image/png" href="upload/images/logo/netlastik-favicon.png">

    <!-- Global stylesheets -->
    <link href="https://fonts.googleapis.com/css?family=Roboto:400,300,100,500,700,900" rel="stylesheet" type="text/css">
    <link href="assets/css/icons/icomoon/styles.css" rel="stylesheet" type="text/css">
    <link href="assets/css/icons/fontawesome/styles.min.css" rel="stylesheet" type="text/css">
    <link href="assets/css/bootstrap.min.css" rel="stylesheet" type="text/css">
    <link href="assets/css/core.min.css" rel="stylesheet" type="text/css">
    <link href="assets/css/components.min.css" rel="stylesheet" type="text/css">
    <link href="assets/css/colors.min.css" rel="stylesheet" type="text/css">
    <!-- /global stylesheets -->

    <!-- Custom stylesheets for page -->
        <!-- /Custom stylesheets -->

    <!-- Core JS files -->
    <script type="text/javascript" src="assets/js/plugins/loaders/pace.min.js"></script>
    <script type="text/javascript" src="assets/js/core/libraries/jquery.min.js"></script>
    <script type="text/javascript" src="assets/js/core/libraries/bootstrap.min.js"></script>
    <script type="text/javascript" src="assets/js/plugins/loaders/blockui.min.js"></script>
    <script type="text/javascript" src="assets/js/plugins/notifications/jgrowl.min.js"></script>
    <script type="text/javascript" src="assets/js/jquery.mask.min.js"></script>



    <!-- /core JS files -->

    <!-- Theme JS files -->
    <script type="text/javascript" src="assets/js/core/app.js"></script>
    <!-- /theme JS files -->

    <script type="text/javascript">
        var base_url = 'https://www.netlastik.com/';
    </script>

    <!-- Custom scripts for page -->
    <script type='text/javascript' src='https://www.netlastik.com/assets/js/plugins/forms/styling/uniform.min.js' charset='utf-8'></script>
<script type='text/javascript' src='https://www.netlastik.com/assets/js/pages/auth.js' charset='utf-8'></script>
    <!-- /Custom scripts -->
    <style>
        .page-container {
            position: relative;
            padding: 20px 20px;
            padding-bottom: 60px;
        }

        .navbar-bottom .page-container, .navbar-bottom-lg .page-container, .navbar-bottom-sm .page-container, .navbar-bottom-xs .page-container {
            padding-bottom: 20px;
        }

        @media (min-width: 769px) {
            .navbar, .page-container, .page-header-content {
                padding-left: 65px;
                padding-right: 65px;
            }

            .page-container {
                width: 100%;
                display: table;
                table-layout: fixed;
            }
        }

        @media (min-width: 1366px) {
            .navbar, .page-container, .page-header-content {
                padding-left: 130px;
                padding-right: 130px;
            }
        }

        .help{
            color: #999;
            font-size: 10px;
            font-weight: normal;
            font-family: Verdana, Geneva, sans-serif;
            display: block;
            line-height: 15px;
        }
    </style>
</head>
<body  >
<!-- Page container -->
<div class="page-container login-container">

    <!-- Page content -->
    <div class="page-content">

        <link href="assets/css/login-sms.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css"
      integrity="sha512-Kc323vGBEqzTmouAECnVceyQqyqdsSiqLQISBL29aUW4U/M7pSPA/gEUZQqv1cwx4OnYxTxve5UMg5GT6L4JJg=="
      crossorigin="anonymous" referrerpolicy="no-referrer"/>
<!--<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet"-->
<!--      integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">-->
<!--<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"-->
<!--        integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz"-->
<!--        crossorigin="anonymous"></script>-->
<!--<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.8/dist/umd/popper.min.js"-->
<!--        integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r"-->
<!--        crossorigin="anonymous"></script>-->
<!--<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.min.js"-->
<!--        integrity="sha384-0pUGZvbkm6XF6gxjEnlmuGrJXVbNuzT9qBBavbLwCsOGabYfZo0T0to5eqruptLy"-->
<!--        crossorigin="anonymous"></script>-->
<script src="https://www.netlastik.com/assets/js/dropzone.js"></script>
<script src="https://www.netlastik.com/assets/js/sweetalert2.js"></script>



<style>
    .phone_block i {
        -webkit-text-fill-color: #fff;
        -webkit-text-stroke: 1px #000;
        font-size: 16px;
    }
    .logn-effect{
        position: relative;
    }
    .logn-effect{
        border: 1px solid #ccc;
        padding: 7px 14px;
        transition: 0.4s;
        background: transparent;

    }

    .logn-effect ~ .focus-border:before,
    .logn-effect ~ .focus-border:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 0;
        height: 2px;
        background-color: #002d49;
        transition: 0.3s;

    }

    .logn-effect ~ .focus-border:after {
        top: auto;
        bottom: 0;
        left: auto;
        right: 0;

    }

    .logn-effect ~ .focus-border i:before,
    .logn-effect ~ .focus-border i:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 2px;
        height: 0;
        background-color: #002d49;
        transition: 0.4s;
    }

    .logn-effect ~ .focus-border i:after {
        left: auto;
        right: 0;
        top: auto;
        bottom: 0;
    }

    .logn-effect:focus ~ .focus-border:before,
    .logn-effect:focus ~ .focus-border:after,
    .has-content.logn-effect ~ .focus-border:before,
    .has-content.logn-effect ~ .focus-border:after {
        width: 100%;
        transition: 0.3s;

    }

    .logn-effect:focus ~ .focus-border i:before,
    .logn-effect:focus ~ .focus-border i:after,
    .has-content.logn-effect ~ .focus-border i:before,
    .has-content.logn-effect ~ .focus-border i:after {
        height: 100%;
        transition: 0.4s;

    }

    .logn-effect ~ label {
        position: absolute;
        left: 14px;
        width: 100%;
        top: 10px;
        color: #aaa;
        transition: 0.3s;
        z-index: -1;
        letter-spacing: 0.5px;

    }

    .logn-effect:focus ~ label,
    .has-content.logn-effect ~ label {
        top: -18px;
        left: 0;
        font-size: 12px;
        color: #002d49;
        transition: 0.3s;

    }
</style>

<style>
    .hide_login{
        display: none;
    }
    .phone_block{
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        margin-top: 24px;
        min-width: 100% !important;
        -webkit-box-align: center;
        border-radius: 8px;
        box-sizing: border-box;
        cursor: pointer;
        font-stretch: normal;
        font-style: normal;
        font-weight: 600;
        -webkit-box-pack: center;
        outline: none;
        padding: 8px;
        position: relative;
        text-decoration: none;
        background-color: rgb(255, 255, 255);
        color: rgb(72, 72, 72);
        font-size: 12px;
        height: 32px;
        border: 2px solid rgb(204, 204, 204);
    }
</style>





    <style>
        .input-group-btn button {
            padding: 5px;
            background: white;
            border-radius: 4px;
        }

        .ml_lgn_wrp {
            display: flex;
            width: 100%;
            justify-content: center;
            margin: 0;
            height: 500px;
        }

        .ml_lgn_inr {
            width: 100%;
            max-width: 600px;
        }

        .file-input.file-input-new {
            display: none;
        }


        .glyphicon.glyphicon-trash {
            color: red;
        }

        .checker, .checker span, .checker input {
            width: 16px !important;
            height: 16px !important;
        }

        .info_box_content {
            position: absolute;
            right: -2px;
            top: 5px;
            transform: translateX(103%);
            border: 1px solid #ddd;
            padding: 14px;
            z-index: 9;
            background: #fff;
            border-radius: 50px;
            opacity: 1;
            transition: .3s ease-in;
        }

        @media (max-width: 1025px) {
            .logo-copy {
                bottom: -40px !important;
            }
        }

        .info_box_content_2 {
            position: absolute;
            right: -2px;
            top: 0px;
            transform: translateX(103%);
            border: 1px solid #ddd;
            padding: 14px;
            z-index: 9;
            background: #fff;
            border-radius: 50px;
            opacity: 1;
            transition: .3s ease-in;
            max-width: 340px
        }

        .hidden_content {
            transform: translateX(80%);
            opacity: 0;
            display: none
        }

        input:-internal-autofill-selected {
            background-color: #fff !important
        }

        #info_box {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            right: -35px;
            color: #a7a7a7;
            width: 24px;
            height: 24px;
            padding: 2px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border-radius: 50px;
            border: 1px solid #a7a7a7;
            font-size: 13px;
        }

        .margin-top-set {
            position: relative;
            bottom: -50px;
            padding: 20px 0px;
        }

        .custom-control.custom-checkbox {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 0px 10px;
            margin-bottom: 15px;
            margin-top: 15px;
        }

        .login_input_title {
            font-size: 20px;
            margin-bottom: 15px;
        }

        @media (min-width: 768px) and (max-width: 1023px) {
            .min-vh-100 {
                height: 100vh;
            }

            .info_box_content {
                display: none;
            }

            .info_box_content_2 {
                display: none;
            }

            .h100 {
                height: 100%;
                display: flex;
                flex-direction: column;
                justify-content: center;
            }

        }

        @media (min-width: 1024px) and (max-width: 1365px) {
            .min-vh-100 {
                height: 100vh;
            }

            .scroll-set img {
                margin-top: 50px;
            }

            .h100 {
                height: 100%;
                display: flex;
                flex-direction: column;
                justify-content: center;
            }

            .logo-copy {
                bottom: -50px !important;
            }

            .copy-text {
                font-size: 14px !important;
            }
        }

        .for-shield svg {
            display: inline-block;

        }

        .toogle_kit {
            -webkit-text-fill-color: transparent;
            -webkit-text-stroke: 1px #a7a7a7;
            -webkit-text-stroke-width: 1px;
            -webkit-text-stroke-color: rgb(167, 167, 167);
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            right: 19px;
            font-size: 18px;
            color: #a7a7a7;
        }

        #togglePassword {
            position: absolute;
            top: 14px;
            transform: translateY(0%);
            right: 19px;
            font-size: 18px;
            color: #a7a7a7;
        }

        .history-site-btn {
            background: transparent;
            color: #CD4D35;
            display: inline-block;
            padding: 10px 46px;
            font-size: 18px;
            font-weight: 500;
            margin-top: 0px;
            position: relative;
            border: 2px solid #CD4D35;
            border-radius: 50px;

        }

        .has-feedback-left .form-control {
            padding-right: 12px;
            padding-left: 16px;
        }

        .history-site-btn:hover {
            background-color: #CD4D35;
            color: #fff;
        }

        .history-site-title {
            font-size: 23px;
            font-weight: 500;
            margin-bottom: 5px;
        }

        .history-site-desc {
            font-size: 14px;
        }

        .scroll-set img {
            width: 100%;
            max-height: 100vh;
        }

        .history-site-title span {
            color: #002d49;
        }

        .mt-4.text-center {
            margin-top: 10px;
        }

        .authentication-page-content .btn-danger {
            font-size: 16px;
            padding: 7px 20px;
        }

        .text-mutedd {
            color: #C12102;
            font-size: 14px;
            display: block;
            font-weight: 600;
            text-decoration: underline #C12102;
        }

        .custom-checkbox label {
            color: #24599F;
            font-size: 14px;
            font-weight: 600;
            margin-bottom: 0px;
            padding-left: 5px;
        }

        .banklogo {
            margin-top: 30px;
            text-align: center;
        }

        .banklogo img {
            display: inline;
        }

        .authentication-page-content .font-size-18 {
            font-size: 26px;
            color: #000;
            margin-top: 30px
        }

        .authentication-page-content .text-muted {
            color: #000000;
            font-size: 15px;
            margin-top: -5px;
            font-weight: 500;
            margin-bottom: 30px;
        }

        .logo-copy {
            position: absolute;
            width: 100%;
            bottom: -120px;
            justify-content: center;
            align-items: center;
            display: flex;
        }

        .logo-copy img {
            max-height: 32px;
            max-width: 120px;
            position: relative;
            top: -3px;
            filter: grayscale(1);
            display: flex;
            align-items: center;
        }

        .logo-copy img:hover {
            filter: unset;
        }

        .copy-text-outer {
            text-align: center;
            margin-top: 10px;
        }

        .mt-55 {
            margin-top: 40px;
        }

        .auth-form-group-custom .auti-custom-input-icon {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            right: 20px;
            font-size: 30px;
            color: #afabab;
        }

        .mb-4, .my-4 {
            margin-bottom: 2rem !important;
        }

        .waves-effect.waves-light {
            background-color: #002d49;
            border-color: #002d49;
            border: 2px solid;
            font-size: 20px;
            padding: 12px 20px;
            width: 100%;
            border-radius: 10px;
            box-shadow: none !important;
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: center;
            line-height: 27px;
            color: #fff;
        }

        .waves-effect.waves-light:hover {
            background-color: #116511;
            color: #fff;
        }

        .auth-form-group-custom .form-control {
            height: 45px;
            padding-top: 0px;
            padding-bottom: 0px;

            padding-left: 15px !important;
            border-radius: 7px;
            background: #F4F4F4;
            border: none;
            font-size: 12px;
            color: #00000066;
            font-weight: 400;
        }

        .auth-form-group-custom label {
            position: absolute;
            top: 7px;
            left: 60px;
            color: #202020;
            font-size: 14px;
        }

        .copy-img-outer {
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .no-padding {
            padding: 0px;
        }

        .p-4 {
            padding: 1.5rem !important;
        }

        .align-items-center {
            align-items: center !important;
        }

        .authentication-bg .bg-overlay {
            background-color: #292626;
        }

        .align-items-center {
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .copy-img-outer a {
            display: flex;
            align-items: center;
            gap: 5px;
        }

        body {
            background-color: #fff;
        }

        .modal-header .close {
            top: 12%;
            right: 30px;
        }

        .fa-remove:before, .fa-close:before, .fa-times:before {
            font-size: 20px;
            color: #1894ac;
        }

        @media (min-width: 1024px) and (max-width: 1600px) {
            .logo-copy {
                bottom: -140px;
            }

            .copt-text {
                font-size: 14px !important;
            }

        }

        .copy-text {
            font-size: 18px;
            display: flex;
            line-height: 0;
            align-items: center;
            gap: 5px;
        }

        span.close-icon {
            color: #002d49;
            font-size: 24px;
            font-weight: 500;
        }

        .modal-body {
            padding: 30px 40px;
            padding-bottom: 50px;
        }

        .modal-header {
            padding: 25px 40px;
            padding-bottom: 0px;
            padding-top: 15px;
        }

        @media (max-width: 768px) {
            .modal-header {
                padding: 25px;
                padding-bottom: 0px;
                padding-top: 20px;
            }

            .modal-body {
                padding: 25px;
            }


        }

        .modal-title {
            line-height: 2.2;
        }

        .panel-title {
            margin-top: 0px;
            margin-bottom: 20px;
            font-size: 1.25rem;
            color: inherit;
            position: relative;
            font-weight: 500;
        }

        .modal .form-group {
            margin-bottom: 15px;
        }

        .modal-header {
            border-bottom: 1px solid rgba(0, 0, 0, 0.05);
        }

        .pvr-header:after {
            background-color: #eee;
            content: "";
            width: calc(100% + 80px);
            left: -40px;
            height: 1px;
            border-radius: 2px;
            display: block;
            position: relative;
            margin-top: 8px;
        }

        .btn-primary:hover {
            color: #fff;
            background-color: #009640;
            border-color: #009640;
            opacity: 0.8;
        }

        .btn-primary:focus, .btn-primary.focus, .btn-primary:hover {
            background-color: #369a25;
            border-color: #369a25;
        }

        .btn-primary {
            color: #fff;
            background-color: #002d49;
            border-color: #002d49;
        }

        .form-control {
            padding: 2px 12px;
            height: 46px;
        }

        .page-container {
            position: relative;
            padding: 0 !important;
        }

        @media (max-width: 1300px) {
            .margin-top-set {
                bottom: 0;
            }

        }

        @media (min-width: 1300px) {

            .pc-form-up {
                position: relative;
                top: -20px;
            }
        }

        .navbar-bottom .page-container, .navbar-bottom-lg .page-container, .navbar-bottom-sm .page-container, .navbar-bottom-xs .page-container {
            padding-bottom: 20px;
        }

        @media (min-width: 576px) {
            .modal-dialog {
                width: 500px;
                max-width: 500px;
            }
        }

        @media (min-width: 769px) {
            .modal-dialog {
                width: 750px;
                max-width: 750px;
            }

            .page-container {
                width: 100%;
                display: table;
                table-layout: fixed;
            }

        }

        @media (min-width: 1024px) {
            .modal-dialog {
                width: 810px;
                max-width: 810px;
            }
        }

        @media (max-width: 767px) {
            .align-items-center {
                display: flex;
                align-items: center;
                justify-content: center;
                flex-direction: column;
            }
        }

        @media (min-width: 768px) and (max-width: 1020px) {
            .align-items-center {
                display: flex;
                align-items: center;
                justify-content: center;
                flex-direction: column;
            }
        }

        @media (min-width: 1024px) and (max-width: 1360px) {
            .align-items-center {
                display: flex;
                align-items: center;
                justify-content: center;
                flex-direction: row;
            }
        }

        @media (max-width: 1024px) {
            .mt-55 {
                margin-top: 20px;
            }

            .mt-4.text-center {
                margin-top: 10px;
            }

            .history-site-desc {
                margin-bottom: 15px;
            }

            .banklogo {
                margin-top: 15px;
            }
        }

        @media (max-width: 767px) {
            .auth-form-group-custom .form-control {
                height: 50px;
            }
        }

        @media (max-width: 350px) {
            .authentication-page-content .font-size-18 {
                font-size: 23px;
            }
        }


        .modal_bg {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
        }

        .btn-primary.basvuru {
            padding: 10px 0px;
            font-size: 16px;
            margin-bottom: -10px;
            border-radius: 100px;
        }

        /*Modal*/

        .modal-header {
            padding: 25px 40px;
            padding-bottom: 0px;
            padding-top: 15px;
            border-bottom: 1px solid rgba(0, 0, 0, 0.05);
        }

        .panel-title {
            margin-top: 0px;
            margin-bottom: 20px;
            font-size: 1.25rem;
            color: inherit;
            position: relative;
            font-weight: 500;
        }

        .pvr-header:after {
            background-color: #eee;
            content: "";
            width: calc(100% + 80px);
            left: -40px;
            height: 1px;
            border-radius: 2px;
            display: block;
            position: relative;
            margin-top: 8px;
        }

        .modal-header .close {
            top: 12%;
            right: 30px;
        }

        span.close-icon {
            color: #3C61A4;
            font-size: 24px;
            font-weight: 500;
        }

        .modal-body {
            padding: 30px 40px;
            padding-bottom: 50px;
        }

        .print-result {
            background: green;
            color: #fff;
            text-align: center;
            padding: 10px;
            font-size: 15px;
            margin-bottom: 20px;
        }

        .form-group {
            margin-bottom: 15px;
        }

        .form-control {
            padding: 2px 12px;
            height: 46px;
        }

        @media (min-width: 769px) {
            .modal-dialog {
                width: 810px;
                margin: 30px auto;
            }
        }

        .collapser-rememberMe {
            display: flex;
            align-items: center;
        }

        .checkbox {
            width: 20px;
            height: 20px;
            background-color: #EBEDF3;
            border-radius: 3px;
            display: inline-block;
            cursor: pointer;
            position: relative;
        }

        .checkbox.checked::after {
            content: "\2713";
            font-size: 14px;
            color: white;
            position: absolute;
            top: 0px;
            left: 5px;
        }

        .checkbox.checked {
            background-color: #005cc8;
        }

        .footer-text.haklar {
            color: #9d9c9c;
            padding: 5px 0;
            margin: 10px 0;
            text-align: center;
            font-size: 16px;
        }

        .genel_giris_ekran_left_or_right {
            height: 50px;
            display: flex;
            background: #F6F6F6;
            border-radius: 8px;
            padding: 1px;
            gap: 5px;
            margin-bottom: 20px;
            position: relative;
            z-index: 99;
        }

        .genel_giris_ekran_right_genel {
            width: 50%;
            border: 1px solid #F3F3F3;
            background: #FFFFFF;
            border-radius: 8px;
            font-size: 15px;
            font-weight: 600;
            line-height: 22.5px;
            text-align: center;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: .5s ease;
            cursor: pointer;
        }

        .genel_giris_ekran_left_genel {
            width: 50%;
            border-radius: 8px;
            background-color: #F6F6F6;
            border: 2px solid #F6F6F6;
            font-size: 15px;
            font-weight: 600;
            line-height: 22.5px;
            text-align: center;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: .5s ease;
            cursor: pointer;
        }

        .kullanici_bilgi_title {
            font-size: 13px;
            font-weight: 600;
            line-height: 19.5px;
            text-align: center;
            margin-top: 20px;
            margin-bottom: 10px;
        }

        #bayilikBasvurusu {
            display: none;
        }

        input.form-control.Bayi_Input {
            height: 45px;
            padding-top: 0px;
            padding-left: 15px !important;
            border-radius: 7px;
            background: #F4F4F4;
            border: none;
            font-size: 12px;
            color: #00000066;
            font-weight: 400;
        }

        label.Bayi_Label {
            font-size: 13px;
            font-weight: 600;
            line-height: 19.5px;
            text-align: center;
            margin-bottom: 0 !important;
        }

        form#bayi_form_text {
            width: 580px;
        }

        div#bayilikBasvurusu {
            width: 600px;
            overflow-y: scroll;
            height: 328px;
        }

        .p-2.mt-55 {
            height: 300px;
        }

        input.form-control.Bayi_Input::placeholder {
            font-size: 12px;
        }

        transition: opacity

        0.3
        s ease, visibility

        0.3
        s ease, height

        0.3
        s ease

        ; /* GeÃ§iÅŸ sÃ¼releri */
        }


    </style>
    <script>
        $(document).ready(function () {
            // TÃ¼m .genel_giris_ekran_left_or_right > div'lere tÄ±klama iÅŸlemi ekle
            $('.genel_giris_ekran_left_or_right > div').click(function () {
                // Ã–nce tÃ¼m div'lerin arka plan rengini #F6F6F6 olarak ayarla
                $('.genel_giris_ekran_left_or_right > div').css('background-color', '#F6F6F6');

                // TÄ±klanan div'in arka plan rengini beyaz yap
                $(this).css('background-color', 'white');

                // Hangi div'in tÄ±klandÄ±ÄŸÄ±nÄ± kontrol et
                if ($(this).hasClass('genel_giris_ekran_left_genel')) {
                    // .genel_giris_ekran_left_genel tÄ±klandÄ±ysa
                    $('#bayilikBasvurusu').removeClass('hidden').addClass('visible').css('display', 'block');
                    $('.test').removeClass('visible').addClass('hidden');

                    // .test elementini gizlemek iÃ§in geÃ§iÅŸ yap
                    setTimeout(function () {
                        $('.test').css('display', 'none'); // Tamamen gizle
                    }, 300); // GeÃ§iÅŸ sÃ¼resi
                } else if ($(this).hasClass('genel_giris_ekran_right_genel')) {
                    // .genel_giris_ekran_right_genel tÄ±klandÄ±ysa
                    $('.test').removeClass('hidden').addClass('visible').css('display', 'block');
                    $('#bayilikBasvurusu').removeClass('visible').addClass('hidden');

                    // #bayilikBasvurusu elementini gizlemek iÃ§in geÃ§iÅŸ yap
                    setTimeout(function () {
                        $('#bayilikBasvurusu').css('display', 'none'); // Tamamen gizle
                    }, 300); // GeÃ§iÅŸ sÃ¼resi
                }
            });
        });


    </script>
    <div class="container-fluid p-0" style="min-height: 100vh;">
        <div class="row align-items-center for-tablet" style="min-height: 100vh;">

            <div class="col-lg-5 pc-form-up">
                <div class="authentication-page-content p-4 d-flex ">
                    <div class="w-100 h100 ">
                        <div class="row h100  justify-content-center">
                            <div class="h100 col-md-offset-2 col-lg-9 ml_lgn_wrp">
                                <div class="ml_lgn_inr">
                                    <div class="text-center">
                                        <div style="position:relative; ">
                                            <a href="/" class="logo img-scale-set">
                                                <img src="upload/images/logo/netlastik-login-logo.png" alt="logo">
                                            </a>
                                        </div>
                                        <h4 class="font-size-18 mt-4">Profesyonel <strong style="font-weight: bold">Stok
                                                Takip ve YÃ¶netim</strong> Sistemi</h4>
                                        <p class="text-muted for-shield"><strong style="font-weight: bold">IP
                                                Adresiniz</strong> : <strong
                                                style="font-weight: bold; color: #199719;">195.174.132.187                                                izin verildi</strong>
                                            <svg xmlns="http://www.w3.org/2000/svg" version="1.1"
                                                 xmlns:xlink="http://www.w3.org/1999/xlink" width="15" height="15"
                                                 x="0" y="0" viewBox="0 0 512.008 512.008"
                                                 style="enable-background:new 0 0 512 512" xml:space="preserve"
                                                 class=""><g>
                                                    <path d="M256.004 470.013V257.534H94.213c19.964 89.605 79.361 168.967 161.791 212.479z"
                                                          fill="#199719" opacity="1" data-original="#199719"
                                                          class=""></path>
                                                    <path d="M256.004 0C197.636 42.492 126.47 68.097 48.643 68.612v120.319c0 143.361 84.993 266.758 207.361 323.077 122.368-56.319 207.361-179.716 207.361-323.583V68.612C385.539 68.097 314.372 42.492 256.004 0zm178.688 188.417c0 122.882-69.632 236.035-178.687 291.84-109.056-55.805-178.688-168.958-178.688-291.84V95.743c64-5.118 124.923-26.111 178.687-60.923 53.765 35.326 114.687 55.805 178.687 60.931v92.666z"
                                                          fill="#199719" opacity="1" data-original="#199719"
                                                          class=""></path>
                                                    <path d="M256.004 257.534H418.31c5.118-22.528 7.681-45.57 7.681-69.118v-84.479c-60.417-6.146-118.785-26.625-169.987-58.882v212.479z"
                                                          fill="#199719" opacity="1" data-original="#199719"
                                                          class=""></path>
                                                </g></svg>
                                            Daynex Security System
                                        </p>
                                    </div>
                                    <div class="col-md-12" style="padding: 0;">
                                        <div class="genel_giris_ekran_left_or_right">
                                            <div class="genel_giris_ekran_right_genel">
                                                GiriÅŸ Yap
                                            </div>
                                            <div class="genel_giris_ekran_left_genel">
                                                Bayimiz Olun
                                            </div>
                                        </div>
                                    </div>
                                    <div class="p-2 mt-55">

                                        <!--                                        -->                                        <!--                                            <div class="form-group auth-form-group-custom mb-4 error-messasge">-->
                                        <!--                                                <div class="merror1"><i class="fa fa-warning"></i>Eksik veya HatalÄ±-->
                                        <!--                                                    Bilgi-->
                                        <!--                                                </div>-->
                                        <!--                                                <div class="merror2">--><!--</div>-->
                                        <!--                                            </div>-->
                                        <!--                                        -->
                                        <div class="test">
                                            <form method="POST" class="mail_login" action="https://www.netlastik.com/auth/login_old" >


                                                <div class="form-group auth-form-group-custom mb-4">
                                                    <div style="position:relative;margin-top: 100px;">
                                                        <input class="logn-effect form-control" type="text" id="in_name" name="email" placeholder="E-Posta" value="">
                                                        <label>E-Posta</label>
                                                        <span class="focus-border">
                                                        <i></i>
                                                    </span>
                                                    </div>

                                                    
                                                </div>


                                                <div class="form-group auth-form-group-custom mb-4">
                                                    <div style="position:relative;margin-top: 25px;">

                                                        <input type="password" class="logn-effect form-control" name="password" id="password" placeholder="Åifre"/>
                                                        <i class="fa fa-eye-slash" id="togglePassword"></i>

                                                        <label>Åifre</label>
                                                        <span class="focus-border">
                                                        <i></i>
                                                    </span>

                                                        

                                                    </div>

                                                </div>


                                                <script>
                                                    $(document).ready(function () {
                                                        $("#in_name").on("click", () => {
                                                            $("#tgle_content_1").toggleClass("hidden_content");

                                                            $("#in_name").keyup(function () {
                                                                $("#tgle_content_1").addClass("hidden_content");
                                                            });

                                                        });
                                                        $("#password").on("click", () => {
                                                            $("#tgle_content_2").toggleClass("hidden_content");

                                                            $("#password").keyup(function () {
                                                                $("#tgle_content_2").addClass("hidden_content");
                                                            });

                                                        });
                                                    });
                                                </script>


                                                <div class="custom-control custom-checkbox" style="padding: 0;">
                                                    <div class=" text-center">
                                                        <a href="https://www.netlastik.com/auth/forgot" class="text-mutedd"> Yeni Åifre OluÅŸtur</a>
                                                    </div>
                                                    <div class="collapser-rememberMe">
                                                        <div class="checkbox" onclick="toggleCheckbox(this)" style="border-radius: 0px"></div>
                                                        <label class="custom-control-label" for="customControlInline">
                                                            Beni HatÄ±rla
                                                        </label>
                                                    </div>
                                                </div>

                                                <div class="mt-4 ">
                                                    <button class="btn w-md waves-effect waves-light" type="submit">SÄ°STEME GÄ°RÄ°Å YAP
                                                    </button>
                                                </div>

                                            </form>


                                            
                                                <div class="sms_login hide_login">

                                                    <!--                                                    -->                                                    <!--                                                        <div class="form-group auth-form-group-custom mb-4 error-messasge" style=" background: #fff; color: #000; ">-->
                                                    <!--                                                            <div class="merror1"><i class="fa fa-warning"></i>Eksik veya-->
                                                    <!--                                                                HatalÄ± Bilgi-->
                                                    <!--                                                            </div>-->
                                                    <!--                                                            <div class="merror2">--><!--</div>-->
                                                    <!--                                                        </div>-->
                                                    <!--                                                    -->                                                    
                                                    <form method="POST" action="https://www.netlastik.com/auth/login">

                                                        

                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            <!-- InputMask KÃ¼tÃ¼phanesini Dahil Et -->
                                                            <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.inputmask/5.0.9/jquery.inputmask.min.js"></script>

                                                            <div class="form-group auth-form-group-custom mb-4">
                                                                <input style="padding-top: 0px" type="text" id="phone_in"
                                                                       class="form-control" name="sms_kontrol"
                                                                       placeholder="Telefon NumaranÄ±zÄ± Giriniz"
                                                                       value=""/>

                                                                <script>
                                                                    $(document).ready(function(){
                                                                        // Telefon maskesini uygula
                                                                        $("#phone_in").inputmask("0(999)9999999");
                                                                    });

                                                                </script>
                                                                <div class="sms-mesaj-c sms-mesaj" style="display: none">
                                                                    <div class="sms-mesaj-close">
                                                                        <svg xmlns="http://www.w3.org/2000/svg" width="12"
                                                                             height="12" viewbox="0 0 12 12" fill="white">
                                                                            <path fill-rule="evenodd"
                                                                                  d="M6.864 5.846a.12.12 0 0 1 0-.17L11.31 1.23A.72.72 0 1 0 10.29.212L5.846 4.656a.12.12 0 0 1-.17 0L1.229.212A.72.72 0 1 0 .211 1.23l4.445 4.446a.12.12 0 0 1 0 .17L.211 10.292a.72.72 0 1 0 1.018 1.018l4.446-4.446a.12.12 0 0 1 .17 0l4.446 4.446a.72.72 0 0 0 1.018-1.018L6.864 5.846z"></path>
                                                                        </svg>
                                                                    </div>
                                                                    <div class="sms-mesaj-desc">
                                                                        <div class="smsdeth">
                                                                            Yeni giriÅŸ yÃ¶ntemi!
                                                                        </div>
                                                                        <div class="">
                                                                            ArtÄ±k Cep Telefonu                                                                            giriÅŸ yapabilirsiniz.
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        
                                                        
                                                        <div class="mt-4 ">
                                                            <button class="btn w-md waves-effect waves-light"
                                                                    type="submit">GÄ°RÄ°Å YAP
                                                            </button>
                                                        </div>

                                                    </form>
                                                </div>

                                            
                                                                                            <button class="btn phone_block" type="submit" style="line-height: 1px; font-size: 17px; height: 41px;"> <i class="fa fa-phone" style="top: 0px"></i>
                                                                                                            Telefon NumarasÄ± Ä°le GiriÅŸ Yap
                                                                                                    </button>
                                                <script>
                                                    // jQuery
                                                    $(document).ready(function () {
                                                        $(".btn.phone_block").click(function () {
                                                            const icon = $(this).find("i");
                                                            const text = $(this).text().trim();

                                                            if (text === "Telefon NumarasÄ± Ä°le GiriÅŸ Yap") {
                                                                $('.mail_login').addClass('hide_login');
                                                                $('.sms_login').removeClass('hide_login');
                                                                icon.removeClass("fa-phone").addClass("fa-envelope");
                                                                $(this).contents().last()[0].textContent = "Mail ile giriÅŸ yap";
                                                            } else {
                                                                $('.mail_login').removeClass('hide_login');
                                                                $('.sms_login').addClass('hide_login');
                                                                icon.removeClass("fa-envelope").addClass("fa-phone");
                                                                $(this).contents().last()[0].textContent = "Telefon NumarasÄ± Ä°le GiriÅŸ Yap";
                                                            }
                                                        });
                                                    });

                                                </script>
                                                                                    </div>




                                        <div class="Bayi_Form" id="bayilikBasvurusu">
                                            <h5 class="Bayii_Header " style="font-weight: 700;">Yeni Bayi BaÅŸvurusu</h5>
                                            <p class="Bayi-title  ">Sizi aramÄ±zda gÃ¶rmekten mutluluk duyarÄ±z!</p>
                                            <div class="print-result" style="display: none"></div>
                                            <form action="auth/basvuru" class="mt-4" id="bayi_form_text">

                                                <div class="row ">
                                                    <div class="form-group has-feedback has-feedback-left col-md-12 col-sm-12 col-12">
                                                        <label class="Bayi_Label">AdÄ± &amp; SoyadÄ± <i
                                                                style="color: red;font-size: 15px">*</i></label>
                                                        <input type="text" class="form-control Bayi_Input"
                                                               name="AdSoyad" placeholder="AdÄ± &amp; SoyadÄ±" value=""
                                                               required="" aria-required="true">
                                                    </div>
                                                    <div class="form-group has-feedback has-feedback-left col-md-12 col-sm-12 col-12">
                                                        <label class="Bayi_Label">Firma AdÄ± <i
                                                                style="color: red;font-size: 15px">*</i></label>
                                                        <input type="text" class="form-control Bayi_Input"
                                                               name="FirmaAdi" placeholder="Firma AdÄ±" value=""
                                                               required="" aria-required="true">
                                                    </div>
                                                    <div class="form-group has-feedback has-feedback-left col-md-12 col-sm-12 col-12">
                                                        <label class="Bayi_Label">Vergi Dairesi <i
                                                                style="color: red;font-size: 15px">*</i></label>
                                                        <input type="text" class="form-control Bayi_Input"
                                                               name="VergiDairesi" placeholder="Vergi Dairesi" value=""
                                                               required="" aria-required="true">
                                                    </div>
                                                    <div class="form-group has-feedback has-feedback-left col-md-12 col-sm-12 col-12">
                                                        <label class="Bayi_Label">Vergi NumarasÄ± <i
                                                                style="color: red;font-size: 15px">*</i></label>
                                                        <input id="vergi_mask" type="text"
                                                               class="form-control Bayi_Input" name="VergiNumarasi"
                                                               placeholder="Vergi NumarasÄ±" value="" required=""
                                                               aria-required="true">
                                                    </div>
                                                    <div class="form-group has-feedback has-feedback-left col-md-12 col-sm-12 col-12">
                                                        <label class="Bayi_Label">Tc Kimlik NumarasÄ± <i
                                                                style="color: red;font-size: 15px">*</i></label>
                                                        <input type="text" id="tc_mask" class="form-control Bayi_Input"
                                                               name="TcNumarasi" placeholder="Tc Kimlik No" value=""
                                                               required="" aria-required="true"
                                                               onchange="myFunctionTc()">
                                                    </div>
                                                    <div class="form-group has-feedback has-feedback-left col-md-12 col-sm-12 col-12">
                                                        <label class="Bayi_Label">Telefon NumarasÄ± <i
                                                                style="color: red;font-size: 15px">*</i></label>
                                                        <input id="phone" type="text" class="form-control Bayi_Input"
                                                               name="TelefonNumarasi" placeholder="Telefon NumarasÄ±"
                                                               value="" required="" aria-required="true">
                                                    </div>
                                                    <div class="form-group has-feedback has-feedback-left col-md-12 col-sm-12 col-12">
                                                        <label class="Bayi_Label">E-Posta <i
                                                                style="color: red;font-size: 15px">*</i></label>
                                                        <input type="text" class="form-control Bayi_Input" name="EPosta"
                                                               placeholder="E-Posta" value="" required=""
                                                               aria-required="true">
                                                    </div>
                                                    <div class="form-group has-feedback has-feedback-left col-md-12 col-sm-12 col-12">
                                                        <label class="Bayi_Label">Adres <i
                                                                style="color: red;font-size: 15px">*</i></label>
                                                        <input type="textarea" class="form-control Bayi_Input"
                                                               name="Adres" placeholder="Adres" value="" required=""
                                                               aria-required="true">
                                                    </div>
                                                    <div class="form-group has-feedback has-feedback-left col-md-12 col-sm-12 col-12">
                                                        <label class="Bayi_Label">Vergi LevhasÄ± <i
                                                                style="color: red;font-size: 15px">*</i></label>

                                                        <div class="kv-main analiz_box"
                                                             style="position: relative;margin: 0;">
                                                            <input type="text" class="form-control Bayi_Input"
                                                                   id="bayi_file_upload"
                                                                   placeholder="Vergi LevhasÄ± Giriniz..." readonly="">
                                                            <input type="file" name="input44" placeholder="Adres"
                                                                   id="input-44" aria-required="true"
                                                                   style="display: none;">
                                                            <label for="input-44"
                                                                   style="    position: absolute;top: 25%;right: 20px;">
                                                                <svg xmlns="http://www.w3.org/2000/svg" width="18"
                                                                     height="18" viewBox="0 0 18 18" fill="none">
                                                                    <g clip-path="url(#clip0_2592_7)">
                                                                        <path d="M14 18H3.99999C2.93162 18 1.92714 17.5839 1.17159 16.8284C0.416078 16.0729 0 15.0684 0 14V12.9999C0 12.4476 0.447692 11.9999 1.00001 11.9999C1.55232 11.9999 2.00001 12.4476 2.00001 12.9999V14C2.00001 14.5342 2.20807 15.0364 2.58576 15.4141C2.96355 15.7919 3.46577 16 3.99999 16H14C14.5342 16 15.0364 15.7919 15.4141 15.4141C15.7919 15.0363 16 14.5341 16 14V12.9999C16 12.4476 16.4477 11.9999 17 11.9999C17.5522 11.9999 18 12.4476 18 12.9999V14C18 15.0683 17.5839 16.0728 16.8284 16.8284C16.0728 17.5839 15.0683 18 14 18Z"
                                                                              fill="#092C44"></path>
                                                                        <path d="M9.53033 0.46967C9.23744 0.176777 8.76256 0.176777 8.46967 0.46967L3.6967 5.24264C3.40381 5.53553 3.40381 6.01041 3.6967 6.3033C3.98959 6.59619 4.46447 6.59619 4.75736 6.3033L9 2.06066L13.2426 6.3033C13.5355 6.59619 14.0104 6.59619 14.3033 6.3033C14.5962 6.01041 14.5962 5.53553 14.3033 5.24264L9.53033 0.46967ZM9.75 14L9.75 1L8.25 1L8.25 14L9.75 14Z"
                                                                              fill="#092C44"></path>
                                                                    </g>
                                                                    <defs>
                                                                        <clipPath id="clip0_2592_7">
                                                                            <rect width="18" height="18"
                                                                                  fill="white"></rect>
                                                                        </clipPath>
                                                                    </defs>
                                                                </svg>
                                                            </label>
                                                        </div>
                                                        <div class="kv_main_analiz_box_desciraption"
                                                             style="font-weight: 600;color: #00000066;">
                                                            En fazla 2 MB boyutunda JPG, JPEG, PNG veya PDF formatÄ±nda
                                                            dosya
                                                            yÃ¼kleyebilirsiniz.
                                                        </div>


                                                    </div>
                                                    <div class="form-group has-feedback has-feedback-left col-md-12 col-sm-12 col-12">
                                                        <label class="Bayi_Label">GÃ¼venlik Kodu <i
                                                                style="color: red;font-size: 15px">*</i></label>
                                                        <input type="text" name="captcha"
                                                               class="form-control Bayi_Input" required=""
                                                               autocomplete="off" placeholder="GÃ¼venlik Kodu">
                                                        <div class="sola uye_captcha"
                                                             style="position: absolute;top: 31%;right: 10px;">
                                                            <img class="img-responsive" id="uye_kayit_guvenlik_kodu"
                                                                 alt="GÃ¼venlik Kodu" title="GÃ¼venlik Kodu"
                                                                 style="height: 45px;border-radius: 0 7px 7px 0;width: 110px">
                                                        </div>
                                                    </div>

                                                </div>


                                                <!--                                                <div style="padding-bottom: 30px;padding-left: 0;display: flex;width: 100%;margin: 0px 10px;flex-direction: column;">-->
                                                <!--                                                    <div id="recaptcha" class="g-recaptcha"-->
                                                <!--                                                         data-sitekey="6Ldq-YwiAAAAAE3a7NFTexRcYzaLFlBQX4NGPkCL"-->
                                                <!--                                                         aria-status="false"></div>-->
                                                <!--                                                    -->
                                                <!--                                                    -->
                                                <!--                                                        <span class="help-block text-danger">-->
                                                <!--                                  <i class="icon-cancel-circle2 position-left"></i> -->
                                                <!--                              </span>-->
                                                <!--                                                    -->
                                                <!--                                                </div>-->
                                                <div class="col-12 col-md-12 col-sm-12 mt-3 form-group has-feedback has-feedback-left m-b-0 m-t-34 text-center"
                                                     style="padding: 0">
                                                    <button type="submit" class="btn btn-primary basvuru col-xs-12"
                                                            style="border-radius: 10px;margin-bottom: 9px;border: none ">
                                                        <span style="font-weight: 400"> BaÅŸvuruyu Yap </span>
                                                    </button>
                                                </div>
                                            </form>
                                        </div>
                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-7 no-padding hidden-xs hidden-sm mobile-img">
                <div class="authentication-bg scroll-set">
                    <div class="bg-overlay">
                        <img src="upload/images/banner/netlastik-giris-gorseli.png" class="img-responsive"/>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <footer class="footer tip2 footer-login">
        <div class="row footer-bg" style="width: 100%;">
            <div class="col-md-12">
                <div class="footer-text haklar footer_sub_area" style="padding: 10px 0;margin-top: 0;">

                    <div class="mobile_app_logo">
                        <span style="color: #002D49;margin-right: 40px;">
                        Mobil UygulamamÄ±zÄ± <b>Ä°NDÄ°RÄ°N</b>

                        </span>
                        <a href="https://play.google.com/store/apps/details?id=com.netlastik.app&pli=1" style="display: inline-block" class="Scale">
                            <img class="google-app-logo" src="/assets/images/Google.png" alt="b2b-logo ">
                        </a>
                    </div>
                    <div class="logo-area">
                        Bu site <a
                            href="https://www.daynex.com.tr/b2b-eticaret-sitesi" target="_blank" class="Shine"
                            style=" color: #124789; font-weight: 600; padding: 0px 7px;overflow: hidden;display: flex;gap:5px;">
                            <span style="color: #3074f1;font-weight: 400;"> daynex</span> <img
                                src="/assets/images/b2b-master-footer-logo.png"
                                alt="b2b-logo"
                                style="margin: 0px;max-width: 95px;"> </a>
                        ile hazÄ±rlanmÄ±ÅŸtÄ±r.
                    </div>
                </div>
            </div>
        </div>
    </footer>
    <style>
        .Shine{
            position: relative;
            overflow: hidden;
        }
        .Shine::before {
            position: absolute;
            top: 0;
            left: -35%;
            z-index: 2;
            content: '';
            width: 10%;
            height: 100%;
            background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .7) 100%);
            transform: skewX(-25deg);
        }
        .Shine:hover::before {
            animation: shine .8s ;
        }
        @keyframes shine {
            100%{
                left: 125%;
            }
        }
        .Scale{
            transition: 1.2s;
        }
        .Scale:hover{
            transform: scale(1.2);
        }
    </style>

    <script src="https://www.google.com/recaptcha/api.js?hl=tr"></script>
    <script>
        $('.history-site-btn').on('click', function () {
            // Dropzone.js scriptini yÃ¼kle
            $.getScript('https://www.netlastik.com/assets/js/dropzone.js')

        });
        $(document).ready(function () {
            $("#input-44").fileinput({
                uploadUrl: '/auth/basvuru',
                overwriteInitial: false,
                initialPreviewAsData: false, // Ã–nizlemeyi kapat
                showBrowse: true,
                dropZoneEnabled: false,
                showPreview: false, // Ã–nizlemeyi tamamen kapat
                showRemove: true,   // KaldÄ±rma butonunu gÃ¶ster
                showUpload: true,

            });
        });

    </script>


    <!-- Content area -->
    <div class="modal fade" id="bayilikBasvurusu" tabindex="-1" role="dialog" aria-labelledby="bayilikBasvurusuLabel">
        <div class="modal-dialog modal-dialog-centered" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title panel-title pvr-header" id="bayilikBasvurusuLabel">Yeni Bayi BaÅŸvurusu</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true" class="close-icon">X</span>
                    </button>
                    <p class="card-title m-t-10">Sizi aramÄ±zda gÃ¶rmekten mutluluk duyarÄ±z!</p>
                    <p class="m-b-20 card-title-desc">Bu sayfada bulunan formu doldurarak avantajlÄ± bir alÄ±ÅŸveriÅŸ iÃ§in
                        ilk adÄ±mÄ± atmÄ±ÅŸ olacaksÄ±nÄ±z. Formu eksiksiz doldurmanÄ±z baÅŸvurunuzun hÄ±zlÄ± bir ÅŸekilde ve olumlu
                        sonuÃ§lanmasÄ± iÃ§in son derece Ã¶nemlidir. BaÅŸvurunuz tamamlandÄ±ÄŸÄ±nda mÃ¼ÅŸteri temsilcilerimiz en
                        kÄ±sa sÃ¼rede sizinle iletiÅŸime geÃ§ecektir.</p>
                </div>
                <!-- Advanced login -->
                <div class="modal-body">
                    <div class="print-result" style="display: none"></div>
                    <form action="auth/basvuru" id="bayi_form_text">

                        <div class="row modal_bg">
                            <div class="form-group has-feedback has-feedback-left col-md-12  col-12">
                                <label>Vergi LevhasÄ±</label>
                                                                <div class="kv-main analiz_box">
                                    <input type="text" class="form-control Bayi_Input"
                                           id="bayi_file_upload"
                                           placeholder="Vergi LevhasÄ± Giriniz..." readonly style="background: white">
                                    <input type="file" name="input44" placeholder="Adres"
                                           id="input-44" aria-required="true"
                                           style="display: none;"/>
                                    <label for="input-44"
                                           style="position: absolute;top: 41%;right: 20px;">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="18"
                                             height="18" viewBox="0 0 18 18" fill="none">
                                            <g clip-path="url(#clip0_2592_7)">
                                                <path d="M14 18H3.99999C2.93162 18 1.92714 17.5839 1.17159 16.8284C0.416078 16.0729 0 15.0684 0 14V12.9999C0 12.4476 0.447692 11.9999 1.00001 11.9999C1.55232 11.9999 2.00001 12.4476 2.00001 12.9999V14C2.00001 14.5342 2.20807 15.0364 2.58576 15.4141C2.96355 15.7919 3.46577 16 3.99999 16H14C14.5342 16 15.0364 15.7919 15.4141 15.4141C15.7919 15.0363 16 14.5341 16 14V12.9999C16 12.4476 16.4477 11.9999 17 11.9999C17.5522 11.9999 18 12.4476 18 12.9999V14C18 15.0683 17.5839 16.0728 16.8284 16.8284C16.0728 17.5839 15.0683 18 14 18Z"
                                                      fill="#092C44"/>
                                                <path d="M9.53033 0.46967C9.23744 0.176777 8.76256 0.176777 8.46967 0.46967L3.6967 5.24264C3.40381 5.53553 3.40381 6.01041 3.6967 6.3033C3.98959 6.59619 4.46447 6.59619 4.75736 6.3033L9 2.06066L13.2426 6.3033C13.5355 6.59619 14.0104 6.59619 14.3033 6.3033C14.5962 6.01041 14.5962 5.53553 14.3033 5.24264L9.53033 0.46967ZM9.75 14L9.75 1L8.25 1L8.25 14L9.75 14Z"
                                                      fill="#092C44"/>
                                            </g>
                                            <defs>
                                                <clipPath id="clip0_2592_7">
                                                    <rect width="18" height="18" fill="white"/>
                                                </clipPath>
                                            </defs>
                                        </svg>
                                    </label>
                                </div>
                                                                <div class="kv_main_analiz_box_desciraption">
                                    En fazla 2 MB boyutunda JPG, JPEG, PNG veya PDF formatÄ±nda dosya yÃ¼kleyebilirsiniz.
                                </div>
                            </div>
                            <div class="form-group has-feedback has-feedback-left col-md-6 col-sm-6 col-12">
                                <label>AdÄ± & SoyadÄ±</label>
                                <input type="text" class="form-control" name="AdSoyad" placeholder="AdÄ± & SoyadÄ±"
                                       value="" required aria-required="true"/>
                                                            </div>
                            <div class="form-group has-feedback has-feedback-left col-md-6 col-sm-6 col-12">
                                <label>Firma AdÄ±</label>
                                <input type="text" class="form-control" name="FirmaAdi" placeholder="Firma AdÄ±"
                                       value="" required aria-required="true"/>
                                                            </div>
                            <div class="form-group has-feedback has-feedback-left col-md-6 col-sm-6 col-12">
                                <label>Vergi Dairesi</label>
                                <input type="text" class="form-control" name="VergiDairesi" placeholder="Vergi Dairesi"
                                       value="" required aria-required="true"/>
                                                            </div>
                            <div class="form-group has-feedback has-feedback-left col-md-6 col-sm-6 col-12">
                                <label>Vergi NumarasÄ±</label>
                                <input id="vergi_mask" type="text" class="form-control" name="VergiNumarasi"
                                       placeholder="Vergi NumarasÄ±"
                                       value="" required aria-required="true"/>
                                                            </div>
                            <div class="form-group has-feedback has-feedback-left col-md-6 col-sm-6 col-12">
                                <label>Tc Kimlik NumarasÄ±</label>
                                <input type="text" id="tc_mask" class="form-control" name="TcNumarasi"
                                       placeholder="Tc Kimlik No"
                                       value="" required aria-required="true"
                                       onchange="myFunctionTc()"/>
                                                            </div>
                            <div class="form-group has-feedback has-feedback-left col-md-6 col-sm-6 col-12">
                                <label>Telefon NumarasÄ±</label>
                                <input id="phone" type="text" class="form-control" name="TelefonNumarasi"
                                       placeholder="Telefon NumarasÄ±"
                                       value="" required
                                       aria-required="true"/>
                                                            </div>

                            <div class="form-group has-feedback has-feedback-left col-md-6 col-sm-6 col-12">
                                <label>E-Posta</label>
                                <input type="text" class="form-control" name="EPosta" placeholder="E-Posta"
                                       value="" required aria-required="true"/>
                                                            </div>
                            <div class="form-group has-feedback has-feedback-left col-md-6 col-sm-6 col-12">
                                <label>Adres</label>
                                <input type="textarea" class="form-control" name="Adres" placeholder="Adres"
                                       value="" required aria-required="true"/>
                                                            </div>

                            <div class="form-group margin-bottom-15">
                                <label>GÃ¼venlik Kodu</label>
                                <div class="row">
                                    <div class="col-md-6 col-sm-6 col-xs-12" style="border:none">
                                        <input type="text" name="captcha" class="uye_box_sifre form-control"
                                               autocomplete="off" placeholder="GÃ¼venlik Kodu"/>
                                    </div>
                                    <div class="col-md-2 col-sm-2 col-xs-6 align-end" style="border:none">
                                        <div class="sola uye_captcha" style="float: left">
                                            <img class="img-responsive" id="uye_kayit_guvenlik_kodu"
                                                 alt="GÃ¼venlik Kodu"
                                                 title="GÃ¼venlik Kodu"/>
                                        </div>
                                    </div>
                                </div>
                                                            </div>

                            <div class="col-12 col-md-12 col-sm-12 form-group has-feedback has-feedback-left m-b-0 m-t-34 text-center">
                                <button type="submit" class="btn btn-primary basvuru col-xs-12">BaÅŸvuruyu GÃ¶nder
                                </button>
                            </div>
                        </div>
                    </form>
                </div>
                <!-- /advanced login -->
            </div>
        </div>
    </div>
<!-- /content area -->
<style>
    .footer-login{
        padding: 0!important;
    }
    .footer-text.haklar.footer_sub_area{
        padding: 10px 90px 10px 130px!important;
        justify-content: space-between;!important;
        display: flex;
        align-items: center;
        margin-bottom: 0;
    }
    .google-app-logo{
        top: 2px!important;
        max-width: 115px!important;
    }
    .mobile_app_logo{
        margin-top: 5px;
    }
    .logo-area{
        display: flex!important;
    }
    .login-container .footer {
        left: 0;
        right: 0;
        text-align: center;
        bottom: 0px;
        background: #fff;
        padding: 20px 0px 10px;
        box-shadow: 31px 21px 21px 11px #c5c5c5;
        position: absolute;
    }



    @media (min-width: 768px) and (max-width: 1600px) {
        .col-lg-5 {
            width: 41.66666667% !important;
        }

        div#bayilikBasvurusu{
            height: 311px;
        }

        .h100.col-md-offset-2.col-lg-8.special_pad {
            width: 100% !important;
            margin: auto;
        }

        .align-items-center {
            flex-direction: row !important;
            min-height: auto !important;
        }

        .scroll-set img{
            width: auto;
        }

        #Toggle_Menu {
            margin-bottom: 10px !important;
        }

        .auth-form-group-custom .form-control::placeholder {
            font-size: 16px !important;
        }

        input.form-control.Bayi_Input::placeholder {
            font-size: 16px !important;
        }

        .Bayi-title {
            font-size: 16px !important;
        }

        .login_input_title {
            font-size: 15px !important;
        }

        .Bayii_Header {
            font-size: 17px !important;
        }

        .Bayi_Label {
            font-size: 15px !important;
        }

        .authentication-page-content .btn-danger {
            font-size: 18px !important;
        }

        span.phone_number_genel_class {
            font-size: 18px;
        }

        .Bayi_Text {
            font-size: 18px !important;
        }

        .Login_Text {
            font-size: 18px !important;
        }

        button.btn.btn-primary.basvuru.col-xs-12 span {
            font-size: 18px !important;
        }

        .auth_login_destek_title {
            font-size: 20px !important;
        }

        .auth_login_destek_alt_title {
            font-size: 20px !important;
        }

        .hidden-sm {
            overflow: hidden;
        }

        .img-responsive, .thumbnail>img, .thumbnail a>img, .carousel-inner>.item>img, .carousel-inner>.item>a>img{
            max-width: 132%;
            width: 100%;
        }

        form#bayi_form_text .row {
            width: 461px;
        }

        form#bayi_form_text{
            width: 446px !important;
        }

        div#bayilikBasvurusu::-webkit-scrollbar {
            width: 6px; /* KaydÄ±rma Ã§ubuÄŸunun geniÅŸliÄŸi */
        }

        /* KaydÄ±rma Ã§ubuÄŸunun arka plan rengi */
        div#bayilikBasvurusu::-webkit-scrollbar-track {
            background: #f1f1f1;
            border-radius: 7px;

        }

        /* KaydÄ±rma Ã§ubuÄŸunun kaydÄ±rma kÄ±smÄ± */
        div#bayilikBasvurusu::-webkit-scrollbar-thumb {
            background: #888;
            border-radius: 7px;
        }

        /* KaydÄ±rma Ã§ubuÄŸu Ã¼zerine gelince */
        div#bayilikBasvurusu::-webkit-scrollbar-thumb:hover {
            background: #888;
        }



        .scroll-set img{
            margin-top: 0;
        }
    }

    @media (min-width: 768px) and (max-width: 1024px) {
        form#bayi_form_text .row {
            width: 730px;
        }

        .align-items-center {
            flex-direction: column !important;
        }

        .col-lg-5 {
            width: 100% !important;
        }

        .ml_lgn_inr{
            max-width: 100%;
        }
    }

</style>
<script>


    $("#basvuru_req").click(function () {
        $("#g-recaptcha-response").attr("aria-required", "true");
        $("#g-recaptcha-response").attr("required", true);

    });

</script>
<script src="https://www.netlastik.com/assets/js/imask.js"></script>
<script>
    var phoneMask = IMask(
        document.getElementById('phone'), {
            mask: '+{9}(000)000-00-00'
        });
    var numberMask = IMask(
        document.getElementById('vergi_mask'), {
            mask: '0000000000'
        });
    var tcMask = IMask(
        document.getElementById('tc_mask'), {
            mask: '00000000000'
        });


</script>
<script>
    function myFunction(val) {
        $('#tc_mask').removeAttr("required")
    }

    function myFunctionTc(val) {
        $('#vergi_mask').removeAttr("required")
        $('#VergiDairesi').removeAttr("required")
    }


</script>
<script>
    function toggleCheckbox(element) {
        element.classList.toggle("checked");
    }
</script>
<script>
    $(document).ready(function () {
        const $togglePassword = $("#togglePassword");
        const $password = $("#password");

        $togglePassword.on("click", function () {
            // Type Ã¶zelliÄŸini toggle et
            const type = $password.attr("type") === "password" ? "text" : "password";
            $password.attr("type", type);

            // Ä°kon sÄ±nÄ±flarÄ±nÄ± toggle et
            $(this).toggleClass("fa-eye-slash fa-eye");
        });
    });

</script>


<style>
    .glyphicon.glyphicon-file {
        font-size: 50px;
    }

    .file-footer-buttons {
        margin-bottom: 10px;
    }

    .file-upload-indicator {
        display: none;
    }

    .file-actions a {
        padding: 10px 11px;
    }

    .file-footer-caption {
        min-height: 55px !important;
    }

    #product-waybill .form-control {
        width: 100px;
        font-size: 13px;
    }

    #product-waybill td {
        font-size: 12px !important;
    }

    .btn.btn-default.fileinput-upload.fileinput-upload-button {
        display: none;
    }

    .file-footer-buttons a {
        background: #f0f0f0;
    }

    .file-loading {
        top: 0;
        right: 0;
        width: 25px;
        height: 25px;
        font-size: 999px;
        text-align: right;
        color: #fff;
        background: transparent url('../img/loading.gif') top left no-repeat;
        border: none;
    }

    .kv-zoom-body.file-zoom-content embed {
        width: 100% !important;
        height: 100% !important;
    }

    .kv-none {
        display: none !important;
    }

    .file-object {
        margin: 0 0 -5px 0;
        padding: 0;
    }

    .btn-file {
        position: relative;
        overflow: hidden;
    }

    .btn-file input[type=file] {
        position: absolute;
        top: 0;
        right: 0;
        min-width: 100%;
        min-height: 100%;
        text-align: right;
        opacity: 0;
        background: none repeat scroll 0 0 transparent;
        cursor: inherit;
        display: block;
    }

    .file-caption-name {
        display: inline-block;
        overflow: hidden;
        height: 20px;
        word-break: break-all;
    }

    .input-group-lg .file-caption-name {
        height: 25px;
    }

    .file-zoom-dialog {
        text-align: left;
    }

    .file-error-message {
        color: #a94442;
        background-color: #f2dede;
        margin: 5px;
        border: 1px solid #ebccd1;
        border-radius: 4px;
        padding: 15px;
    }

    .file-error-message pre, .file-error-message ul {
        margin: 0;
        text-align: left;
    }

    .file-error-message pre {
        margin: 5px 0;
    }

    .file-caption-disabled {
        background-color: #EEEEEE;
        cursor: not-allowed;
        opacity: 1;
    }

    .file-preview {
        border-radius: 5px;
        border: 1px solid #ddd;
        padding: 5px;
        width: 100%;
        margin-bottom: 5px;
    }

    .krajee-default.file-preview-frame {
        position: relative;
        display: table;
        margin: 8px;
        border: 1px solid #ddd;
        box-shadow: 1px 1px 5px 0 #a2958a;
        padding: 6px;
        float: left;
        text-align: center;
    }

    .krajee-default.file-preview-frame:not(.file-preview-error):hover {
        box-shadow: 3px 3px 5px 0 #333;
    }

    .krajee-default.file-preview-frame .kv-file-content {
        height: 110px;
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: center;
        font-size: 65px;
    }

    .krajee-default.file-preview-frame .kv-file-content embed {
        width: 179px !important;
    }

    .krajee-default.file-preview-frame .file-thumbnail-footer {
        height: 70px;
    }

    .krajee-default .file-preview-image {
        vertical-align: middle;
        image-orientation: from-image;
        display: flex;
        align-items: center;
        font-size: 45px;
        height: 120px !important;
    }

    .kv-file-download {
        padding: 8px 16px;
        border-radius: 5px;
    }

    .krajee-default .file-preview-text {
        display: block;
        color: #428bca;
        border: 1px solid #ddd;
        font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
        outline: none;
        padding: 8px;
        resize: none;
    }

    .krajee-default .file-preview-html {
        border: 1px solid #ddd;
        padding: 8px;
        overflow: auto;
    }

    .krajee-default[data-template=audio] .file-preview-audio {
        display: table-cell;
        vertical-align: middle;
        height: 170px;
        border: 1px solid #ddd;
        border-radius: 5px;
    }

    .krajee-default .file-preview-audio audio {
        vertical-align: middle;
    }

    .krajee-default .file-zoom-dialog .file-preview-text {
        font-size: 1.2em;
    }

    .file-preview-other {
        display: flex;
        align-items: center;
    }

    .file-preview-other .file-other-icon {
        width: 100%;
    }

    .krajee-default .file-preview-other {
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        text-align: center;
        vertical-align: middle;
        padding: 10px;
    }


    .krajee-default .file-preview-other:hover {
        opacity: 0.8;
    }

    .krajee-default .file-actions, .krajee-default .file-other-error {
        text-align: left;
    }

    .krajee-default .file-other-icon {
        font-size: 8em;
    }

    .krajee-default .file-actions {
        margin-top: 15px;
    }

    .krajee-default .file-footer-buttons {
        float: right;
    }

    .krajee-default .file-footer-caption {
        display: block;
        /*white-space: nowrap;*/
        overflow: hidden;
        /*text-overflow: ellipsis;*/
        width: 160px;
        text-align: center;
        padding-top: 4px;
        font-size: 11px;
        color: #777;
        margin: 5px auto;
        min-height: 37px;
    }

    .krajee-default .file-preview-error {
        opacity: 0.65;
        box-shadow: none;
    }

    .krajee-default .file-preview-frame:not(.file-preview-error) .file-footer-caption:hover {
        color: #000;
    }

    .krajee-default .file-drag-handle, .krajee-default .file-upload-indicator {
        position: absolute;
        text-align: center;
        bottom: -6px;
        left: -6px;
        padding: 8px 8px 1px 3px;
        border-left: none;
        border-bottom: none;
        border-right: 1px solid #8a6d3b;
        border-top: 1px solid #8a6d3b;
        border-top-right-radius: 24px;
        font-size: 12px;
    }

    .krajee-default .file-drag-handle {
        background-color: #d9edf7;
        border-color: #bce8f1;
    }

    .krajee-default .file-upload-indicator {
        font-size: 13px;
        background-color: #fcf8e3;
        border-color: #faebcc;
        padding-bottom: 0;
    }

    .krajee-default.file-preview-error .file-upload-indicator {
        background-color: #f2dede;
        border-color: #ebccd1;
    }

    .krajee-default.file-preview-success .file-upload-indicator {
        background-color: #dff0d8;
        border-color: #d6e9c6;
    }

    .krajee-default.file-preview-loading .file-upload-indicator {
        background-color: #e5e5e5;
        border-color: #777;
    }

    .krajee-default .file-thumb-progress {
        height: 10px;
    }

    .krajee-default .file-thumb-progress .progress, .krajee-default .file-thumb-progress .progress-bar {
        height: 10px;
        font-size: 9px;
        line-height: 10px;
    }

    .krajee-default .file-thumbnail-footer {
        position: relative;
    }

    .krajee-default .file-thumb-progress {
        position: absolute;
        top: 35px;
        left: 0;
        right: 0;
    }

    .krajee-default.kvsortable-ghost {
        background: #e1edf7;
        border: 2px solid #a1abff;
    }

    /* noinspection CssOverwrittenProperties */
    .file-zoom-dialog .file-other-icon {
        font-size: 22em;
        font-size: 50vmin;
    }

    .file-input-new .file-preview, .file-input-new .close, .file-input-new .glyphicon-file,
    .file-input-new .fileinput-remove-button, .file-input-new .fileinput-upload-button,
    .file-input-ajax-new .fileinput-remove-button, .file-input-ajax-new .fileinput-upload-button {
        display: none;
    }

    .file-caption-main {
        width: 100%;
    }

    .file-input-ajax-new .no-browse .input-group-btn,
    .file-input-new .no-browse .input-group-btn {
        display: none;
    }

    .file-input-ajax-new .no-browse .form-control,
    .file-input-new .no-browse .form-control {
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
    }

    .file-thumb-loading {
        background: transparent url('../img/loading.gif') no-repeat scroll center center content-box !important;
    }

    .file-sortable .file-drag-handle {
        cursor: move;
        cursor: -webkit-grabbing;
        opacity: 1;
    }

    .file-sortable .file-drag-handle:hover {
        opacity: 0.7;
    }

    .file-drop-zone {
        border: 1px dashed #aaa;
        border-radius: 4px;
        height: 100%;
        text-align: center;
        vertical-align: middle;
        margin: 12px 15px 12px 12px;
        padding: 5px;
        display: flex;
    }

    .file-drop-zone-title {
        color: #aaa;
        font-size: 1.6em;
        padding: 85px 10px;
        cursor: default;
        width: 100%;
    }

    .file-preview .clickable,
    .clickable .file-drop-zone-title {
        cursor: pointer;
    }

    .file-drop-zone.clickable:hover {
        border: 2px dashed #999;
    }

    .file-drop-zone.clickable:focus {
        border: 2px solid #5acde2;
    }

    .file-drop-zone .file-preview-thumbnails {
        cursor: default;
    }

    .file-highlighted {
        border: 2px dashed #999 !important;
        background-color: #f0f0f0;
    }

    .file-uploading {
        background: url('../img/loading-sm.gif') no-repeat center bottom 10px;
        opacity: 0.65;
    }

    .file-zoom-fullscreen.modal {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }

    .file-zoom-fullscreen .modal-dialog {
        position: fixed;
        margin: 0;
        width: 100%;
        height: 100%;
        padding: 0;
    }

    .file-zoom-fullscreen .modal-content {
        border-radius: 0;
        box-shadow: none;
    }

    .file-zoom-fullscreen .modal-body {
        overflow-y: auto;
    }

    .file-zoom-dialog .modal-body {
        position: relative !important;
    }

    .file-zoom-dialog .btn-navigate {
        position: absolute;
        padding: 0;
        margin: 0;
        background: transparent;
        text-decoration: none;
        outline: none;
        opacity: 0.7;
        top: 45%;
        font-size: 4em;
        color: #1c94c4;
    }

    .file-zoom-dialog .floating-buttons {
        position: absolute;
        top: 5px;
        right: 10px;
    }

    .floating-buttons, .floating-buttons .btn {
        z-index: 3000;
    }

    .file-zoom-dialog .kv-zoom-actions .btn,
    .floating-buttons .btn {
        margin-left: 3px;
    }

    .file-zoom-dialog .btn-navigate:not([disabled]):hover,
    .file-zoom-dialog .btn-navigate:not([disabled]):focus {
        outline: none;
        box-shadow: none;
        opacity: 0.5;
    }

    .file-zoom-dialog .btn-navigate[disabled] {
        opacity: 0.3;
    }

    .file-zoom-dialog .btn-prev {
        left: 1px;
    }

    .file-zoom-dialog .btn-next {
        right: 1px;
    }

    .file-zoom-content {
        height: 480px;
        text-align: center;
    }

    .file-zoom-content .file-preview-image, .file-preview-
    .file-zoom-content .file-preview-video {
        max-height: 100%
    }

    .file-preview-initial.sortable-chosen {
        background-color: #d9edf7;
    }

    .kv-main.analiz_box .file-input {
        display: none;
    }

    div#bayilikBasvurusu::-webkit-scrollbar {
        width: 6px; /* KaydÄ±rma Ã§ubuÄŸunun geniÅŸliÄŸi */
    }

    /* KaydÄ±rma Ã§ubuÄŸunun arka plan rengi */
    div#bayilikBasvurusu::-webkit-scrollbar-track {
        background: #f1f1f1;
        border-radius: 7px;

    }

    /* KaydÄ±rma Ã§ubuÄŸunun kaydÄ±rma kÄ±smÄ± */
    div#bayilikBasvurusu::-webkit-scrollbar-thumb {
        background: #888;
        border-radius: 7px;
    }

    /* KaydÄ±rma Ã§ubuÄŸu Ã¼zerine gelince */
    div#bayilikBasvurusu::-webkit-scrollbar-thumb:hover {
        background: #888;
    }
    @media (min-width: 768px) and (max-width: 1281px) {
        .for-tablet  {
            margin-top: 50%!important;
        }
        div#bayilikBasvurusu{
            width: 100% !important;
        }
    }
    @media (min-width: 800px) and (max-width: 900px) {
        .for-tablet-2{
            /*!*margin-top: 27%;*!*/
            margin-top: 48vh;
            transform: translate(0, -52%);
        }


    }


</style>
<script type="text/javascript" charset="utf-8">
    $(document).ready(function () {
        // Captcha resmini sayfa yÃ¼klendiÄŸinde gÃ¼ncelle
        $('#uye_kayit_guvenlik_kodu').attr('src', base_url + 'auth/img_kontrol/uye_kayit?' + (new Date).getTime());

        $('#bayi_form_text').on('submit', function (e) {
            e.preventDefault();  // Formun normal gÃ¶nderimini engelle

            var file = $('#input-44')[0].files[0];
            var allowedExtensions = ['jpg', 'jpeg', 'png', 'pdf'];  // PDF formatÄ± eklendi

            // EÄŸer bir dosya seÃ§ilmiÅŸse, uzantÄ±yÄ± kontrol et
            if (file) {
                var fileExtension = file.name.split('.').pop().toLowerCase();

                if (!allowedExtensions.includes(fileExtension)) {
                    Swal.fire({
                        icon: 'error',
                        title: 'GeÃ§ersiz Dosya!',
                        text: 'YalnÄ±zca .jpg, .jpeg, .png veya .pdf uzantÄ±lÄ± dosya yÃ¼kleyebilirsiniz.'
                    });
                    return; // Uygun olmayan dosya seÃ§ildiyse gÃ¶nderimi durdur
                }
            }

            var formData = new FormData(this);  // Form verilerini al

            $.ajax({
                url: $(this).attr('action'),  // Formun action deÄŸerini URL olarak kullan
                type: 'POST',
                data: formData,  // Form verilerini gÃ¶nder
                contentType: false,  // Ä°Ã§erik tÃ¼rÃ¼nÃ¼ belirleme (dosya yÃ¼kleme iÃ§in gerekli)
                processData: false,  // Verileri iÅŸlemeyi devre dÄ±ÅŸÄ± bÄ±rak
                beforeSend: function () {
                    // Ä°stekten Ã¶nce yapÄ±lacaklar (isteÄŸe baÄŸlÄ±)
                    Swal.fire({
                        title: 'GÃ¶nderiliyor...',
                        text: 'LÃ¼tfen bekleyin.',
                        showConfirmButton: false,
                        allowOutsideClick: false,
                        willOpen: () => {
                            Swal.showLoading();  // YÃ¼klenme animasyonu
                        }
                    });
                },
                success: function (response) {
                    var jsonResponse = JSON.parse(response);

                    if (jsonResponse.status === 'success') {
                        Swal.fire({
                            icon: 'success',
                            title: 'BaÅŸarÄ±',
                            text: jsonResponse.message
                        }).then(function () {
                            location.reload();
                        });
                    } else if (jsonResponse.status === 'error') {
                        Swal.fire({
                            icon: 'error',
                            title: 'Hata!',
                            text: jsonResponse.error
                        });

                        // Captcha'yÄ± gÃ¼ncelle
                        $('#uye_kayit_guvenlik_kodu').attr('src', base_url + 'auth/img_kontrol/uye_kayit?' + (new Date).getTime());
                    }
                },
                error: function (xhr, status, error) {
                    Swal.fire({
                        icon: 'error',
                        title: 'Hata!',
                        text: 'GÃ¶nderme sÄ±rasÄ±nda bir sorun oluÅŸtu. LÃ¼tfen tekrar deneyin.'
                    });

                    // Captcha'yÄ± gÃ¼ncelle
                    $('#uye_kayit_guvenlik_kodu').attr('src', base_url + 'auth/img_kontrol/uye_kayit?' + (new Date).getTime());
                }
            });
        });
    });

    $(document).ready(function () {
        $('#input-44').on('change', function () {
            // SeÃ§ilen dosyanÄ±n adÄ±nÄ± al
            var fileName = $(this).val().split('\\').pop(); // Dosya adÄ±nÄ± al
            // #bayi_file_upload inputuna yazdÄ±r
            $('#bayi_file_upload').val(fileName);
        });
    });
</script>



    </div>
    <!-- /page content -->

</div>
<!-- /page container -->
</body>
</html>
