//////////////////UP HERE////////////////////////

//////////////click/////////////////////////////
$('.widget-content .message').on('click', function () {
  swal({
      title: 'Saved succesfully',
      padding: '2em'
    })
})

$('.widget-content .success').on('click', function () {
  swal({
      title: 'Good job!',
      text: "",
      type: 'success',
      padding: '2em'
    })

})
//////////////End click/////////////////////////////

//////////////////////////////////////////////////
$(document).ready(function($){
 $('#InventoryFormID').submit(function(e){
  e.preventDefault();
$("#error").hide();
$('.progressinv').show(1000);

        var name = $("input#name").val();
        if(name == ""){
        $("#error").fadeIn().text("Name required.");
        $("input#name").focus();
        return false;
        }

  $.ajax({
  type:"POST",
  url: "sub_files/forms.php",
  data: new FormData( this ),
  processData: false,
  contentType: false,
  success: function(response){

      var jsonData = JSON.parse(response); 

                swal({
                  title: jsonData.msg_head,
                  text:  jsonData.msg_body,
                  type:  jsonData.msg_type,
                  padding: '2em'
                })
                document.getElementById("InventoryFormID").reset();
                if(jsonData.msg_type!=''){
                $('.progressinv').hide(1000);
                }
                return false;
    }
  });

 }); 
return false;
});
//////////////////////////////////////////////////
$('.widget-content .warning.del_inv').on('click', function () {

 var invid = $(this).attr("data-id");

  swal({
      title: 'Are you sure?',
      text: "You won't be able to revert this!",
      type: 'warning',
      showCancelButton: true,
      confirmButtonText: 'Delete',
      padding: '2em'
    }).then(function(result) {
      if (result.value) {
      ////////////////////location.href = 'my_profile.php';///////////////
      
          if (window.XMLHttpRequest) {
                  // code for IE7+, Firefox, Chrome, Opera, Safari
                  xmlhttp = new XMLHttpRequest();
              } else {
                  // code for IE6, IE5
                  xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
              }
              xmlhttp.onreadystatechange = function() {
                  if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
                     // document.getElementById("load_div").innerHTML = xmlhttp.responseText;
                     $('#'+invid).hide(1000);
                     swal(
                        'Deleted!',
                        'This Inventory with the ID of '+invid+' has been deleted.',
                        'success'
                    )
                  }
              }
        // getuser.php is seprate php file. q is parameter 
              xmlhttp.open("GET","sub_files/forms.php?delete_inv="+invid,true); 
              xmlhttp.send();
          
        
      }
    })
})
/////////////////////////////////////////////////
//////////////////////////////////////////////////
$(document).ready(function($){
 $('#categoryid').submit(function(e){
  e.preventDefault();
$('.progressinv').show(1000);

  $.ajax({
  type:"POST",
  url: "sub_files/forms.php",
  data: $(this).serialize(),
  success: function(response){

      var jsonData = JSON.parse(response); 

                swal({
                  title: jsonData.msg_head,
                  text:  jsonData.msg_body,
                  type:  jsonData.msg_type,
                  padding: '2em'
                })
                document.getElementById("categoryid").reset();
                if(jsonData.msg_type!=''){
                $('.progressinv').hide(1000);
                }
                return false;
    }
  });

 }); 
return false;
});
//////////////////////////////////////////////////
///////////////////////del cat///////////////////////////
$('.widget-content .warning.del_cat').on('click', function () {

 var invid = $(this).attr("data-id");

  swal({
      title: 'Are you sure?',
      text: "You won't be able to revert this!",
      type: 'warning',
      showCancelButton: true,
      confirmButtonText: 'Delete',
      padding: '2em'
    }).then(function(result) {
      if (result.value) {
      ////////////////////location.href = 'my_profile.php';///////////////
      
          if (window.XMLHttpRequest) {
                  // code for IE7+, Firefox, Chrome, Opera, Safari
                  xmlhttp = new XMLHttpRequest();
              } else {
                  // code for IE6, IE5
                  xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
              }
              xmlhttp.onreadystatechange = function() {
                  if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
                     // document.getElementById("load_div").innerHTML = xmlhttp.responseText;
                     $('#'+invid).hide(1000);
                     swal(
                        'Deleted!',
                        'This Category with the ID of '+invid+' has been deleted.',
                        'success'
                    )
                  }
              }
        // getuser.php is seprate php file. q is parameter 
              xmlhttp.open("GET","sub_files/forms.php?delete_cat="+invid,true); 
              xmlhttp.send();
          
        
      }
    })
})
/////////////////////////////////////////////////
///////////////////////edit_cat///////////////////////////
$('.widget-content .warning.edit_cat').on('click', function () {

var catid = $(this).attr("data-id");
var catname = $(this).attr("data-catname");

var setnewvalue = document.getElementById("name"+catid);

swal.mixin({
    input: 'text',
    confirmButtonText: 'Next →',
    showCancelButton: true,
    progressSteps: ['1'],
    padding: '2em',
  }).queue([
    {
      title: 'Category Name',
      text: 'Change Category from "'+catname+'"',
    }
  ]).then(function(result) {
  
    if (result.value) {
    var datatoupdate=JSON.stringify(result.value);
      
      
      if (window.XMLHttpRequest) {
                  // code for IE7+, Firefox, Chrome, Opera, Safari
                  xmlhttp = new XMLHttpRequest();
              } else {
                  // code for IE6, IE5
                  xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
              }
              xmlhttp.onreadystatechange = function() {
                  if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
                  document.getElementById("set"+catid).innerHTML = result.value;
                     swal({
                        title: 'All done!',
                        padding: '2em',
                        html:
                        'Category Name: <pre>' +
                            JSON.stringify(result.value) +
                        '</pre>',
                        confirmButtonText: 'Lovely!'
                    })
                    
                    
                    
                  }
              }

              xmlhttp.open("GET","sub_files/forms.php?edit_cat=" + datatoupdate + "+&cat_id=" + catid,true); 
              xmlhttp.send();
              
    }
  })
            



})
/////////////////////////////////////////////////
function check(){
var errormsg = document.getElementById("uploadMsg");
        var x = document.getElementById("name");
        x.value = x.value.toUpperCase();
    errormsg.innerHTML = x.value;
        
}
///////////////////////edit_inv///////////////////////////
$('.widget-content .warning.edit_inv').on('click', function () {

var invid = $(this).attr("data-id");
var invname = $(this).attr("data-invname");
    

    swal({
    title: '<b>Edit Inventory</b>',
    type: 'question',
    html:
      '<form method="POST" enctype="multipart/form-data" action="sub_files/forms.php">'+
      '<p id="uploadMsg"></p>'+
      'Inventory Name: <input id="name" type="text" class="form-control" name="name" value="'+invname+'" onkeyup="check()">'+
      'Inventory Image: <input type="file" class="form-control-file" id="file" name="file"><input type="hidden" name="update_inv" value="okay">'+
      '</from>',
    showCloseButton: true,
    showCancelButton: true,
    cancelButtonAriaLabel: 'Thumbs down',
    confirmButtonText: '<span id="uploadbutton">Upload</span>',
    padding: '2em'
  }).then(function(result) {
    if (result.value) {
    
        
    
        
    }
  })

 
})
/////////////////////////////////////////////////




















