{% load static imagefit customer_tags %}
{% user_country_code as country_selected %}
<div class="container">
    <div class="row">
        <div class="col-12 text-center">
            <h1 class="mt-5 mb-3">Experience the difference in fresh</h1>
            <p class="mb-3">
                <i>Our coffee plans</i>
            </p>
        </div>
    </div>
    <div class="row">
        <div class="col-sm-4 p-md-4 mb-3">
            <div class="card card-primary">
                <div class="card-header text-center pt-4 pb-4">
                    <h3>Whole or Ground Beans</h3>
                </div>
                <div class="card-body bg-white p-3 text-center">
                    <img class="img-fluid" src="{{ "/home/experience1.jpg"|resize:'300x300' }}">
                    <p class="text-primary mb-3 mt-3 strong text-center">
                        {% if country_selected == 'MY' %}
                            From MYR42 for 200g
                        {% else %}
                            From SGD$14 for 200g
                        {% endif %}
                    </p>
                    <a href="/catalogue/category/coffee/by-the-bag_3/" class="btn btn-hook btn-block btn-primary">Learn
                        more</a>
                </div>
            </div>
        </div>
        <div class="col-sm-4 p-md-4 mb-3">
            <div class="card card-primary">
                <div class="card-header pt-4 pb-4 text-center">
                    <h3>Drip Coffee Bags</h3>
                </div>
                <div class="card-body text-center p-3 bg-white">
                    <img class="img-fluid" src="{{ "/home/experience2.jpg"|resize:'300x300' }}">
                    <p class="strong text-center text-primary mb-3 mt-3">
                        {% if country_selected == 'MY' %}
                            From MYR42 for 10 coffee bags
                        {% else %}
                            From SGD14 for 10 coffee bags
                        {% endif %}
                    </p>
                    <a href="/catalogue/category/coffee/by-the-bag_3/" class="btn btn-hook btn-block btn-primary">Learn
                        more</a>
                </div>
            </div>
        </div>
        <div class="col-sm-4 p-md-4 mb-3">
            <div class="card card-primary">
                <div class="card-header  text-center">
                    <h3>Nespresso&reg;<br>Compatible Pods</h3>
                </div>
                <div class="card-body text-center p-3 bg-white">
                    <img class="img-fluid" src="{{ '/home/experience3.jpg'|resize:'300x300' }}">
                    <p class="strong text-primary mb-3 mt-3">
                        {% if country_selected == 'MY' %}
                            From MYR30 for 20 pods
                        {% else %}
                            From SGD$10 for 20 pods
                        {% endif %}
                    </p>
                    <a href="/catalogue/category/coffee/pods_4/" class="btn btn-hook btn-block btn-primary">Learn
                        more</a>
                </div>
            </div>
        </div>
    </div>
</div>