cobuild-angular-stack/modules/guest.checkout/views/guest.checkout.receipt.html

Base stack angular sass jade gulp

<div class="receipt col-md-5 col-sm-8 col-xs-11" ng-show="order.paymentMethod === 'Tarjeta'">
    <img src="img/checkbig.png">
    <div class="header">{{'thanks-purchase' | translate}}</div>
    <div class="subheader">{{'share-gift' | translate}}</div>
    <div class="transaction-data text-left subheader">
        <div class="data"><span class="bold">{{'card' | translate}}</span> {{order.transactionData.payment_method.brand}}</div>
        <div class="data"><span class="bold">{{'last-4-digits' | translate}}</span> ****{{order.transactionData.payment_method.last4}}</div>
        <div class="data"><span class="bold">{{'owner-card' | translate}}</span> {{order.transactionData.payment_method.name}}</div>
        <div class="data"><span class="bold">Referencia de Pago</span> {{order.transactionData.id}}</div>
        <div class="data"><span class="bold">Total: </span>{{(order.paymentData.amount + order.comission)| currency : 'MXN ' : 2}}</div>
    </div>
    <div class="data"><span class="bold">{{'order-number' | translate}}</span> {{order.fakeid || order.id}}</div>
    <div class="data"><span class="bold">{{'sent-receipt' | translate}}</span> {{order.paymentData.payer.email}}</div>
    <div>
        <a class="btn btn-inverse hidden-xs" href="http://bit.ly/2qJ3Lvx" target="_blank">
            {{'win-500' | translate}}
        </a>
        <a class="btn btn-inverse visible-xs btn-block high-height" href="http://bit.ly/2qJ3Lvx" target="_blank">
            {{'win-500' | translate}}
        </a>
    </div>
    <div>
        <div class="help-block cool-font"><a ng-click="goToTable(url)">{{'back-gift-table' | translate}} >></a></div>
    </div>
</div>
<div class="receipt col-md-5 col-sm-8 col-xs-11" ng-show="order.paymentMethod === 'Paypal'">
    <img src="img/checkbig.png">
    <div class="header">{{'thanks-purchase' | translate}}</div>
    <div class="subheader">{{'share-gift' | translate}}</div>
    <div class="transaction-data text-left subheader">
        <div class="data"><span class="bold">{{'owner-account' | translate}}</span> {{order.transactionData.payer.payer_info.first_name}} {{order.paymentData.payer.payer_info.last_name}}</div>
        <div class="data"><span class="bold">Referencia de Pago</span> {{order.transactionData.id}}</div>
        <div class="data"><span class="bold">Total: </span>{{(order.paymentData.amount + order.comission)| currency : 'MXN ' : 2}}</div>
    </div>
    <div class="data"><span class="bold">{{'order-number' | translate}}</span> {{order.fakeid || order.id}}</div>
    <div class="data"><span class="bold">{{'sent-receipt' | translate}}</span> {{order.transactionData.payer.payer_info.email}}</div>
    <div>
        <a class="btn btn-inverse hidden-xs" href="http://bit.ly/2qJ3Lvx" target="_blank">
            {{'win-500' | translate}}
        </a>
        <a class="btn btn-inverse visible-xs btn-block high-height" href="http://bit.ly/2qJ3Lvx" target="_blank">
            {{'win-500' | translate}}
        </a>
    </div>
    <div>
        <div class="help-block cool-font"><a ng-click="goToTable(url)">{{'back-gift-table' | translate}} >></a></div>
    </div>
</div>
<div class="receipt col-md-5 col-sm-8 col-xs-11" ng-show="order.paymentMethod === 'Manual'">
    <img src="img/checkbig.png">
    <div class="header">{{'thanks-purchase' | translate}}</div>
    <div class="subheader">Hacer tu pago vía transferencia a Cuenta: <br><b>Gorditas de Nata SA de CV</b></div>
    <div class="transaction-data text-left subheader">
        <div class="data"><span class="bold">Cuenta CLABE: </span>072180002176166148</div>
        <div class="data"><span class="bold">Entidad Bancaria: </span>Banco Banorte</div>
        <div class="data"><span class="bold">{{'order-number' | translate}}: </span>{{order.fakeid || orderId}}</div>
        <div class="data"><span class="bold">Total: </span>{{(order.paymentData.amount + order.comission)| currency : 'MXN ' : 2}}</div>
    </div>
    <div class="data"><span>Enviar tu comprobante de pago a <b>pago@uniko.co</b></span></div>
    <div>
        <a class="btn btn-inverse hidden-xs" href="http://bit.ly/2qJ3Lvx" target="_blank">
            {{'win-500' | translate}}
        </a>

        <a class="btn btn-inverse visible-xs btn-block high-height" href="http://bit.ly/2qJ3Lvx" target="_blank">
            {{'win-500' | translate}}
        </a>
    </div>
    <div>
        <div class="help-block cool-font"><a ng-click="goToTable(url)">{{'back-gift-table' | translate}} >></a></div>
    </div>
