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

const invoiceTwo: TemplateDefinition = {
	id: 'invoice-two',
	title: 'Ivory',
	description: 'Slick, modern invoice template.',
	previewImage: getPreviewImageUrl('invoicetwo.webp'),
	category: 'Invoice',
	previewTheme: {
		primary: '#1a5c3a',
		secondary: '#f4f2ed',
		accent: '#2d7a52',
	},
	design: {
		pages: {
			jhUfp48ctT9aQsPz: {
				name: '',
				children: [
					{
						id: 'vlK7dz2hBP4drsx6',
						name: 'Group',
						type: 'group',
						style: {
							width: '399.81500000000005px',
							height: '80px',
							transform: 'translate(298px,152.4px) rotate(0deg) scale(1,1)',
						},
						children: [
							{
								id: 'zJtH6t9yAqWQ-NWT',
								type: 'text',
								style: {
									width: '73px',
									height: '23px',
									transform:
										'translate(0.0001546999999959553px,1.3003837119209436px) rotate(0deg) scale(1,1)',
								},
								content: '<div>INVOICE:</div>',
								props: {
									json: {
										type: 'doc',
										content: [
											{
												type: 'paragraph',
												attrs: {
													textAlign: null,
												},
												content: [
													{
														type: 'text',
														text: 'INVOICE:',
													},
												],
											},
										],
									},
									globalStyle: {
										fontFamily: 'DM Sans',
										fontWeight: '600',
									},
								},
							},
							{
								id: 'Mt_g2D5u8WAjanLY',
								type: 'woocommerce',
								style: {
									width: 320,
									height: 80,
									transform:
										'translate(79.814776px,0.7999821999999881px) rotate(0deg) scale(1,1)',
								},
								content: '',
								props: {
									content: '#{{order_number}}',
								},
							},
						],
						props: {},
					},
					{
						id: 'jJU-UY0WJchy_OVv',
						type: 'divider',
						style: {
							width: '686px',
							height: 0,
							transform: 'translate(65px,887.3999939px) rotate(0deg) scale(1,1)',
							borderBottom: '1px solid #e2e2e2',
							color: '#e2e2e2',
						},
						content: '',
						props: {
							lineWeight: 1,
							lineType: 'solid',
							style: {
								color: '#e2e2e2',
							},
						},
					},
					{
						id: 'BTF3Uop8NB7QiiM-',
						type: 'text',
						style: {
							width: '265px',
							height: '64px',
							transform: 'translate(275.5px,53.75px)',
						},
						content:
							'<div style="text-align: center;"><span style="color: rgb(15, 15, 15);">Luminary Co.</span></div>',
						props: {
							globalStyle: {
								fontFamily: 'DM Serif Display',
								fontSize: 42,
							},
						},
					},
					{
						id: 'YLmW9k9LUhffuSqn',
						type: 'text',
						style: {
							width: '345px',
							height: '26px',
							transform: 'translate(235.5px,117.7px)',
						},
						content:
							'<div style="text-align: center;">Panama City Beach, Florida, United States</div>',
						props: {
							globalStyle: {
								fontFamily: 'DM Sans',
								fontSize: 14,
								color: '#6b6b6b',
							},
						},
					},
					{
						id: 'bQ8OzEsldaoSsO_4',
						type: 'group',
						style: {
							width: '320px',
							height: '115px',
							transform: 'translate(65px,259.4px)',
						},
						children: [
							{
								id: 'sXMQGUiYL14aTVsc',
								type: 'text',
								style: { width: 241, height: 24 },
								content:
									'<div><span style="color: rgb(107, 107, 107);">FROM</span></div>',
								props: {
									globalStyle: {
										fontFamily: 'DM Sans',
										fontSize: 14,
										fontWeight: '600',
									},
								},
							},
							{
								id: 'BL0f2Djq_OB9gLrY',
								type: 'woocommerce',
								style: {
									width: 320,
									height: 80,
									transform: 'translate(0px,35px)',
								},
								props: {
									content:
										'{{store_name}}\n{{store_address}}\n{{store_email}}\n{{store_phone}}',
								},
							},
						],
					},
					{
						id: 'JrzXW4DJfY3zg3b8',
						type: 'group',
						style: {
							width: '320px',
							height: '203px',
							transform: 'translate(420.5px,259.4px)',
						},
						children: [
							{
								id: 'W9aUwP320ij-h_3J',
								type: 'text',
								style: { width: 241, height: 24 },
								content:
									'<div><span style="color: rgb(107, 107, 107);">BILL TO</span></div>',
								props: {
									globalStyle: {
										fontFamily: 'DM Sans',
										fontSize: 14,
										fontWeight: '600',
									},
								},
							},
							{
								id: '_YY7bOlLpjFiLyKr',
								type: 'woocommerce',
								style: {
									width: '320px',
									height: '168px',
									transform: 'translate(0px,35px)',
								},
								props: {
									content:
										'{{billing_first_name}}\n{{billing_last_name}}\n{{billing_company}}\n{{billing_address_1}}\n{{billing_city}}, {{billing_state}}, {{billing_country}}\n{{billing_email}}\n{{billing_phone}}',
								},
							},
						],
					},
					{
						id: 'UgqKFDZmcpXnGXji',
						type: 'woocommerce_product_table',
						style: {
							width: '686px',
							height: '151px',
							transform: 'translate(65px,516.9px)',
						},
						props: {
							template: 'invoice_bold',
							textStyle: {
								color: '#0f0f0f',
							},
						},
					},
					{
						id: 'zkWHrEFCLOTlssL2',
						type: 'woocommerce_total_block',
						style: {
							width: '426px',
							height: '130px',
							transform: 'translate(325px,694px)',
						},
						props: {
							textStyle: {
								color: '#0f0f0f',
							},
						},
					},
					{
						id: 'wfAYZaT1r7Yqbh5i',
						type: 'woocommerce',
						style: {
							width: '320px',
							height: '80px',
							transform: 'translate(348.5px,192.4px)',
							fontSize: '14px',
							color: 'rgba(45,138,66,1)',
						},
						props: {
							content: '{{order_status}}',
						},
					},
					{
						id: 'BCGD0FWmYSdJJJfw',
						type: 'text',
						style: {
							width: 241,
							height: 24,
							transform: 'translate(287.5px,920.4px)',
						},
						content:
							'<div style="text-align: center;"><span style="color: rgb(200, 169, 110);">THANK YOU</span></div>',
						props: {
							globalStyle: {
								fontFamily: 'DM Serif Display',
							},
						},
					},
					{
						id: 'LM6dyexU8OqIK7Bz',
						type: 'text',
						style: {
							width: '347px',
							height: '25px',
							transform: 'translate(234.5px,959.2px)',
						},
						content:
							'<div style="text-align: center;"><span style="color: rgb(107, 107, 107);">Questions about this invoice? Contact us at </span></div>',
						props: {
							globalStyle: {
								fontFamily: 'DM Sans',
								fontSize: 12,
							},
						},
					},
				],
			},
		},
		fonts: [
			[
				'QvSRwf1H8MM-NmII',
				{
					id: 'playfair-display',
					family: 'Playfair Display',
					variants: [400, 500, 600, 700, 800, 900],
					subsets: ['cyrillic', 'latin', 'latin-ext', 'vietnamese'],
					category: 'serif',
					defSubset: 'latin',
					defVariant: 'regular',
					url: 'https://fonts.googleapis.com/css?family=Playfair%20Display:400,500,600,700,800,900',
				},
			],
			[
				'U5eBKqJSULj33CAa',
				{
					id: 'jost',
					family: 'Jost',
					variants: [100, 200, 300, 400, 500, 600, 700, 800, 900],
					subsets: ['cyrillic', 'latin', 'latin-ext'],
					category: 'sans-serif',
					defSubset: 'latin',
					defVariant: 'regular',
					url: 'https://fonts.googleapis.com/css?family=Jost:100,200,300,400,500,600,700,800,900',
				},
			],
			[
				'dJarG8eaRL_1Mti3',
				{
					id: 'jost',
					family: 'Jost',
					variants: [100, 200, 300, 400, 500, 600, 700, 800, 900],
					subsets: ['cyrillic', 'latin', 'latin-ext'],
					category: 'sans-serif',
					defSubset: 'latin',
					defVariant: 'regular',
					url: 'https://fonts.googleapis.com/css?family=Jost:100,200,300,400,500,600,700,800,900',
				},
			],
			[
				'AQQHS0gez1UD9NrX',
				{
					id: 'jost',
					family: 'Jost',
					variants: [100, 200, 300, 400, 500, 600, 700, 800, 900],
					subsets: ['cyrillic', 'latin', 'latin-ext'],
					category: 'sans-serif',
					defSubset: 'latin',
					defVariant: 'regular',
					url: 'https://fonts.googleapis.com/css?family=Jost:100,200,300,400,500,600,700,800,900',
				},
			],
			[
				'zpdmahEXTDprtpJO',
				{
					id: 'jost',
					family: 'Jost',
					variants: [100, 200, 300, 400, 500, 600, 700, 800, 900],
					subsets: ['cyrillic', 'latin', 'latin-ext'],
					category: 'sans-serif',
					defSubset: 'latin',
					defVariant: 'regular',
					url: 'https://fonts.googleapis.com/css?family=Jost:100,200,300,400,500,600,700,800,900',
				},
			],
			[
				'BVsy6I-5KRTUAIzr',
				{
					id: 'jost',
					family: 'Jost',
					variants: [100, 200, 300, 400, 500, 600, 700, 800, 900],
					subsets: ['cyrillic', 'latin', 'latin-ext'],
					category: 'sans-serif',
					defSubset: 'latin',
					defVariant: 'regular',
					url: 'https://fonts.googleapis.com/css?family=Jost:100,200,300,400,500,600,700,800,900',
				},
			],
			[
				'vzQ3zpTgPL964ZMb',
				{
					id: 'jost',
					family: 'Jost',
					variants: [100, 200, 300, 400, 500, 600, 700, 800, 900],
					subsets: ['cyrillic', 'latin', 'latin-ext'],
					category: 'sans-serif',
					defSubset: 'latin',
					defVariant: 'regular',
					url: 'https://fonts.googleapis.com/css?family=Jost:100,200,300,400,500,600,700,800,900',
				},
			],
			[
				'rdPLM7Af0PkMLYRo',
				{
					id: 'playfair-display',
					family: 'Playfair Display',
					variants: [400, 500, 600, 700, 800, 900],
					subsets: ['cyrillic', 'latin', 'latin-ext', 'vietnamese'],
					category: 'serif',
					defSubset: 'latin',
					defVariant: 'regular',
					url: 'https://fonts.googleapis.com/css?family=Playfair%20Display:400,500,600,700,800,900',
				},
			],
			[
				'EDgQu2id38bltbx1',
				{
					id: 'jost',
					family: 'Jost',
					variants: [100, 200, 300, 400, 500, 600, 700, 800, 900],
					subsets: ['cyrillic', 'latin', 'latin-ext'],
					category: 'sans-serif',
					defSubset: 'latin',
					defVariant: 'regular',
					url: 'https://fonts.googleapis.com/css?family=Jost:100,200,300,400,500,600,700,800,900',
				},
			],
			[
				'hUcXY-1LugaZ4BYO',
				{
					id: 'jost',
					family: 'Jost',
					variants: [100, 200, 300, 400, 500, 600, 700, 800, 900],
					subsets: ['cyrillic', 'latin', 'latin-ext'],
					category: 'sans-serif',
					defSubset: 'latin',
					defVariant: 'regular',
					url: 'https://fonts.googleapis.com/css?family=Jost:100,200,300,400,500,600,700,800,900',
				},
			],
			[
				'5vzapdm_VpBTcHSU',
				{
					id: 'jost',
					family: 'Jost',
					variants: [100, 200, 300, 400, 500, 600, 700, 800, 900],
					subsets: ['cyrillic', 'latin', 'latin-ext'],
					category: 'sans-serif',
					defSubset: 'latin',
					defVariant: 'regular',
					url: 'https://fonts.googleapis.com/css?family=Jost:100,200,300,400,500,600,700,800,900',
				},
			],
			[
				'ajz1YolsXlL_gnbM',
				{
					id: 'jost',
					family: 'Jost',
					variants: [100, 200, 300, 400, 500, 600, 700, 800, 900],
					subsets: ['cyrillic', 'latin', 'latin-ext'],
					category: 'sans-serif',
					defSubset: 'latin',
					defVariant: 'regular',
					url: 'https://fonts.googleapis.com/css?family=Jost:100,200,300,400,500,600,700,800,900',
				},
			],
			[
				'CEPva-K9fiCqaApD',
				{
					id: 'montserrat',
					family: 'Montserrat',
					variants: [100, 200, 300, 400, 500, 600, 700, 800, 900],
					subsets: ['cyrillic', 'cyrillic-ext', 'latin', 'latin-ext', 'vietnamese'],
					category: 'sans-serif',
					defSubset: 'latin',
					defVariant: 'regular',
					url: 'https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700,800,900',
				},
			],
			[
				'BTF3Uop8NB7QiiM-',
				{
					id: 'dm-serif-display',
					family: 'DM Serif Display',
					variants: [400],
					subsets: ['latin', 'latin-ext'],
					category: 'serif',
					defSubset: 'latin',
					defVariant: 'regular',
					url: 'https://fonts.googleapis.com/css?family=DM%20Serif%20Display:400',
				},
			],
			[
				'YLmW9k9LUhffuSqn',
				{
					id: 'dm-sans',
					family: 'DM Sans',
					variants: [100, 200, 300, 400, 500, 600, 700, 800, 900],
					subsets: ['latin', 'latin-ext'],
					category: 'sans-serif',
					defSubset: 'latin',
					defVariant: 'regular',
					url: 'https://fonts.googleapis.com/css?family=DM%20Sans:100,200,300,400,500,600,700,800,900',
				},
			],
		],
		pagesOrder: ['jhUfp48ctT9aQsPz'],
		settings: {
			name: '',
			layout: {
				width: 8.5,
				height: 11,
				unit: 'in',
				orientation: 'portrait',
			},
			background: {
				imageProps: {},
			},
		},
	},
};

export default invoiceTwo;