{% extends "_layouts/main" %}

{% block main %}

{% set member = craft.imatrix.member() %}

<div class="container-fluid main-section text-center shop-now" id="login-wrapper">

	<div class="row">
		<div class="col-12 col-md-8 offset-md-2 col-lg-4 offset-lg-4">

                {% set countries = {
					USA: 'United States',
					AT: 'Austria',
					AU: 'Australia',
					AW: 'Aruba',
					AX: 'Aland Islands',
					BE: 'Belgium',
					BG: 'Bulgaria',
					BO: 'Bolivia',
					BS: 'Bahamas',
					CA: 'Canada',
					CO: 'Colombia',
					CR: 'Costa Rica',
					CW: 'Curacao',
					CY: 'Cyprus',
					CZ: 'Czech Republic',
					DE: 'Germany',
					DK: 'Denmark',
					DO: 'Dominican Republic',
					EC: 'Ecuador',
					EE: 'Estonia',
					ES: 'Spain',
					FI: 'Finland',
					FR: 'France',
					GB: 'United Kingdom',
					GH: 'Ghana',
					GR: 'Greece',
					GT: 'Guatemala',
					HR: 'Croatia',
					HU: 'Hungary',
					IE: 'Republic of Ireland',
					IT: 'Italy',
					KE: 'Kenya',
					LT: 'Lithuania',
					LU: 'Luxembourg',
					LV: 'Latvia',
					MT: 'Malta',
					MX: 'Mexico',
					NG: 'Nigeria',
					NI: 'Nicaragua',
					NL: 'Netherlands',
					PA: 'Panama',
					PE: 'Peru',
					PH: 'Philippines',
					PK: 'Pakistan',
					PL: 'Poland',
					PT: 'Portugal',
					PY: 'Paraguay',
					RO: 'Romania',
					SV: 'El Salvador',
					TT: 'Trinidad And Tobago',
					ZA: 'South Africa'}
				%}
				<h2 class="mb-4">{{ 'Choose your country:'|t }}</h2>
				<select class="form-control" name="country" id="shop-now-country">
					<option value="" disabled selected>{{ 'Select a country'|t }}</option>
					{% for key,value in countries %}
					<option value="{{ craft.imatrix.memberCartUrl(key)|raw }}">{{ value }}</option>
					{% endfor %}
				</select>
				<a href="{{member.purchase_url}}" target="_blank" class="btn btn-primary" id="shop-now-btn">{{ 'Go to shop'|t }}</a>
		</div>
	</div>

</div>

{% endblock %}