</div>
<div class="receipt col-md-5 col-sm-8 col-xs-11" ng-show="order.paymentMethod === 'OXXO'">
    <img src="img/checkbig.png">
    <div class="header">{{'thanks-purchase' | translate}}</div>
    <div class="subheader">Tu regalo está <b>reservado</b>. Paga en cualquier <b>OXXO</b> de tu localidad, usando el <b>ID de Transacción</b> o presentando el Código de barras</div>
    <div class="transaction-data text-left subheader">
        <div class="data"><span class="bold">ID de Transacción: </span>{{order.transactionData.payment_method.barcode}}</div>
        <div class="data"><span class="bold">{{'order-number' | translate}}: </span>{{order.fakeid || orderId}}</div>
        <div class="data"><span class="bold">Total: </span>{{(order.paymentData.amount + order.comission)| currency : 'MXN ' : 2}}</div>
        <div class="data margin-top-3 margin-bottom-2">
            <img ng-src="{{order.transactionData.payment_method.barcode_url}}" />
            <br/>
            <a class="btn btn-dark" ng-click="print(order, account)">
                {{'print' | translate}}
            </a>
        </div>
    </div>
    <div>
        <a class="btn btn-inverse hidden-xs" href="http://bit.ly/2qJ3Lvx" target="_blank">
            {{'win-500' | translate}}
        </a>

        <a class="btn btn-inverse visible-xs btn-block high-height" href="http://bit.ly/2qJ3Lvx" target="_blank">
            {{'win-500' | translate}}
        </a>
    </div>
    <div>
        <div class="help-block cool-font"><a ng-click="goToTable(url)">{{'back-gift-table' | translate}} >></a></div>
    </div>
</div>
<div class="receipt col-md-5 col-sm-8 col-xs-11" ng-show="order.paymentMethod === 'Mercado Tarjeta'">
    <img src="img/checkbig.png">
    <div class="header">{{'thanks-purchase' | translate}}</div>
    <div class="header" ng-show="order.transactionData.response.status === 'in_process'">{{order.msg}}</div>
    <div class="subheader">{{'share-gift' | translate}}</div>
    <div class="transaction-data text-left subheader">
        <div class="data"><span class="bold">{{'card' | translate}}</span> {{methodName}}</div>
        <div class="data"><span class="bold">{{'last-4-digits' | translate}}</span> ****{{order.transactionData.response.card.last_four_digits}}</div>
        <div class="data"><span class="bold">{{'owner-card' | translate}}</span> {{order.transactionData.response.card.cardholder.name}}</div>
        <div class="data"><span class="bold">Referencia de Pago</span> {{order.transactionData.response.id}}</div>
        <div class="data"><span class="bold">Total: </span>{{(order.paymentData.amount + order.comission)| currency : 'MXN ' : 2}}</div>
    </div>
    <div class="data"><span class="bold">{{'order-number' | translate}}</span> {{order.fakeid || order.id}}</div>
    <div class="data"><span class="bold">{{'sent-receipt' | translate}}</span> {{order.paymentData.payer.email}}</div>
    <div>
        <a class="btn btn-inverse hidden-xs" href="http://bit.ly/2qJ3Lvx" target="_blank">
            {{'win-500' | translate}}
        </a>
        <a class="btn btn-inverse visible-xs btn-block high-height" href="http://bit.ly/2qJ3Lvx" target="_blank">
            {{'win-500' | translate}}
        </a>
    </div>
    <div>
        <div class="help-block cool-font"><a ng-click="goToTable(url)">{{'back-gift-table' | translate}} >></a></div>
    </div>
</div>
<div class="receipt col-md-5 col-sm-8 col-xs-11" ng-show="order.paymentMethod === 'Mercado Manual'">
    <img src="img/checkbig.png">
    <div class="header">{{'thanks-purchase' | translate}}</div>
    <div class="subheader">{{'share-gift' | translate}}</div>
    
    <div class="transaction-data text-left subheader" ng-show="order.transactionData.response.payment_type_id === 'atm'">
        <div class="data"><span class="bold">Entidad Bancaria: </span>{{methodName}}</div>
        <div class="data"><span class="bold">Referencia de Pago: </span>{{order.transactionData.response.transaction_details.payment_method_reference_id}}</div>
        <div class="data"><span class="bold">{{'order-number' | translate}}: </span>{{order.fakeid || orderId}}</div>
        <div class="data"><span class="bold">Total: </span>{{(order.paymentData.amount + order.comission)| currency : 'MXN ' : 2}}</div>
        <div class="data margin-top-3 margin-bottom-2">
            <a class="btn btn-dark" target="_blank" href="{{order.transactionData.response.transaction_details.external_resource_url}}">
                {{'oxxo-ticket' | translate}}
            </a>
        </div>
        <div class="data"><span>Enviar tu comprobante de pago a <b>pago@uniko.co</b></span></div>
    </div>

    <div class="transaction-data text-left subheader" ng-show="order.transactionData.response.payment_type_id === 'ticket'">
        <div class="data"><span class="bold">ID de Transacción: </span>{{order.transactionData.response.transaction_details.payment_method_reference_id}}</div>
        <div class="data"><span class="bold">{{'order-number' | translate}}: </span>{{order.fakeid || orderId}}</div>
        <div class="data"><span class="bold">Total: </span>{{(order.paymentData.amount + order.comission)| currency : 'MXN ' : 2}}</div>
        <div class="data margin-top-3 margin-bottom-2">
            <a class="btn btn-dark" target="_blank" href="{{order.transactionData.response.transaction_details.external_resource_url}}">
                {{'oxxo-ticket' | translate}}
            </a>
        </div>
    </div>

    <div class="data"><span class="bold">{{'order-number' | translate}}</span> {{order.fakeid || order.id}}</div>
    <div class="data"><span class="bold">{{'sent-receipt' | translate}}</span> {{order.paymentData.payer.email}}</div>
    <div>
        <a class="btn btn-inverse hidden-xs" href="http://bit.ly/2qJ3Lvx" target="_blank">
            {{'win-500' | translate}}
        </a>
        <a class="btn btn-inverse visible-xs btn-block high-height" href="http://bit.ly/2qJ3Lvx" target="_blank">
            {{'win-500' | translate}}
        </a>
    </div>
    <div>
        <div class="help-block cool-font"><a ng-click="goToTable(url)">{{'back-gift-table' | translate}} >></a></div>
    </div>
</div>