             document.querySelector ".c-modal"
 
         removeModal : ->
-            #do some animations
-            # obj = $(".c-modal")
+            #To-Do: animations
             document.body.removeChild( _helpers.getModal() )
             return
 

            wrapHtml.setAttribute("class", "c-modal")
            wrapHtml.innerHTML = _form
            document.body.appendChild wrapHtml
            return



            'pattern': '{{9999}}',
            'persistent': false
            }

        cancelButton = (e) ->
            _helpers.removeModal()

        makePayment = (e) ->
            e.preventDefault()
            has_error= false
            card = {}
            name = document.querySelector("[data-conekta-card-name]").value

            unless name
                has_error = true
            else
                card.name = name
            

            date = document.querySelector("[data-conekta-card-date]").value

            unless date
                has_error = trueconsole.log "The date is invalid: ", date

            else
                date = date.split(" / ")
                month = date[0]
                year = date[1]

                unless Conekta.card.validateExpirationDate(month, year)
                    has_error = trueconsole.log "The date is invalid. Month", month, ", Year: ", year

                else
                    card.exp_year = year
                    card.exp_month = month

            number = document.querySelector("[data-conekta-card-number]").value

            unless Conekta.card.validateNumber(number) 
                has_error = true
            else
                card.number = number


            cvc = document.querySelector("[data-conekta-card-cvc]").value

            unless Conekta.card.validateCVC(cvc)
                has_error = true
            else
                card.cvc = cvc


            unless has_error

