<script type="text/javascript">
       var sessionCode = '<?php echo $sessionCode;?>';
</script>
<script>
// jQuery(function($){
// $("#creditCardHolderBirthDate").mask("99/99/9999");
// $("#senderCPF").mask("999.999.999-99");
// });
jQuery(function($) {
            PagSeguroDirectPayment.setSessionId(sessionCode);
            PagSeguroDirectPayment.getPaymentMethods({
              success: function(json){
                  console.log(json);
              },
              error: function(json){
                  console.log(json);
                var erro = "";
                for(i in json.errors){
                  erro = erro + json.errors[i];
                }
                alert(erro);
              },
              complete: function(json){
              }
            });
          });
function getBrand(){
  PagSeguroDirectPayment.getBrand({
    cardBin: $("input[name='cardNumber']").val().replace(/ /g,''),
    success: function(json){
      var brand = json.brand.name;

      $("input[name='brand']").val(brand);

      console.log(brand);

    },
    error: function(json){
      console.log(json);
    },
    complete: function(json){
    }
  });
}
$("button#submit").click(function(){
      var senderHash = PagSeguroDirectPayment.getSenderHash();
      $("input[name='senderHash']").val(senderHash);
      console.log(senderHash);

    pagarCartao();
  });
function pagarCartao(){
      PagSeguroDirectPayment.createCardToken({
          cardNumber: $("input[name='cardNumber']").val(),
          brand: $("input[name='brand']").val(),
          cvv: $("input[name='cardCVC']").val(),
          expirationMonth: $("input[name='cardExpiryMonth']").val(),
          expirationYear: $("input[name='cardExpiryYear']").val(),
          success: function(json){
            var token = json.card.token;
            // document.cookie = "creditCardToken="+token;
            $("input[name='token']").val(token);
            console.log("Token: " + token);
            $.ajax({
                type: 'POST',
                url: 'http://localhost/pagteste/pay.php',
                cache: false,
                data: {
                  token: $("input[name='token']").val(),
                  senderHash: $("input[name='senderHash']").val(),
                  itemId1: $("input[name='itemId1']").val(),
                  itemDescription1: $("input[name='itemDescription1']").val(),
                  itemAmount1: $("input[name='itemAmount1']").val(),
                  itemQuantity1: $("input[name='itemQuantity1']").val(),
                  reference: $("input[name='reference']").val(),
                  senderName: $("input[name='senderName']").val(),
                  senderCPF: $("input[name='senderCPF']").val(),
                  senderAreaCode: $("input[name='senderAreaCode']").val(),
                  senderPhone: $("input[name='senderPhone']").val(),
                  senderEmail: $("input[name='senderEmail']").val(),
                  installmentValue: $("input[name='itemAmount1']").val(),
                  creditCardHolderName: $("input[name='creditCardHolderName']").val(),
                  creditCardHolderCPF: $("input[name='creditCardHolderCPF']").val(),
                  creditCardHolderBirthDate: $("input[name='creditCardHolderBirthDate']").val(),
                  creditCardHolderAreaCode: $("input[name='creditCardHolderAreaCode']").val(),
                  creditCardHolderPhone: $("input[name='creditCardHolderPhone']").val(),
                  billingAddressStreet: $("input[name='billingAddressStreet']").val(),
                  billingAddressNumber: $("input[name='billingAddressNumber']").val(),
                  billingAddressDistrict: $("input[name='billingAddressDistrict']").val(),
                  billingAddressPostalCode: $("input[name='billingAddressPostalCode']").val(),
                  billingAddressCity: $("input[name='billingAddressCity']").val(),
                  billingAddressState: $("input[name='billingAddressState']").val(),
                  billingAddressCountry: $("input[name='billingAddressCountry']").val()
                },
                sucess: function(data){

                   window.location.href = "http://localhost/pagteste/pay.php";
                },error: function(data){
                      console.log(data);
                        window.location.href = "http://localhost/pagteste/pay.php";
                  },
                  complete:function(data){
                    window.location.href = "http://localhost/pagteste/pay.php";
                     console.log(data);
                  }
              });
          },
          error: function(json){
              console.log(json);

          },
          complete:function(json){
          }
      });   // $("input[name='']").val(),

    }
</script>