// Agent Buttons
var isMobile = false;

$(document).ready(function(){
  if(/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {
    $('#a1-v').prop('controls',true);
    $('#a2-v').prop('controls',true);
    $('#a3-v').prop('controls',true);
    $('#a4-v').prop('controls',true);
    $('#a5-v').prop('controls',true);
    isMobile = true;
  }
});

$(document).ready(function(){
  $("#a1-btn").click(function(){
    $("#a1").show();
    $("#a2").hide();
    $("#a3").hide();
    $("#a4").hide();
    $("#a5").hide()
    if(!isMobile)
      $('#a1-v').trigger('load');
    $('#a2-v').trigger('pause');
    $('#a3-v').trigger('pause');
    $('#a4-v').trigger('pause');
    $('#a5-v').trigger('pause');
  });
});

$(document).ready(function(){
  $("#a2-btn").click(function(){
    $("#a1").hide();
    $("#a2").show();
    $("#a3").hide();
    $("#a4").hide();
    $("#a5").hide()
    $('#a1-v').trigger('pause'); 
    if(!isMobile)
      $('#a2-v').trigger('load');
    $('#a3-v').trigger('pause');
    $('#a4-v').trigger('pause');
    $('#a5-v').trigger('pause');
  });
});

$(document).ready(function(){
  $("#a3-btn").click(function(){
    $("#a1").hide();
    $("#a2").hide();
    $("#a3").show();
    $("#a4").hide();
    $("#a5").hide()
    $('#a1-v').trigger('pause');
    $('#a2-v').trigger('pause');
    if(!isMobile)
      $('#a3-v').trigger('load');
    $('#a4-v').trigger('pause');
    $('#a5-v').trigger('pause');
  });
});

$(document).ready(function(){
  $("#a4-btn").click(function(){
    $("#a1").hide();
    $("#a2").hide();
    $("#a3").hide();
    $("#a4").show();
    $("#a5").hide()
    $('#a1-v').trigger('pause'); 
    $('#a2-v').trigger('pause');
    $('#a3-v').trigger('pause');
    if(!isMobile)
      $('#a4-v').trigger('load');
    $('#a5-v').trigger('pause');
  });
});

$(document).ready(function(){
  $("#a5-btn").click(function(){
    $("#a1").hide();
    $("#a2").hide();
    $("#a3").hide();
    $("#a4").hide();
    $("#a5").show();
    $('#a1-v').trigger('pause'); 
    $('#a2-v').trigger('pause');
    $('#a3-v').trigger('pause');
    $('#a4-v').trigger('pause');
    if(!isMobile)
      $('#a5-v').trigger('load');
  });
});

// Enable popovers and tooltips
$(function () {
  $('[data-toggle="tooltip"]').tooltip()
})

$(function () {
  $('[data-toggle="popover"]').popover()
})

// Filter buttons for index.html
$(document).ready(function(){
  $("#btn-classes").click(function(){
    $(".initiator").show();
    $(".controller").show();
    $(".sentinel").show();
    $(".duelist").show();
    $(".not-class").show();
  });
});

$(document).ready(function(){
  $("#btn-initiator").click(function(){
    $(".initiator").show();
    $(".controller").hide();
    $(".sentinel").hide();
    $(".duelist").hide();
    $(".not-class").hide();
  });
});

$(document).ready(function(){
  $("#btn-controller").click(function(){
    $(".initiator").hide();
    $(".controller").show();
    $(".sentinel").hide();
    $(".duelist").hide();
    $(".not-class").hide();
  });
});

$(document).ready(function(){
  $("#btn-sentinel").click(function(){
    $(".initiator").hide();
    $(".controller").hide();
    $(".sentinel").show();
    $(".duelist").hide();
    $(".not-class").hide();
  });
});

$(document).ready(function(){
  $("#btn-duelist").click(function(){
    $(".initiator").hide();
    $(".controller").hide();
    $(".sentinel").hide();
    $(".duelist").show();
    $(".not-class").hide();
  });
});

$(document).ready(function(){
  $("#btn-github").click(function(){
    window.open('https://github.com/jma8774/Valorant-Agents-Website', '_blank');
  });
});

// Card Hide/Show Toggles
var border_character = ""
$(document).ready(function(){
  var classes = $("#bio-toggle").prop("classList");
  if(classes)
    border_character = classes[2];
});

$(document).ready(function(){
  $("#bio-toggle").click(function(){
    $("#bio-toggle").next().collapse('toggle');
  });
});

$(document).ready(function(){
  var btn = $("#bio-toggle");
  btn.next().on('show.bs.collapse', function () {
    btn.addClass(border_character);
    btn.addClass("border-bottom");
  });
  btn.next().on('hidden.bs.collapse', function () {
    btn.removeClass(border_character);
    btn.removeClass("border-bottom");
  });
});

$(document).ready(function(){
  $("#abilities-toggle").click(function(){
    $("#abilities-toggle").next().collapse('toggle');
  });
});

$(document).ready(function(){
  var btn = $("#abilities-toggle");
  btn.next().on('show.bs.collapse', function () {
    btn.addClass(border_character);
    btn.addClass("border-bottom");
  });
  btn.next().on('hidden.bs.collapse', function () {
    btn.removeClass(border_character);
    btn.removeClass("border-bottom");
  });
});

$(document).ready(function(){
  $("#contract-toggle").click(function(){
    $("#contract-toggle").next().collapse('toggle');
  });
});

$(document).ready(function(){
  var btn = $("#contract-toggle");
  btn.next().on('show.bs.collapse', function () {
    btn.addClass(border_character);
    btn.addClass("border-bottom");
  });
  btn.next().on('hidden.bs.collapse', function () {
    btn.removeClass(border_character);
    btn.removeClass("border-bottom");
  });
});