<?php
/**
 * Print Extensions page.
 * 
 * @version 0.8.0 (21-12-2025)
 * @see     
 * @package 
 */
defined( 'ABSPATH' ) || exit;
?>
<style>
	.notice {
		display: none;
	}

	#ip2oz_extensions .grid-container {
		display: grid;
		gap: 20px;
		grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
		align-items: start;
		justify-items: center;
		padding: 20px;
		max-width: 1200px;
		margin: 0 auto;
	}

	#ip2oz_extensions .grid-container .extension-card {
		background-color: #ffffff;
		border-radius: 10px;
		box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
		padding: 20px;
		max-width: 400px;
		width: 100%;
	}

	#ip2oz_extensions .grid-container .extension-card img {
		max-width: 100%;
		height: auto;
		display: block;
		margin: 0 auto;
		object-fit: cover;
	}

	#ip2oz_extensions .grid-container .extension-card h2 {
		font-size: 24px;
		margin-bottom: 10px;
	}

	#ip2oz_extensions .grid-container .extension-card p {
		font-size: 16px;
		line-height: 1.5;
		margin-bottom: 10px;
	}

	#ip2oz_extensions .grid-container .extension-card ul {
		list-style-type: circle;
		padding-left: 20px;
		margin-top: 25px;
		margin-bottom: 20px;
	}

	#ip2oz_extensions .grid-container p {
		font-size: 18px;
		text-align: justify;
		margin: 20px 0;
	}

	#ip2oz_extensions .grid-container .description-list {
		list-style-type: none;
		padding: 0;
		margin: 0;
	}

	#ip2oz_extensions .grid-container .description-list li {
		display: flex;
		align-items: center;
		margin-bottom: 10px;
	}

	#ip2oz_extensions .grid-container .description-list li::before {
		content: "✔";
		color: green;
		margin-right: 10px;
		font-size: 1.2em;
	}

	#ip2oz_extensions .grid-container .description-list li.red-cross::before {
		content: "✘";
		color: red;
		margin-right: 10px;
		font-size: 1.2em;
	}

	#ip2oz_extensions .grid-container .description-list li span {
		font-size: 18px;
		font-weight: bold;
		text-decoration: underline;
	}

	#ip2oz_extensions .grid-container .button-primary {
		display: inline-block;
		/* Изменение на inline-block */
		background-color: #181a1c !important;
		color: white;
		border: none;
		padding: 10px 20px;
		cursor: pointer;
		border-radius: 5px;
		font-weight: bold;
		font-size: 18px;
		margin: 20px auto;
		text-decoration: none;
		transition: background-color 0.3s ease-in-out;
		max-width: 200px;
		/* Ограничение максимальной ширины */
	}

	#ip2oz_extensions .grid-container .button-primary:hover {
		background-color: #3d4247 !important;
		border-color: #4b5157 !important;
	}

	/* Обновленный медиа-запрос для экранов меньше 1152px */
	@media (max-width: 1152px) {
		#ip2oz_extensions .grid-container {
			grid-template-columns: 1fr;
			/* Один столбец для экранов меньше 1152px */
		}
	}
</style>
<div id="ip2oz_extensions" class="wrap">
	<div>
		<h1 style="font-size: 32px; text-align: center;">
			<?php esc_html_e( 'Upgrade the', 'import-products-to-ozon' ); ?>
			Import Products to OZON</h1>
		<hr />
	</div>
	<div class="grid-container">
		<div class="extension-card">
			<a href="https://icopydoc.ru/product/plagin-import-products-to-ozon-pro/?utm_source=import-products-to-ozon&utm_medium=purchase&utm_campaign=basic_version&utm_content=extensions-page&utm_term=product-image-import-products-to-ozon-pro"
				target="_blank">
				<img style="max-width: 100%; display: block; margin: 0 auto;"
					src="<?php echo esc_attr( IP2OZ_PLUGIN_DIR_URL ); ?>admin/partials/extensions-page/views/imgs/import-products-to-ozon-pro-350x350.jpg"
					alt="img">
			</a>
			<h2 style="text-align: center;">Import Products to OZON PRO</h2>
			<ul class="description-list">
				<li><span><?php esc_html_e( 'All features of the free version', 'import-products-to-ozon' ); ?></span>
				</li>
				<li><span><?php esc_html_e( 'Automatic mark-up on products', 'import-products-to-ozon' ); ?></span>
				</li>
				<li><span><?php esc_html_e( 'Filter products by price', 'import-products-to-ozon' ); ?></span></li>
				<li><span><?php esc_html_e( 'Filter products by categories and tags', 'import-products-to-ozon' ); ?></span>
				</li>
				<li><span><?php esc_html_e( 'Multiple photos instead of one', 'import-products-to-ozon' ); ?></span>
				</li>
				<li><span><?php esc_html_e( '1 year of technical support', 'import-products-to-ozon' ); ?></span></li>
				<li><span><?php esc_html_e( 'Unlimited updates throughout the year', 'import-products-to-ozon' ); ?></span>
				</li>
			</ul>
			<p style="text-align: center;">
				<a class="button-primary"
					href="https://icopydoc.ru/product/plagin-import-products-to-ozon-pro/?utm_source=import-products-to-ozon&utm_medium=purchase&utm_campaign=basic_version&utm_content=extensions-page&utm_term=poluchit-xml-pro"
					target="_blank">
					<?php esc_html_e( 'Get Now', 'import-products-to-ozon' ); ?>
				</a>
			</p>
		</div>
	</div>
</div>