cobuild-angular-stack

<div class="container-checkout checkout-payment"> <header> <h2 class="text-center header-gray">{{'payment-detail' | translate}}</h2> </header> <form name="form_pay" ng-submit="form_pay.$valid && mcCtrl.pay()"> <div class="margin-bottom"> <div class="text-center pay-methods" style="min-height: 200px;"> <div class="col-xs-4 col-md-4 col-lg-4 col-sm-4"> <div class="text-mobile"> <div class="radio"> <input id="pay-method-paypal" type="radio" ng-model="paymentInfo.method" value="paypal"> <label for="pay-method-paypal"> <div></div> </label> <label for="pay-method-paypal"> <img src="img/paypal.png"> <div> <p>PayPal</p> </div> </label> </div> </div> </div> <div class="col-xs-4 col-md-4 col-lg-4 col-sm-4"> <div class="text-mobile"> <div class="radio"> <input id="pay-method-cc" type="radio" ng-model="paymentInfo.method" value="cc"> <label for="pay-method-cc"> <div></div> </label> <label for="pay-method-cc"> <img src="img/credit-card.png"> <div> <p class="text-center">{{'credit-or-debit-card' | translate}}</p> </div> </label> </div> </div> </div> <div class="col-xs-4 col-md-4 col-lg-4 col-sm-4"> <div class="text-mobile"> <div class="radio"> <input id="pay-method-oxxo" type="radio" ng-model="paymentInfo.method" value="ox"> <label for="pay-method-oxxo"> <div></div> </label> <label for="pay-method-oxxo"> <img src="img/oxxo_icon.png"> <div> <p>{{'oxxo' | translate}}</p> </div> </label> </div> </div> </div> </div>   <div class="row" require-scroll scroll-top="true" scroll-offset="-50" ng-if="paymentInfo.method==='dp'"> <p class="pay-message">{{'pay-message' | translate}}</p> </div> <div class="row" ng-if="paymentInfo.method==='cc' "> <div class="col-md-12 col-xs-12"> <p class="pay-message">{{ 'addition-info-credit-card' | translate }} </p> </div> </div> <div class="row margin-top" require-scroll scroll-top="true" scroll-offset="-50" ng-if="paymentInfo.method==='cc' || (paymentInfo.method==='mercado' && (paymentInfo.mercado.method === 'debit_card' || paymentInfo.mercado.method === 'credit_card' || paymentInfo.mercado.method === 'prepaid_card'))">  <div class="col-md-6 col-sm-6 col-xs-12 margin-top-2"> <div> <h4 class="control-label dark-font">{{'payment-information' | translate}}</h4> </div> <div class="form-group margin-top-2" ng-class="{'has-warning': validateForm.fullname_error.length > 0 }"> <label for="payer_fullname">{{'first-last' | translate}}</label> <input ng-required="paymentInfo.method==='cc' || (paymentInfo.method==='mercado' && (paymentInfo.mercado.method === 'debit_card' || paymentInfo.mercado.method === 'credit_card')) || paymentInfo.method==='ox' || (paymentInfo.method==='mercado' && (paymentInfo.mercado.method === 'ticket' || paymentInfo.mercado.method === 'atm' || paymentInfo.mercado.method === 'prepaid_card'))" type="text" class="form-control" ng-model="paymentInfo.payer.fullname" name="payer_fullname" ng-blur="onValidateInput('fullname', paymentInfo.payer.fullname)" ng-keyup="onValidateInput('fullname', paymentInfo.payer.fullname,false, true)" /> <div class="valid-error">{{ validateForm.fullname_error }}</div> </div> <div class="form-group" ng-class="{'has-warning': validateForm.email_error.length > 0 }"> <label for="payer_email">{{'email' | translate}}</label> <input name="payer_email" ng-required="paymentInfo.method==='cc' || (paymentInfo.method==='mercado' && (paymentInfo.mercado.method === 'debit_card' || paymentInfo.mercado.method === 'credit_card')) || paymentInfo.method==='ox' || (paymentInfo.method==='mercado' && (paymentInfo.mercado.method === 'ticket' || paymentInfo.mercado.method === 'atm' || paymentInfo.mercado.method === 'prepaid_card'))" ng-model="paymentInfo.payer.email" type="email" class="form-control" ng-blur="onValidateInput('email', paymentInfo.payer.email)" ng-keyup="onValidateInput('email', paymentInfo.payer.email, false, true)" /> <div class="valid-error">{{ validateForm.email_error }}</div> </div> <div class="form-group" ng-class="{'has-warning': validateForm.confirmEmail_error.length > 0 }" ng-if="paymentInfo.method==='cc' || (paymentInfo.method==='mercado' && (paymentInfo.mercado.method === 'debit_card' || paymentInfo.mercado.method === 'credit_card')) || paymentInfo.method==='ox' || (paymentInfo.method==='mercado' && (paymentInfo.mercado.method === 'ticket' || paymentInfo.mercado.method === 'atm' || paymentInfo.mercado.method === 'prepaid_card'))"> <label for="confirmEmail">{{'confirm-email' | translate}}</label> <input id="confirmEmail" name="confirmEmail" ng-required="paymentInfo.method==='cc' || (paymentInfo.method==='mercado' && (paymentInfo.mercado.method === 'debit_card' || paymentInfo.mercado.method === 'credit_card')) || paymentInfo.method==='ox' || (paymentInfo.method==='mercado' && (paymentInfo.mercado.method === 'ticket' || paymentInfo.mercado.method === 'atm' || paymentInfo.mercado.method === 'prepaid_card'))" ng-model="confirmEmail" type="email" class="form-control" ng-blur="onValidateInput('confirmEmail', confirmEmail, paymentInfo.payer.email)" ng-keyup="onValidateInput('confirmEmail', confirmEmail, paymentInfo.payer.email, true)" /> <div class="valid-error">{{ validateForm.confirmEmail_error }}</div> </div> <div class="form-group" ng-if="paymentInfo.method==='cc' || (paymentInfo.method==='mercado' && (paymentInfo.mercado.method === 'debit_card' || paymentInfo.mercado.method === 'credit_card')) || paymentInfo.method==='ox' || (paymentInfo.method==='mercado' && (paymentInfo.mercado.method === 'ticket' || paymentInfo.mercado.method === 'atm' || paymentInfo.mercado.method === 'prepaid_card'))" ng-class="{'has-warning': validateForm.phone_error.length > 0 }"> <label for="payer_tel">{{'phone' | translate}}</label> <input ng-required="paymentInfo.method==='cc' || (paymentInfo.method==='mercado' && (paymentInfo.mercado.method === 'debit_card' || paymentInfo.mercado.method === 'credit_card')) || paymentInfo.method==='ox' || (paymentInfo.method==='mercado' && (paymentInfo.mercado.method === 'ticket' || paymentInfo.mercado.method === 'atm' || paymentInfo.mercado.method === 'prepaid_card'))" ng-model="paymentInfo.payer.phone" ng-blur="onValidateInput('phone', paymentInfo.payer.phone)" pattern=".{7,12}" name="payer_tel" type="tel" class="form-control" ng-keyup="onValidateInput('phone', paymentInfo.payer.phone,false, true)" /> <div class="valid-error">{{ validateForm.phone_error }}</div> </div> </div>  <div class="col-md-6 col-sm-6 col-xs-12 margin-top-2"> <div> <h4 class="dark-font">{{'card-information' | translate}}</h4> </div> <div class="form-group" ng-class="{'has-warning': validateForm.card_number_error.length > 0 }" ng-if="paymentInfo.method==='cc' || (paymentInfo.method==='mercado' && (paymentInfo.mercado.method === 'debit_card' || paymentInfo.mercado.method === 'credit_card' || paymentInfo.mercado.method === 'prepaid_card'))"> <label for="pay_number">{{'card-number' | translate}}</label> <input type="tel" autocomplete=”off” maxlength="16" name="pay_number" ng-blur="onValidateInput('card_number', paymentInfo.pay.number)" class="form-control" ng-keyup="onValidateInput('card_number', paymentInfo.pay.number,false, true)" ng-required="paymentInfo.method==='cc' || (paymentInfo.method==='mercado' && (paymentInfo.mercado.method === 'debit_card' || paymentInfo.mercado.method === 'credit_card' || paymentInfo.mercado.method === 'prepaid_card'))" ng-model="paymentInfo.pay.number"/> <div class="valid-error">{{ validateForm.card_number_error }}</div> </div> <div class="form-group"> <div class="row"> <div class="col-md-6 col-xs-12"> <label for="payer_country">{{'country' | translate}}</label> <select class="form-control" name="payer_country" ng-required="paymentInfo.method==='cc' || (paymentInfo.method==='mercado' && (paymentInfo.mercado.method === 'debit_card' || paymentInfo.mercado.method === 'credit_card' || paymentInfo.mercado.method === 'prepaid_card'))" ng-model="paymentInfo.payer.country"> <option ng-repeat="country in countries" value="{{country.alpha2}}"> {{country.name}} </option> </select> </div> <div class="col-md-6 col-xs-12" ng-class="{'has-warning': validateForm.city_error.length > 0 }"> <label for="payer_city">{{'city' | translate}}</label> <input name="payer_city" ng-blur="onValidateInput('city', paymentInfo.payer.city)" ng-required="paymentInfo.method==='cc' || (paymentInfo.method==='mercado' && (paymentInfo.mercado.method === 'debit_card' || paymentInfo.mercado.method === 'credit_card' || paymentInfo.mercado.method === 'prepaid_card'))" ng-model="paymentInfo.payer.city" type="text" class="form-control" ng-keyup="onValidateInput('city', paymentInfo.payer.city,false, true)" /> <div class="valid-error">{{ validateForm.city_error }}</div> </div> </div> </div> <div class="form-group"> <div class="margin-top-2"> <h4 class="state-gray">{{'due-date' | translate}}</h4 class="state-gray"> </div> <div class="col-md-4 col-xs-12" ng-class="{'has-warning': validateForm.exp_month_error.length > 0 }"> <select name="date" ng-blur="onValidateInput('exp_month', paymentInfo.pay.exp_month)" name="pay_expire_month" ng-model="paymentInfo.pay.exp_month" ng-change="onValidateInput('exp_month', paymentInfo.pay.exp_month,false, true)" ng-required="paymentInfo.method==='cc' || (paymentInfo.method==='mercado' && (paymentInfo.mercado.method === 'debit_card' || paymentInfo.mercado.method === 'credit_card' || paymentInfo.mercado.method === 'prepaid_card'))" class="form-control"> <option disabled value="">{{'month' | translate}}</option> <option ng-selected="num == paymentInfo.pay.exp_month" ng-repeat="num in months" value="{{num}}">{{num}} </option> </select> <div class="valid-error">{{ validateForm.exp_month_error }}</div> </div> <div class="col-md-4 col-xs-12" ng-class="{'has-warning': validateForm.exp_year_error.length > 0 }"> <select name="date" name="pay_expire_year" ng-blur="onValidateInput('exp_year', paymentInfo.pay.exp_year)" ng-model="paymentInfo.pay.exp_year" ng-change="onValidateInput('exp_year', paymentInfo.pay.exp_year,false, true)" ng-required="paymentInfo.method==='cc' || (paymentInfo.method==='mercado' && (paymentInfo.mercado.method === 'debit_card' || paymentInfo.mercado.method === 'credit_card' || paymentInfo.mercado.method === 'prepaid_card'))" class="form-control"> <option disabled value="">{{'year' | translate}}</option> <option ng-selected="num == paymentInfo.pay.exp_year" ng-repeat="num in years" value="{{ num }}">{{num}} </option> </select> <div class="valid-error">{{ validateForm.exp_year_error }}</div> </div> <div class="col-md-3 col-xs-10" ng-class="{'has-warning': validateForm.cvc_error.length > 0 }"> <input placeholder="CVC" maxlength="{{ paymentInfo.otro.pay_type == 'amex' ? 4 : 3 }}" name="pay_cvv" ng-blur="onValidateInput('cvc', paymentInfo.pay.cvc)" ng-keyup="onValidateInput('cvc', paymentInfo.pay.cvc,false, true)" ng-required="paymentInfo.method==='cc' || (paymentInfo.method==='mercado' && (paymentInfo.mercado.method === 'debit_card' || paymentInfo.mercado.method === 'credit_card' || paymentInfo.mercado.method === 'prepaid_card'))" ng-model="paymentInfo.pay.cvc" type="text" class="form-control"/> <div class="valid-error">{{ validateForm.cvc_error }}</div> </div> <div class="col-md-1 col-xs-1" > <div tooltip-trigger="" tooltip-is-open="false" uib-tooltip="{{'cvc_help' | translate}}" tooltip-class="customClass" tooltip-placement="left"> <img src="../img/sino-.png" class="help-cvv" > </div> </div> </div> </div> </div> <div class="row margin-top" require-scroll scroll-top="true" scroll-offset="-50" ng-if="paymentInfo.method==='ox' || (paymentInfo.method==='mercado' && (paymentInfo.mercado.method === 'ticket' || paymentInfo.mercado.method === 'atm' ))">  <div class="col-md-6 col-sm-6 col-xs-12 margin-top-2"> <div> <h4 class="control-label dark-font">{{'payment-information' | translate}}</h4> </div> <div class="form-group margin-top-2" ng-class="{'has-warning': validateForm.fullname_error.length > 0 }"> <label for="payer_fullname">{{'first-last' | translate}}</label> <input ng-required="paymentInfo.method==='cc' || (paymentInfo.method==='mercado' && (paymentInfo.mercado.method === 'debit_card' || paymentInfo.mercado.method === 'credit_card')) || paymentInfo.method==='ox' || (paymentInfo.method==='mercado' && (paymentInfo.mercado.method === 'ticket' || paymentInfo.mercado.method === 'atm' || paymentInfo.mercado.method === 'prepaid_card')) " type="text" class="form-control" ng-model="paymentInfo.payer.fullname" name="payer_fullname" ng-blur="onValidateInput('fullname', paymentInfo.payer.fullname)" ng-keyup="onValidateInput('fullname', paymentInfo.payer.fullname,false, true)" /> <div class="valid-error">{{ validateForm.fullname_error }}</div> </div> <div class="form-group" ng-class="{'has-warning': validateForm.phone_error.length > 0 }" ng-if="paymentInfo.method==='cc' || (paymentInfo.method==='mercado' && (paymentInfo.mercado.method === 'debit_card' || paymentInfo.mercado.method === 'credit_card')) || paymentInfo.method==='ox' || (paymentInfo.method==='mercado' && (paymentInfo.mercado.method === 'ticket' || paymentInfo.mercado.method === 'atm' || paymentInfo.mercado.method === 'prepaid_card'))"> <label for="payer_tel">{{'phone' | translate}}</label> <input ng-required="paymentInfo.method==='cc' || (paymentInfo.method==='mercado' && (paymentInfo.mercado.method === 'debit_card' || paymentInfo.mercado.method === 'credit_card')) || paymentInfo.method==='ox' || (paymentInfo.method==='mercado' && (paymentInfo.mercado.method === 'ticket' || paymentInfo.mercado.method === 'atm' || paymentInfo.mercado.method === 'prepaid_card'))" ng-model="paymentInfo.payer.phone" name="payer_tel" type="tel" class="form-control" ng-blur="onValidateInput('phone', paymentInfo.payer.phone)" ng-keyup="onValidateInput('phone', paymentInfo.payer.phone,false, true)" /> <div class="valid-error">{{ validateForm.phone_error }}</div> </div> <div class="form-group"> <div> <h4 class="state-gray">{{'birthdate' | translate}}</h4> </div> <div class="col-md-4 col-xs-12" ng-class="{'has-warning': validateForm.year_error.length > 0 }"> <select name="year" ng-model="birthdate.year" ng-required="paymentInfo.method==='cc' || (paymentInfo.method==='mercado' && (paymentInfo.mercado.method === 'debit_card' || paymentInfo.mercado.method === 'credit_card')) || paymentInfo.method==='ox' || (paymentInfo.method==='mercado' && (paymentInfo.mercado.method === 'ticket' || paymentInfo.mercado.method === 'atm' || paymentInfo.mercado.method === 'prepaid_card'))" class="form-control" ng-blur="onValidateInput('year', birthdate.year)" ng-change="onValidateInput('year', birthdate.year,false, true)"> <option disabled value="">{{'year' | translate}}</option> <option ng-repeat="num in birthyears" ng-value="num">{{num}}</option> </select> <div class="valid-error">{{ validateForm.year_error }}</div> </div> <div class="col-md-4 col-xs-12" ng-class="{'has-warning': validateForm.month_error.length > 0 }"> <select name="month" ng-model="birthdate.month" ng-required="paymentInfo.method==='cc' || (paymentInfo.method==='mercado' && (paymentInfo.mercado.method === 'debit_card' || paymentInfo.mercado.method === 'credit_card')) || paymentInfo.method==='ox' || (paymentInfo.method==='mercado' && (paymentInfo.mercado.method === 'ticket' || paymentInfo.mercado.method === 'atm' || paymentInfo.mercado.method === 'prepaid_card'))" class="form-control" ng-blur="onValidateInput('month', birthdate.month)" ng-change="onValidateInput('month', birthdate.month,false, true)" > <option disabled value="">{{'month' | translate}}</option> <option ng-repeat="num in months" ng-value="num">{{num}} </option> </select> <div class="valid-error">{{ validateForm.month_error }}</div> </div> <div class="col-md-4 col-xs-12" ng-class="{'has-warning': validateForm.month_error.length > 0}"> <select name="date" ng-model="birthdate.date" ng-required="paymentInfo.method==='cc' || (paymentInfo.method==='mercado' && (paymentInfo.mercado.method === 'debit_card' || paymentInfo.mercado.method === 'credit_card')) || paymentInfo.method==='ox' || (paymentInfo.method==='mercado' && (paymentInfo.mercado.method === 'ticket' || paymentInfo.mercado.method === 'atm' || paymentInfo.mercado.method === 'prepaid_card'))" class="form-control" ng-blur="onValidateInput('month', birthdate.date)" ng-change="onValidateInput('month', birthdate.date,false, true)" > <option disabled value="">{{'day' | translate}}</option> <option ng-repeat="num in getDaysArray(birthdate.year, birthdate.month)" ng-value="num"> {{num}} </option> </select> <div class="valid-error">{{ validateForm.date_error }}</div> </div> </div> </div>  <div class="col-md-6 col-sm-6 col-xs-12 margin-top-7"> <div class="form-group" ng-class="{'has-warning': validateForm.month_error.length > 0 }"> <label for="payer_email">{{'email' | translate}}</label> <input name="payer_email" ng-required="paymentInfo.method==='cc' || (paymentInfo.method==='mercado' && (paymentInfo.mercado.method === 'debit_card' || paymentInfo.mercado.method === 'credit_card')) || paymentInfo.method==='ox' || (paymentInfo.method==='mercado' && (paymentInfo.mercado.method === 'ticket' || paymentInfo.mercado.method === 'atm' || paymentInfo.mercado.method === 'prepaid_card'))" ng-model="paymentInfo.payer.email" type="email" class="form-control" ng-blur="onValidateInput('email', paymentInfo.payer.email)" ng-keyup="onValidateInput('email', paymentInfo.payer.email,false, true)" /> <div class="valid-error">{{ validateForm.email_error }}</div> </div> <div class="form-group" ng-class="{'has-warning': validateForm.confirmEmail_error.length > 0 }" ng-if="paymentInfo.method==='cc' || (paymentInfo.method==='mercado' && (paymentInfo.mercado.method === 'debit_card' || paymentInfo.mercado.method === 'credit_card')) || paymentInfo.method==='ox' || (paymentInfo.method==='mercado' && (paymentInfo.mercado.method === 'ticket' || paymentInfo.mercado.method === 'atm' || paymentInfo.mercado.method === 'prepaid_card'))"> <label for="confirmEmail">{{'confirm-email' | translate}}</label> <input id="confirmEmail" name="confirmEmail" ng-required="paymentInfo.method==='cc' || (paymentInfo.method==='mercado' && (paymentInfo.mercado.method === 'debit_card' || paymentInfo.mercado.method === 'credit_card')) || paymentInfo.method==='ox' || (paymentInfo.method==='mercado' && (paymentInfo.mercado.method === 'ticket' || paymentInfo.mercado.method === 'atm' || paymentInfo.mercado.method === 'prepaid_card'))" ng-model="confirmEmail" type="email" class="form-control" ng-blur="onValidateInput('confirmEmail', confirmEmail, paymentInfo.payer.email)" ng-keyup="onValidateInput('confirmEmail', confirmEmail, paymentInfo.payer.email, true)" /> <div class="valid-error">{{ validateForm.confirmEmail_error }}</div> </div> <div class="form-group" ng-if="(paymentInfo.method==='mercado' && (paymentInfo.mercado.method === 'ticket' || paymentInfo.mercado.method === 'atm' || paymentInfo.mercado.method === 'prepaid_card'))"> <label for="pay_type">{{'pay_type' | translate}}</label> <div ng-repeat="(key ,value) in mercadoMedios"> <div ng-if="paymentInfo.mercado.method === key"> <select class="form-control" name="pay_type" ng-model="paymentInfo.mercado.pay_type"> <option ng-repeat="element in value.elements" value="{{element.id}}"> {{element.name}} </option> </select> </div> </div> </div> </div> </div> <div class="row" require-scroll scroll-top="true" scroll-offset="-50" ng-if="paymentInfo.method==='paypal'"></div> </div> <div> <div class="col-sm-12"> <table class="table table-checkout hidden-xs"> <thead> <tr> <th>{{'added-gifts' | translate}}</th> <th>{{'quantity' | translate}}</th> <th>{{'price' | translate}}</th> <th></th> </tr> </thead> <tbody> <tr ng-repeat="product in products"> <td class="flex-center"> <div class="image" ng-style="{backgroundImage: product.image ? 'url('+product.image+')' : 'url(img/default-gift.png)'}"></div> <div> {{product.name}} </div> </td> <td>{{product.bought}}</td> <td>{{product.convertedPrice}}</td> <td> <div class="content-icon" ng-click="removeItem($index)"><i class="remove" ></i></div> </td> </tr> <tr class="subtotal"> <td class="text-right" colspan="2">SUBTOTAL</td> <td class="text-center" colspan="1">{{total}}</td> <td class="text-right" colspan="1"> </td> </tr> <tr class="subtotal"> <td class="text-right" colspan="2"> COMISION BANCARIA <div class="col-md-1 col-xs-1 pull-right" style="margin: 0px;padding: 0px;width: 23px;"> <div tooltip-popup-close-delay='1500' uib-tooltip="{{'commisions_help' | translate}}" tooltip-class="customClass" tooltip-placement="left"> <img src="../img/sino-.png" style="width: 15px;height: 15px;margin-top: -4px;" > </div> </div> </td> <td class="text-center" colspan="1">{{comission}}</td> <td class="text-right" colspan="1"> </td> </tr> <tr class="subtotal"> <td class="text-right" colspan="2">TOTAL</td> <td class="text-center" colspan="1">{{totalAndComission}}</td> <td class="text-right" colspan="1"> <div class="btn-group" uib-dropdown auto-close="true"> <ul class="pull-right" uib-dropdown-menu role="menu" aria-labelledby="currency"> <li ng-repeat="currency in currencies"> <a ng-click="selectCurrency(currency)">{{currency.name}}</a> </li> </ul> <button style="background-color: #ccc;" id="currency" type="button" class="btn btn-dark" uib-dropdown-toggle ng-disabled="disabled"> {{currency.name|truncate:10:'...':true}} <span class="caret"></span> </button> </div> </td> </tr> </tbody> </table> </div> <div class="visible-xs cart"> <div ng-repeat="item in products" class="cart-product"> <div class="remove" ng-click="removeItem($index)"> <img src="img/closepink.png"> </div> <div class="ui grid"> <div class="content-image"> <img class="image" ng-show="item.image" ng-src="{{item.image}}" /> <img class="image" ng-show="!item.image" src="img/default-gift.png" /> </div> <div class="content-body"> <div class="title"> {{item.name}} </div> <div class="row"> <div class="col-xs-5">{{'quantity' | translate}}</div> <div class="col-xs-7 text-right bold">{{item.bought | currency : '' : 2}}</div> </div> <div class="row"> <div class="col-xs-5">{{'price' | translate}}</div> <div class="col-xs-7 text-right bold">{{item.convertedPrice}}</div> </div> </div> </div> </div> <div class="cart-detail-payment"> <div class="ui grid"> <div class="content-body"> <div class="row"> <div class="col-xs-6">{{'SUBTOTAL' | translate}}</div> <div class="col-xs-6 text-right bold">{{ total }}</div> </div> <div class="row"> <div class="col-xs-6"> {{'COMISION BANCARIA' | translate}} <div class="col-md-1 col-xs-1" style="float:left;position: absolute;top: -1px;left: 138px;"> <div popover-trigger="mouseenter outsideClick" tooltip-is-open="false" tooltip-popup-close-delay='1000' uib-tooltip="{{'commisions_help' | translate}}" tooltip-class="customClass" tooltip-placement="top"> <img src="../img/sino-.png" style="width:15px;height:15px" > </div> </div> </div> <div class="col-xs-6 text-right bold">{{comission}}</div> </div> <div class="row"> <div class="col-xs-6">{{'TOTAL' | translate}}</div> <div class="col-xs-6 text-right bold">{{totalAndComission}}</div> </div> </div> <div class="row"> <div class="col-xs-6 col-xs-offset-3"> <div class="btn-group btn-block" uib-dropdown auto-close="true"> <button style="height: 30px;padding-top: 7px;font-size: 12px;background-color: #ccc;" type="button" class="btn btn-cool" uib-dropdown-toggle ng-disabled="disabled"> {{currency.name|truncate:10:'...':true}} <span class="caret"></span> </button> <ul class="pull-right" uib-dropdown-menu role="menu" aria-labelledby="currency" style="height: 100px; overflow-y: scroll"> <li ng-repeat="currency in currencies"> <a ng-click="selectCurrency(currency)">{{currency.name}}</a> </li> </ul> </div> </div> </div> </div> </div>  </div> </div> <div> <div class="col-sm-12 text-center"> <button type="submit" ng-click="validateDataPayment()" class="btn btn-inverse btn-lg hidden-xs">{{'pay' | translate}} </button> <div class="text-center" ng-click="alertGuest()"> <a class="no-invoice" href="">{{'no-invoice' | translate}} >></a> </div> <button ng-click="validateDataPayment()" type="submit" class="btn btn-inverse btn-lg btn-block visible-xs">{{'pay' | translate}} </button> </div> </div> </form> </div> <div class="loading-init hidden" style="opacity: 0.95;position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 2040 !important;background-color: #fff;"> <div class="content-loader" style="position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);min-width: 180px;"> <img class="loader-image hidden" id="loader_1" style="height:40px; width: 40px" src="./img/1_regalo.png"> <img class="loader-image hidden" id="loader_2" style="height:12px; width: 12px" src="./img/2_mas.png"> <img class="loader-image hidden" id="loader_3" style="height:40px; width: 40px" src="./img/3_pesos.png"> <img class="loader-image hidden" id="loader_4" style="height:12px; width: 12px" src="./img/4-igual.png"> <img class="loader-image hidden" id="loader_5" style="height:40px; width: 40px" src="./img/5_avion.png"> <div class="row"> <div class="col-md-12 text-center" style="padding-top:10px;"> Procesando el pago ... </div> </div> </div> </div>