{% extends "_layouts/cp" %}

{% set title = 'Plugin Store'|t('app') %}

{% do view.registerTranslations('app', [
	"Staff Picks",
	"Search plugins",
	"See all",
	"Cart",
	"Categories",
	"Try",
	"Version",
	"Description",
	"Screenshots",
	"Last update",
	"Active installs",
	"Compatibility",
	"Buy {price}",
	"Items in your cart",
	"Add to cart",
	"Active Trials",
	"Plugin Name",
	"Price",
	"Buy later",
	"Subtotal",
	"Pro Rate Discount",
	"Total",
	"Process My Order",
]) %}

{% block actionButton %}
	{% if enableCraftId %}
		<a id="cart-button">Cart (0)</a>
		{#
		<a id="payment-button">Payment</a>
		<a id="reset-cart-button">Reset cart</a>
		#}
	{% endif %}
{% endblock %}

{% set content %}

	<template v-if="pluginStoreDataLoaded && !pluginStoreDataError">
		<router-view></router-view>
	</template>

	<template v-else>
		<div id="graphic" class="spinner big" :class="{ error: pluginStoreDataError }"></div>
		<div id="status">{{ '{{ statusMessage }}' }}</div>
	</template>

	<global-modal :show.sync="showModal" :plugin-id="pluginId"></global-modal>

{% endset %}