$('.widget-content .html-jquery').on('click', function () {
  swal({
    title: 'Custom animation with Animate.css',
    animation: false,
    customClass: 'animated tada',
    padding: '2em'
  })
})

$('.widget-content .title-text').on('click', function () {
  swal({
      title: 'The Internet?',
      text: "That thing is still around?",
      type: 'question',
      padding: '2em'
  })

})

$('.widget-content .custom-width-padding-background').on('click', function () {
  swal({
    title: 'Custom width, padding, background.',
    width: 600,
    padding: "7em",
    customClass: "background-modal",
    background: '#fff url(https://nexa.tucasonline.com/favicon.png) no-repeat 100% 100%',
  })
})

$('.widget-content .warning.confirm').on('click', function () {
  swal({
      title: 'Are you sure?',
      text: "You won't be able to revert this!",
      type: 'warning',
      showCancelButton: true,
      confirmButtonText: 'Delete',
      padding: '2em'
    }).then(function(result) {
      if (result.value) {
        swal(
          'Deleted!',
          'Your file has been deleted.',
          'success'
        )
      }
    })
})

$('.widget-content .warning.cancel').on('click', function () {
  const swalWithBootstrapButtons = swal.mixin({
    confirmButtonClass: 'btn btn-secondary',
    cancelButtonClass: 'btn btn-dark mr-3',
    buttonsStyling: false,
  })

  swalWithBootstrapButtons({
    title: 'Are you sure?',
    text: "You won't be able to revert this!",
    type: 'warning',
    showCancelButton: true,
    confirmButtonText: 'Yes, delete it!',
    cancelButtonText: 'No, cancel!',
    reverseButtons: true,
    padding: '2em'
  }).then(function(result) {
    if (result.value) {
      swalWithBootstrapButtons(
        'Deleted!',
        'Your file has been deleted.',
        'success'
      )
    } else if (
      // Read more about handling dismissals
      result.dismiss === swal.DismissReason.cancel
    ) {
      swalWithBootstrapButtons(
        'Cancelled',
        'Your imaginary file is safe :)',
        'error'
      )
    }
  })
})

