
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css">
<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>

<!-- Google Fonts -->

<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css">

<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>

<!-- Google Fonts -->

<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap">

<!-- Bootstrap core CSS -->

<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.0/css/bootstrap.min.css" rel="stylesheet">


<!-- Bootstrap core CSS -->

<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.0/css/bootstrap.min.css" rel="stylesheet">

<body>
  <%- include("./static/header") %>
 <form action="/dash/<%=id%>/yonet/mod/banlog/save" method="POST">

 
   
<div class="jumbotron">
  
  <p style="text-align: left;font-family: 'Noto Sans JP', sans-serif;"> BanLog Channel </p>
  
  <input style="font-family: 'Noto Sans JP', sans-serif;" name="banid" type="number" id="form1Example1" class="form-control" placeholder="Write ID" <%if(banlogData){%> value="<%=banlogData%>"<%}%> required/>
    <label class="form-label" for="form1Example1"></label>
  <br>
  <button  style="font-family: sans-serif;" type="submit" class="btn btn-success" onClick="banlog">Save</button>
  </div>
    </form>
    <br>
    <br>
    
<div class="jumbotron">
  <form action="/dash/<%=id%>/yonet/mod/kicklog/save" method="POST">
  <p style="text-align: left;font-family: 'Noto Sans JP', sans-serif;"> KickLog Channel </p>
  
  <input style="font-family: 'Noto Sans JP', sans-serif;" name="kickid" type="number" id="form1Example1" class="form-control" placeholder="Write ID" required/>
    <label class="form-label" for="form1Example1"></label>
  <br>
  <button  style="font-family: sans-serif;" type="submit" class="btn btn-success" onClick="kickl">Save</button>
  </div>
  </form>
    <br>
    <br>
    

<div class="jumbotron">

  

  <p style="text-align: left;font-family: 'Noto Sans JP', sans-serif;"> BadWord Blocker </p>

  
<!--
  <input style="font-family: 'Noto Sans JP', sans-serif;" name="banid" type="number" id="form1Example1" class="form-control" placeholder="Write ID"/>

    <label class="form-label" for="form1Example1"></label>
-->
  <form action="/dash/<%=id%>/yonet/mod/badword/save" method="POST">

  
 <label class="switch">
  <input type="checkbox" name="badwordd" id="badwordd" <%if(bData){ %> value="true" <% }else{ %>  <%}%> required>
  <span class="slider round"></span>
</label>
  <br>

  <button  style="font-family: sans-serif;" type="submit" class="btn btn-success">Save</button>

    </form>
  </div>
    

</body>
<style>
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}
</style>
<script>
//by Nego#0001
  function banlog(){
    alert("Succesfully!")
    
    }
  function banlog(){
  swal({
  title: "Are you sure?",
  text: "Click the Save button to save the setting!",
  icon: "warning",
  buttons: true,
  dangerMode: true,
})
.then((willDelete) => {
  if (willDelete) {
    swal("Succes! Your Saved Settings!", {
      icon: "success",
    });
    window.location.href = "/api/dash/<%= id %>/yonet/mod/save";
  } else {
    swal({
      title: "Canceled!",
      icon: "success"
    });
  }
});
    if(!banlog == null){
      alert("Please write info's on the input!")
      }
    };
  </script>
  <script>
  function saveBtn(){
    $(function(){
      
    }
    $("save-box-greesy").show(240);
    $("saved").hide()
    };
  //-----
  $( function() {
    // run the currently selected effect
    function runEffect() {
      // get effect type from
      var selectedEffect = $( "#effectTypes" ).val();
 
      // Most effect types need no options passed by default
      var options = {};
      // some effects have required parameters
      if ( selectedEffect === "scale" ) {
        options = { percent: 50 };
      } else if ( selectedEffect === "size" ) {
        options = { to: { width: 280, height: 185 } };
      }
 
      // Run the effect
      $( "#effect" ).show( selectedEffect, options, 500, callback );
    };
 
    //callback function to bring a hidden box back
    function callback() {
      setTimeout(function() {
        $( "#effect:visible" ).removeAttr( "style" ).fadeOut();
      }, 1000 );
    };
 
    // Set effect from select menu value
    $( "#button" ).on( "click", function() {
      runEffect();
    });
 
    $( "#effect" ).hide();
  } );
  </script>
</script>
<script>
    const hamburger = document.querySelector(".hamburger");const navMenu = document.querySelector(".nav-menu");const navLink = document.querySelectorAll(".nav-link"); hamburger.addEventListener("click", mobileMenu);navLink.forEach(n => n.addEventListener("click", closeMenu)); function mobileMenu() { hamburger.classList.toggle("active"); navMenu.classList.toggle("active");} function closeMenu() { hamburger.classList.remove("active"); navMenu.classList.remove("active");}
</script>
<%- include('./static/dash_footer') %>
<!-- JQuery -->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css">

<!-- Google Fonts -->

<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap">

<!-- Bootstrap core CSS -->

<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.0/css/bootstrap.min.css" rel="stylesheet">

<!-- Material Design Bootstrap -->

<link href="https://cdnjs.cloudflare.com/ajax/libs/mdbootstrap/4.19.1/css/mdb.min.css" rel="stylesheet">
<!-- Footer -->

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

<!-- Bootstrap tooltips -->

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.4/umd/popper.min.js"></script>

<!-- Bootstrap core JavaScript -->

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.0/js/bootstrap.min.js"></script>

<!-- MDB core JavaScript -->

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/mdbootstrap/4.19.1/js/mdb.min.js"></script>

