import type { TemplateDefinition } from '@pdfdraft/core/template-registry';
import { getPreviewImageUrl } from './preview-image';

const wooCleanMinimalInvoice: TemplateDefinition = {
	id: 'woo-clean-minimal-invoice',
	title: 'WooCommerce Clean Minimal Invoice',
	description: 'Clean minimal WooCommerce invoice template.',
	category: 'Invoice',
	previewImage: getPreviewImageUrl( 'woocommerce-clean-minimal-invoice.png' ),
	previewTheme: {
		primary: '#111318',
		secondary: '#f9fafb',
		accent: '#9ca3af',
	},
	design: {
		pages: {
			rpihzblyjD_Fgw3C: {
				name: '',
				children: [
					{
						id: 'KzqBA8FfGLD08fdd',
						type: 'shape',
						style: {
							width: '816px',
							height: '94px',
							transform: 'translate(0.2830004px,865.2743139px) rotate(0deg) scale(1,1)',
						},
						content: '',
						props: {
							viewBox: [200, 200],
							path: 'M 0 0 L 200 0 L 200 200 L 0 200 Z',
							background: { color: '#f9fafb' },
						},
					},
					{
						id: 'wXzwikWHJ0OqAdrO',
						type: 'woocommerce_product_table',
						style: {
							width: '726px',
							height: '171px',
							transform: 'translate(45.4999891px,456.1578881px) rotate(0deg) scale(1,1)',
						},
						content: '',
						props: {
							template: 'modern_zebra',
							textStyle: { fontFamily: 'Roboto', fontWeight: '400' },
						},
					},
					{
						id: 'kzUeDlu51zyzKjzz',
						type: 'woocommerce_total_block',
						style: {
							width: '244px',
							height: '130px',
							transform: 'translate(527.8421334px,648.6842018px) rotate(0deg) scale(1,1)',
						},
						content: '',
						props: {
							textAlign: 'right',
							textStyle: { fontFamily: 'Roboto', fontWeight: '400' },
						},
					},
					{
						id: 'hImF0_1XTR74BN0j',
						type: 'divider',
						style: {
							width: '816px',
							height: 1,
							transform: 'translate(0px,863.6157358px) rotate(0deg) scale(1,1)',
							borderBottom: '1px solid rgba(229,231,235,1)',
							color: 'rgba(229,231,235,1)',
						},
						content: '',
						props: { lineWeight: 1, style: { color: '#e5e7eb' } },
					},
					{
						id: 'T6INNmZUkXYq40Ga',
						type: 'divider',
						style: {
							width: '816px',
							height: 1,
							transform: 'translate(0.5000073px,959.9001331px) rotate(0deg) scale(1,1)',
							borderBottom: '1px solid rgba(229,231,235,1)',
							color: 'rgba(229,231,235,1)',
						},
						content: '',
						props: { lineWeight: 1, style: { color: '#e5e7eb' } },
					},
					{
						id: 'zYUCX7qBA2yRIR37',
						type: 'wp-data-field',
						style: {
							width: '365px',
							height: '38px',
							transform: 'translate(408.4997305px,991.800064px) rotate(0deg) scale(1,1)',
							textAlign: 'right',
							fontFamily: 'Roboto',
							fontWeight: '400',
							fontSize: '12px',
							color: '#9ca3af',
						},
						content: '',
						props: {
							content: 'Thank you for your order, {{user.display_name}},\nWe appreciate your trust in {{site.name}}',
						},
					},
					{
						id: 'gZQPdO7brWTUbF51',
						name: 'Group',
						type: 'group',
						style: {
							width: '403px',
							height: '60.3787px',
							transform: 'translate(44.50030000000001px, 39.7895px) rotate(0deg)',
						},
						children: [
							{
								id: '4UDQQ24kdj3O-l2w',
								type: 'wp-data-field',
								style: {
									width: '403px',
									height: '37px',
									transform: 'translate(-0.0000240000000104601px, -0.00002209999999536194px) rotate(0deg) scale(1, 1)',
									fontFamily: 'Roboto',
									fontWeight: '700',
									fontSize: '22px',
									color: '#111318',
								},
								content: '',
								props: { content: '{{site.name}}' },
							},
							{
								id: '37VA-EU2z_tPbX-X',
								type: 'wp-data-field',
								style: {
									width: '202px',
									height: '26px',
									transform: 'translate(0.9996561999999898px, 34.3786656px) rotate(0deg) scale(1, 1)',
									fontFamily: 'Roboto',
									fontWeight: '400',
									fontSize: '14px',
									color: '#6b7280',
								},
								content: '',
								props: { content: '{{site.tagline}}' },
							},
						],
						props: {},
					},
					{
						id: 'NuNj4OZm2L14EVNi',
						name: 'Group',
						type: 'group',
						style: {
							width: '816px',
							height: '273.5930000000001px',
							transform: 'translate(0.0000072999999929379555px, 141.708px) rotate(0deg)',
						},
						children: [
							{
								id: 'B6nPdEDbqbf3TvhY',
								type: 'divider',
								style: {
									width: '816px',
									height: 1,
									transform: 'translate(0.00030000000000706203px, -0.00003960000000802211px) rotate(0deg) scale(1, 1)',
									borderBottom: '1px solid #e5e7eb',
									color: '#e5e7eb',
								},
								content: '',
								props: { lineWeight: 1, style: { color: '#e5e7eb' } },
							},
							{
								id: '-SBvTruZ_ID56EE9',
								type: 'divider',
								style: {
									width: '816px',
									height: 1,
									transform: 'translate(7.062044871141478e-15px, 78.1481085px) rotate(0deg) scale(1, 1)',
									borderBottom: '1px solid rgba(229,231,235,1)',
									color: 'rgba(229,231,235,1)',
								},
								content: '',
								props: { lineWeight: 1, style: { color: '#e5e7eb' } },
							},
							{
								id: '2YSMzELvj-1fRf-L',
								type: 'divider',
								style: {
									width: '77px',
									height: 1,
									transform: 'translate(151.1296223px, 39.49199999999999px) rotate(90deg) scale(1, 1)',
									borderBottom: '1px solid rgba(229,231,235,1)',
									color: 'rgba(229,231,235,1)',
								},
								content: '',
								props: { lineWeight: 1, style: { color: '#e5e7eb' } },
							},
							{
								id: 'c1w9xDPcabpy6Sio',
								type: 'divider',
								style: {
									width: '272px',
									height: 1,
									transform: 'translate(268.72214230000003px, 136.69199999999998px) rotate(90deg) scale(1, 1)',
									borderBottom: '1px solid rgba(229,231,235,1)',
									color: 'rgba(229,231,235,1)',
								},
								content: '',
								props: { lineWeight: 1, style: { color: '#e5e7eb' } },
							},
							{
								id: 'GxPOGzGsJLDlD69j',
								type: 'divider',
								style: {
									width: '77px',
									height: 1,
									transform: 'translate(585.9444371px, 38.99199999999999px) rotate(90deg) scale(1, 1)',
									borderBottom: '1px solid rgba(229,231,235,1)',
									color: 'rgba(229,231,235,1)',
								},
								content: '',
								props: { lineWeight: 1, style: { color: '#e5e7eb' } },
							},
							{
								id: 'Nl1s2ktjUKPwv_CE',
								type: 'divider',
								style: {
									width: '816px',
									height: 1,
									transform: 'translate(7.062044871141478e-15px, 272.5925529px) rotate(0deg) scale(1, 1)',
									borderBottom: '1px solid rgba(229,231,235,1)',
									color: 'rgba(229,231,235,1)',
								},
								content: '',
								props: { lineWeight: 1, style: { color: '#e5e7eb' } },
							},
							{
								id: 'FLwCAALrqnYuCYqn',
								type: 'text',
								style: {
									width: '66px',
									height: '15px',
									transform: 'translate(45.499965100000004px, 22.958669500000013px) rotate(0deg) scale(1, 1)',
								},
								content: '<div>INVOICE NO.</div>',
								props: {
									json: { type: 'doc', content: [{ type: 'paragraph', attrs: { textAlign: null }, content: [{ type: 'text', text: 'INVOICE NO.' }] }] },
									globalStyle: { color: '#9ca3af', fontSize: 10, fontFamily: 'Roboto', fontWeight: '400' },
								},
							},
							{
								id: 'Rpej-GK8u_zgyZnr',
								type: 'woocommerce',
								style: {
									width: '135px',
									height: '18px',
									transform: 'translate(45.499998700000006px, 39.49229969999999px) rotate(0deg) scale(1, 1)',
									fontFamily: 'Inter',
									fontWeight: '600',
									fontSize: '12px',
									color: 'rgba(17,19,24,1)',
								},
								content: '',
								props: { content: '{{invoice_number}}' },
							},
							{
								id: 'u_FOEiWfjDIfIvXS',
								type: 'text',
								style: {
									width: '66px',
									height: '15px',
									transform: 'translate(220.4999651px, 22.9916695px) rotate(0deg) scale(1, 1)',
								},
								content: '<div>ISSUE DATE</div>',
								props: {
									json: { type: 'doc', content: [{ type: 'paragraph', attrs: { textAlign: null }, content: [{ type: 'text', text: 'ISSUE DATE' }] }] },
									globalStyle: { color: '#9ca3af', fontSize: 10, fontFamily: 'Roboto', fontWeight: '400' },
								},
							},
							{
								id: 'GyziK3vf6Le2irsx',
								type: 'woocommerce',
								style: {
									width: '133px',
									height: '18px',
									transform: 'translate(220.49999870000002px, 39.525299700000005px) rotate(0deg) scale(1, 1)',
									fontFamily: 'Inter',
									fontWeight: '600',
									fontSize: '12px',
									color: 'rgba(17,19,24,1)',
								},
								content: '',
								props: { content: '{{order_date}}' },
							},
							{
								id: 'nO901Glv8XI3jTd7',
								type: 'text',
								style: {
									width: '66px',
									height: '15px',
									transform: 'translate(434.9073725px, 22.9916695px) rotate(0deg) scale(1, 1)',
								},
								content: '<div>ORDER REF</div>',
								props: {
									json: { type: 'doc', content: [{ type: 'paragraph', attrs: { textAlign: null }, content: [{ type: 'text', text: 'ORDER REF' }] }] },
									globalStyle: { color: '#9ca3af', fontSize: 10, fontFamily: 'Roboto', fontWeight: '400' },
								},
							},
							{
								id: 'EzDXIYN7GPkYYvER',
								type: 'woocommerce',
								style: {
									width: '150px',
									height: '18px',
									transform: 'translate(434.9074061px, 39.525299700000005px) rotate(0deg) scale(1, 1)',
									fontFamily: 'Inter',
									fontWeight: '600',
									fontSize: '12px',
									color: 'rgba(17,19,24,1)',
								},
								content: '',
								props: { content: '{{order_number}}' },
							},
							{
								id: 'iLPu_Kr0sWlI78HC',
								type: 'text',
								style: {
									width: '66px',
									height: '14px',
									transform: 'translate(651.4999927px, 22.99199999999999px) rotate(0deg) scale(1, 1)',
								},
								content: '<div>CURRENCY</div>',
								props: {
									json: { type: 'doc', content: [{ type: 'paragraph', attrs: { textAlign: null }, content: [{ type: 'text', text: 'CURRENCY' }] }] },
									globalStyle: { color: '#9ca3af', fontSize: 10, fontFamily: 'Roboto', fontWeight: '400' },
								},
							},
							{
								id: 'XeA9UNYkNZW4ygk5',
								type: 'woocommerce',
								style: {
									width: '120px',
									height: '18px',
									transform: 'translate(651.5004061px, 39.525299700000005px) rotate(0deg) scale(1, 1)',
									fontFamily: 'Inter',
									fontWeight: '600',
									fontSize: '12px',
									color: 'rgba(17,19,24,1)',
								},
								content: '',
								props: { content: '{{currency}}' },
							},
							{
								id: 'doet0X5Zp12pphDN',
								type: 'text',
								style: {
									width: '66px',
									height: '15px',
									transform: 'translate(45.499965100000004px, 105.29166950000001px) rotate(0deg) scale(1, 1)',
								},
								content: '<div>FROM</div>',
								props: {
									json: { type: 'doc', content: [{ type: 'paragraph', attrs: { textAlign: null }, content: [{ type: 'text', text: 'FROM' }] }] },
									globalStyle: { color: '#9ca3af', fontSize: 10, fontFamily: 'Roboto', fontWeight: '400' },
								},
							},
							{
								id: 'ACiJ9K8pjsA73_vE',
								type: 'wp-data-field',
								style: {
									width: '203px',
									height: '23px',
									transform: 'translate(45.000018100000005px, 126.29211640000003px) rotate(0deg) scale(1, 1)',
									fontFamily: 'Roboto',
									fontWeight: '400',
									color: '#111318',
									fontSize: '15px',
								},
								content: '',
								props: { content: '{{site.name}}' },
							},
							{
								id: 'zoNOJ4fV8wYhPdYe',
								type: 'woocommerce',
								style: {
									width: '168px',
									height: '77px',
									transform: 'translate(44.50001850000001px, 152.6916363px) rotate(0deg) scale(1, 1)',
									fontSize: '12px',
									color: '#404756',
									fontWeight: '400',
									fontFamily: 'Roboto',
								},
								content: '',
								props: { content: '{{store_name}}\n{{store_address}}\n{{store_phone}}\n{{store_email}}' },
							},
							{
								id: '_vDnr4awmqHSUPof',
								type: 'text',
								style: {
									width: '66px',
									height: '15px',
									transform: 'translate(435.89996510000003px, 105.29166950000001px) rotate(0deg) scale(1, 1)',
								},
								content: '<div>BILL TO</div>',
								props: {
									json: { type: 'doc', content: [{ type: 'paragraph', attrs: { textAlign: null }, content: [{ type: 'text', text: 'BILL TO' }] }] },
									globalStyle: { color: '#9ca3af', fontSize: 10, fontFamily: 'Roboto', fontWeight: '400' },
								},
							},
							{
								id: 'STqI0SVVX1jIttMy',
								type: 'woocommerce',
								style: {
									width: '372px',
									height: '92px',
									transform: 'translate(434.9000185px, 152.6916363px) rotate(0deg) scale(1, 1)',
									fontSize: '12px',
									color: 'rgba(64,71,86,1)',
									fontWeight: '400',
									fontFamily: 'Roboto',
								},
								content: '',
								props: { content: '{{billing_company}}\n{{billing_email}}, {{billing_phone}}\n{{billing_address_1}}\n{{billing_city}}, {{billing_state}}, {{billing_postcode}}\n{{billing_country}}' },
							},
							{
								id: '5fwnEv_f6Bbu_Q3u',
								type: 'woocommerce',
								style: {
									width: '321px',
									height: '24px',
									transform: 'translate(435.900116px, 126.29182189999997px) rotate(0deg) scale(1, 1)',
									fontSize: '15px',
									fontFamily: 'Roboto',
									fontWeight: '400',
									color: 'rgba(17,19,24,1)',
								},
								content: '',
								props: { content: '{{billing_first_name}} {{billing_last_name}}' },
							},
						],
						props: {},
					},
					{
						id: '9bU9musf6_f5OjLp',
						name: 'Group',
						type: 'group',
						style: {
							width: '669px',
							height: '45.311000000000035px',
							transform: 'translate(45px, 890.698px) rotate(0deg)',
						},
						children: [
							{
								id: 'X0XdQGCNPRhC-A75',
								type: 'text',
								style: {
									width: '125px',
									height: '15px',
									transform: 'translate(0.4999723999999972px, 0.0004863999999997759px) rotate(0deg) scale(1, 1)',
								},
								content: '<div>PAYMENT &amp; NOTES</div>',
								props: {
									json: { type: 'doc', content: [{ type: 'paragraph', attrs: { textAlign: null }, content: [{ type: 'text', text: 'PAYMENT & NOTES' }] }] },
									globalStyle: { color: '#9ca3af', fontSize: 10, fontFamily: 'Roboto', fontWeight: '400' },
								},
							},
							{
								id: 'iQnekL9nwJw8shz-',
								type: 'woocommerce',
								style: {
									width: '669px',
									height: '24px',
									transform: 'translate(0.00004349999999675447px, 21.310826799999973px) rotate(0deg) scale(1, 1)',
									fontSize: '14px',
									fontFamily: 'Roboto',
									fontWeight: '400',
									color: 'rgba(107,114,128,1)',
								},
								content: '',
								props: { content: 'Paid via {{payment_method}}  .  Transaction ID: {{transaction_id}}' },
							},
						],
						props: {},
					},
					{
						id: 'lHD3x74Goed6L_nW',
						name: 'Group',
						type: 'group',
						style: {
							width: '191.5px',
							height: '45.0089999999999px',
							transform: 'translate(44.5px, 984.791px) rotate(0deg)',
						},
						children: [
							{
								id: 't9tDS96pW4wIm6U_',
								type: 'wp-data-field',
								style: {
									width: '191px',
									height: '26px',
									transform: 'translate(0.5000105000000019px, 0.00033839999991869263px) rotate(0deg) scale(1, 1)',
									fontFamily: 'Roboto',
									fontWeight: '400',
									color: '#111318',
								},
								content: '',
								props: { content: '{{site.url}}' },
							},
							{
								id: 'S4ZVBmClGI8gGgkY',
								type: 'wp-data-field',
								style: {
									width: '164px',
									height: '19px',
									transform: 'translate(0.0000062000000013995304px, 26.01242599999989px) rotate(0deg) scale(1, 1)',
									fontSize: '12px',
									color: '#6b7280',
								},
								content: '',
								props: { content: '{{site.admin_email}}' },
							},
						],
						props: {},
					},
					{
						id: '5Ezee4UYB2c42UWM',
						name: 'Group',
						type: 'group',
						style: {
							width: '122px',
							height: '73.4002px',
							transform: 'translate(649.5px, 31.837000000000003px) rotate(0deg)',
						},
						children: [
							{
								id: 'LUonGWkM9zF6dlCk',
								type: 'text',
								style: {
									width: 122,
									height: '48px',
									transform: 'translate(0px, 0.00003699999999540182px) rotate(0deg) scale(1, 1)',
								},
								content: '<div style="text-align: right;">Invoice</div>',
								props: {
									json: { type: 'doc', content: [{ type: 'paragraph', attrs: { textAlign: 'right' }, content: [{ type: 'text', text: 'Invoice' }] }] },
									globalStyle: { fontFamily: 'Roboto', fontWeight: '700', color: '#111318', fontSize: 34 },
								},
							},
							{
								id: 'RRq4DYivuJ7RT_Gn',
								type: 'shape',
								style: {
									width: '111px',
									height: '26px',
									transform: 'translate(10.999902399999996px, 47.40020919999999px) rotate(0deg) scale(1, 1)',
								},
								content: '',
								props: {
									viewBox: [200, 200],
									path: 'M 0 0 L 200 0 L 200 200 L 0 200 Z',
									background: { color: '#f5f5f5' },
									borderRadius: 7,
								},
							},
							{
								id: 'J3Hf3-vBUB1EvbgS',
								type: 'woocommerce',
								style: {
									width: '84px',
									height: '19px',
									transform: 'translate(25.5001489px, 50.89999879999999px) rotate(0deg) scale(1, 1)',
									fontFamily: 'Roboto',
									fontWeight: '400',
									fontSize: '12px',
									textAlign: 'center',
									color: '#404040',
								},
								content: '',
								props: { content: '{{order_status}}' },
							},
						],
						props: {},
					},
				],
			},
		},
		pagesOrder: ['rpihzblyjD_Fgw3C'],
		settings: {
			name: 'WooCommerce Clean Minimal Invoice',
			layout: { width: 8.5, height: 11, unit: 'in', orientation: 'portrait' },
		},
		fonts: [
			['4UDQQ24kdj3O-l2w', { id: 'roboto', family: 'Roboto', variants: [400, 700], subsets: ['latin'], category: 'sans-serif', version: '', lastModified: '', popularity: 2, defSubset: 'latin', defVariant: 'regular', url: '' }],
			['37VA-EU2z_tPbX-X', { id: 'roboto', family: 'Roboto', variants: [400, 700], subsets: ['latin'], category: 'sans-serif', version: '', lastModified: '', popularity: 2, defSubset: 'latin', defVariant: 'regular', url: '' }],
			['LUonGWkM9zF6dlCk', { id: 'roboto', family: 'Roboto', variants: [400, 700], subsets: ['latin'], category: 'sans-serif', version: '', lastModified: '', popularity: 2, defSubset: 'latin', defVariant: 'regular', url: '' }],
			['J3Hf3-vBUB1EvbgS', { id: 'roboto', family: 'Roboto', variants: [400, 700], subsets: ['latin'], category: 'sans-serif', version: '', lastModified: '', popularity: 2, defSubset: 'latin', defVariant: 'regular', url: '' }],
			['FLwCAALrqnYuCYqn', { id: 'roboto', family: 'Roboto', variants: [400, 700], subsets: ['latin'], category: 'sans-serif', version: '', lastModified: '', popularity: 2, defSubset: 'latin', defVariant: 'regular', url: '' }],
			['Rpej-GK8u_zgyZnr', { id: 'inter', family: 'Inter', variants: [300, 400, 500, 600, 700], subsets: ['latin'], category: 'sans-serif', version: '', lastModified: '', popularity: 1, defSubset: 'latin', defVariant: '400', url: '' }],
			['ACiJ9K8pjsA73_vE', { id: 'roboto', family: 'Roboto', variants: [400, 700], subsets: ['latin'], category: 'sans-serif', version: '', lastModified: '', popularity: 2, defSubset: 'latin', defVariant: 'regular', url: '' }],
			['zoNOJ4fV8wYhPdYe', { id: 'roboto', family: 'Roboto', variants: [400, 700], subsets: ['latin'], category: 'sans-serif', version: '', lastModified: '', popularity: 2, defSubset: 'latin', defVariant: 'regular', url: '' }],
			['5fwnEv_f6Bbu_Q3u', { id: 'roboto', family: 'Roboto', variants: [400, 700], subsets: ['latin'], category: 'sans-serif', version: '', lastModified: '', popularity: 2, defSubset: 'latin', defVariant: 'regular', url: '' }],
			['kzUeDlu51zyzKjzz', { id: 'roboto', family: 'Roboto', variants: [400, 700], subsets: ['latin'], category: 'sans-serif', version: '', lastModified: '', popularity: 2, defSubset: 'latin', defVariant: 'regular', url: '' }],
			['wXzwikWHJ0OqAdrO', { id: 'roboto', family: 'Roboto', variants: [400, 700], subsets: ['latin'], category: 'sans-serif', version: '', lastModified: '', popularity: 2, defSubset: 'latin', defVariant: 'regular', url: '' }],
			['iQnekL9nwJw8shz-', { id: 'roboto', family: 'Roboto', variants: [400, 700], subsets: ['latin'], category: 'sans-serif', version: '', lastModified: '', popularity: 2, defSubset: 'latin', defVariant: 'regular', url: '' }],
			['t9tDS96pW4wIm6U_', { id: 'roboto', family: 'Roboto', variants: [400, 700], subsets: ['latin'], category: 'sans-serif', version: '', lastModified: '', popularity: 2, defSubset: 'latin', defVariant: 'regular', url: '' }],
			['zYUCX7qBA2yRIR37', { id: 'roboto', family: 'Roboto', variants: [400, 700], subsets: ['latin'], category: 'sans-serif', version: '', lastModified: '', popularity: 2, defSubset: 'latin', defVariant: 'regular', url: '' }],
		],
	} as unknown as TemplateDefinition['design'],
};

export default wooCleanMinimalInvoice;