$('.widget-content .html').on('click', function () {
  swal({
    title: '<i>HTML</i> <u>example</u>',
    type: 'info',
    html:
      'You can use <b>bold text</b>, ' +
      '<a href="//github.com">links</a> ' +
      'and other HTML tags',
    showCloseButton: true,
    showCancelButton: true,
    focusConfirm: false,
    confirmButtonText:
      '<i class="flaticon-checked-1"></i> Great!',
    confirmButtonAriaLabel: 'Thumbs up, great!',
    cancelButtonText:
    '<i class="flaticon-cancel-circle"></i> Cancel',
    cancelButtonAriaLabel: 'Thumbs down',
    padding: '2em'
  })

})

$('.widget-content .custom-image').on('click', function () {
  swal({
    title: 'Sweet!',
    text: 'Modal with a custom image.',
    imageUrl: 'assets/img/thumbs-up.jpg',
    imageWidth: 400,
    imageHeight: 200,
    imageAlt: 'Custom image',
    animation: false,
    padding: '2em'
  })
})

$('.widget-content .timer').on('click', function () {
  swal({
    title: 'Auto close alert!',
    text: 'I will close in 2 seconds.',
    timer: 2000,
    padding: '2em',
    onOpen: function () {
      swal.showLoading()
    }
  }).then(function (result) {
    if (
      // Read more about handling dismissals
      result.dismiss === swal.DismissReason.timer
    ) {
      console.log('I was closed by the timer')
    }
  })
})

$('.widget-content .chaining-modals').on('click', function () {
  swal.mixin({
    input: 'text',
    confirmButtonText: 'Next &rarr;',
    showCancelButton: true,
    progressSteps: ['1', '2', '3'],
    padding: '2em',
  }).queue([
    {
      title: 'Question 1',
      text: 'Chaining swal2 modals is easy'
    },
    'Question 2',
    'Question 3'
  ]).then(function(result) {
    if (result.value) {
      swal({
        title: 'All done!',
        padding: '2em',
        html:
          'Your answers: <pre>' +
            JSON.stringify(result.value) +
          '</pre>',
        confirmButtonText: 'Lovely!'
      })
    }
  })
})

$('.widget-content .dynamic-queue').on('click', function () {
  const ipAPI = 'https://api.ipify.org?format=json'
  swal.queue([{
    title: 'Your public IP',
    confirmButtonText: 'Show my public IP',
    text:
      'Your public IP will be received ' +
      'via AJAX request',
    showLoaderOnConfirm: true,
    preConfirm: function() {
      return fetch(ipAPI)
        .then(function (response) { 
            return response.json();
        })
        .then(function(data) {
           return swal.insertQueueStep(data.ip)
        })
        .catch(function() {
          swal.insertQueueStep({
            type: 'error',
            title: 'Unable to get your public IP'
          })
        })
    }
  }])

})

$('.widget-content .footer').on('click', function () {
  swal({
    type: 'error',
    title: 'Oops...',
    text: 'Something went wrong!',
    footer: '<a href>Why do I have this issue?</a>',
    padding: '2em'
  })
})

$('.widget-content .RTL').on('click', function () {
  swal({
    title: 'هل تريد الاستمرار؟',
    confirmButtonText:  'نعم',
    cancelButtonText:  'لا',
    showCancelButton: true,
    showCloseButton: true,
    padding: '2em',
    target: document.getElementById('rtl-container')
  })

})

$('.widget-content .mixin').on('click', function () {
  const toast = swal.mixin({
    toast: true,
    position: 'top-end',
    showConfirmButton: false,
    timer: 3000,
    padding: '2em'
  });
  toast({
    type: 'success',
    title: 'Signed in successfully',
    padding: '2em',
  })

})