shopify-recharge-theme-Rai/_payment_information_card.html at main · errorlessdev/shopify-recharge-theme-Rai · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
<div class="rc-card mb-5 cursor-pointer rc_card_container js-edit-billing-card" onclick="renderPaymentMethod(event);">
    <div>
        {% if payment_method.payment_type == 'card' or payment_method.payment_type == 'CREDIT_CARD' %}
            <p class="text-uppercase color-dark-green title-bold font-spacing">{{ 'payment_method' | t }}</p>
            <div class="rc_card_container">
                <div>
                {% if payment_method.status == 'invalid' %}
                    <p> {{ 'no_customer_card' | t }} </p>
                {% elif payment_method.payment_details.wallet_type == 'apple_pay' %}
                    <p class="color-dark-green title-bold font-spacing margin-bottom-20 text-uppercase">
                        {{ 'cp_linked_apple_pay' | t }}
                    </p>
                    <div class="rc_card_container">
                        <div>
                            <p>{{ 'apple_pay_instructions' | t }}</p>
                            <p><a href="https://support.apple.com/en-us/HT205583" target="_blank" rel="noopener noreferrer">{{ 'cp_learn_more_about_apple_pay' | t }}</a>.</p>
                        </div>
                    </div>
                {% else %}
                    {% if not payment_method.payment_details.brand %}
                        <p> {{ 'card_details_unavailable' | t }} </p>
                    {% else %}
                        <p>{{ payment_method.payment_details.brand | capitalize | replace('_', ' ') }} {{ 'Ending_In' | t }} {{ payment_method.payment_details.last4 }}</p>
                        <p> {{ 'Expires' | t }} {{ payment_method.payment_details.exp_month }}/{{ payment_method.payment_details.exp_year }} </p>
                    {% endif %}
                {% endif %}
                </div>
            </div>
        {% elif payment_method.payment_type == 'paypal' %}
            <p class="text-uppercase" style="color: #00484F; font-weight: bold; margin-bottom: 20px; letter-spacing: 0.09em;">
                {{ 'cp_paypal_account' | t}}
            </p>
            <div class="rc_card_container">
                <div>
                    <p>{{ 'paypal_instructions' | t }}</p>
                    <p><a href="https://www.paypal.com/signin" target="_blank" rel="noopener noreferrer">{{ 'cp_paypal_sign_in' | t }}</a>.</p>
                </div>
            </div>
        {% elif payment_method.payment_type in ['sepa_debit', 'ideal'] %}
            <p class="color-dark-green title-bold font-spacing margin-bottom-20 text-uppercase">{{ 'payment_method' | t }}</p>
            <div class="rc_card_container">
                <p>{{ 'cp_iban_ending_in' | t }} {{ 'Ending_In' | t }} {{ payment_method.payment_details.last4 }}</p>
            </div>
        {% else %}
            <p class="color-dark-green title-bold font-spacing margin-bottom-20 text-uppercase">{{ 'cp_payment_processor' | t }}</p>
            <div class="rc_card_container">
                <div>
                    <p>{{ 'cp_payment_processor_unidentified' | t }}</p>
                </div>
            </div>
        {% endif %}
    </div>
    <span class="js-billing-card-edit-btn"><i class="fas fa-chevron-right"></i></span>
</div>