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

const invoiceFour: TemplateDefinition = {
	id: 'invoice-four',
	title: 'Pebble',
	description: 'Clean, minimal invoice template with bronze accents.',
	previewImage: getPreviewImageUrl('invoicefour.webp'),
	category: 'Invoice',
	previewTheme: {
		primary: '#0f0f0f',
		secondary: '#ffffff',
		accent: '#bd9d80',
	},
	design: {
		pages: {
			'sf-OYDqX68A4EsNZ': {
				name: '',
				children: [
					{
						id: 'skQal2are49wpbis',
						type: 'text',
						style: {
							width: '241px',
							height: '56px',
							transform: 'translate(59.146px,55.2566px) 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: 'Jost',
								fontWeight: '600',
								fontSize: 40,
								color: '#0a0a0a',
							},
						},
					},
					{
						id: 'h0_YHy71IzkaJoAY',
						name: 'Group',
						type: 'group',
						style: {
							width: '221.263px',
							height: '24.000000000000014px',
							transform: 'translate(59.099999999999994px,111.3px) rotate(0deg) scale(1,1)',
						},
						children: [
							{
								id: 'IyhfolPTORmXTiy-',
								type: 'text',
								style: {
									width: '89px',
									height: '23px',
									transform: 'translate(-0.000012099999992187804px, 1.0000022000000115px) rotate(0deg) scale(1, 1)',
								},
								content: '<div>Invoice Number:</div>',
								props: {
									json: {
										type: 'doc',
										content: [
											{
												type: 'paragraph',
												attrs: { textAlign: null },
												content: [ { type: 'text', text: 'Invoice Number:' } ],
											},
										],
									},
									globalStyle: {
										fontFamily: 'Jost',
										fontWeight: '500',
										fontSize: 12,
										color: '#9a9a9a',
									},
								},
							},
							{
								id: '6Y1RSKgCa-LDNzHl',
								type: 'woocommerce',
								style: {
									width: '127px',
									height: '24px',
									transform: 'translate(94.2632069px, 0.0003747000000089429px) rotate(0deg) scale(1, 1)',
									fontSize: '12px',
									color: '#bd9d80',
								},
								content: '',
								props: { content: '#{{invoice_number}}' },
							},
						],
						props: {},
					},
					{
						id: '9NuWN4Fq-BVmuOVa',
						name: 'Group',
						type: 'group',
						style: {
							width: '184px',
							height: '56px',
							transform: 'translate(573px,67.3px) rotate(0deg) scale(1,1)',
						},
						children: [
							{
								id: 'Vl2kRjZnF1pzhkxj',
								type: 'woocommerce',
								style: {
									width: '174px',
									height: '32px',
									transform: 'translate(9.999959500000045px, -0.000004599999996912629px) rotate(0deg) scale(1, 1)',
									fontSize: '22px',
									textAlign: 'right',
								},
								content: '',
								props: { content: '{{store_name}}' },
							},
							{
								id: 'ty_-FmSlcS1XuQIv',
								type: 'woocommerce',
								style: {
									width: '184px',
									height: '24px',
									transform: 'translate(-0.00003760000004149333px, 31.999986899999996px) rotate(0deg) scale(1, 1)',
									fontSize: '12px',
									textAlign: 'right',
									color: '#9a9a9a',
								},
								content: '',
								props: { content: '{{store_address}}' },
							},
						],
						props: {},
					},
					{
						id: 'VAY731T1hWExQScX',
						type: 'divider',
						style: {
							width: '816px',
							height: 10,
							transform: 'translate(-2e-7px,186.1322334px) rotate(0deg) scale(1,1)',
							borderBottom: '1px solid rgba(226,226,226,1)',
							color: 'rgba(226,226,226,1)',
						},
						content: '',
						props: { lineWeight: 1, style: { color: '#e2e2e2' } },
					},
					{
						id: 'KIY8RUI8V8-DnLiO',
						name: 'Group',
						type: 'group',
						style: {
							width: '703.9px',
							height: '238.5px',
							transform: 'translate(59.1px,240px) rotate(0deg) scale(1,1)',
						},
						children: [
							{
								id: 'OEhtUoBBu_SDQAJh',
								type: 'text',
								style: {
									width: '200px',
									height: '24px',
									transform: 'translate(0.00003100000000699765px, -0.00019850000001042645px) rotate(0deg) scale(1, 1)',
								},
								content: '<div>BILL FROM</div>',
								props: {
									json: {
										type: 'doc',
										content: [
											{
												type: 'paragraph',
												attrs: { textAlign: null },
												content: [ { type: 'text', text: 'BILL FROM' } ],
											},
										],
									},
									globalStyle: {
										fontFamily: 'Jost',
										fontWeight: '400',
										fontSize: 13,
										color: '#9a9a9a',
									},
								},
							},
							{
								id: 'cdtc3hXCemgB1rqQ',
								type: 'divider',
								style: {
									width: 200,
									height: 0,
									transform: 'translate(0.000323400000006302px, 24.000171799999976px) rotate(0deg) scale(1, 1)',
									borderBottom: '1px solid #e2e2e2',
									color: '#e2e2e2',
								},
								content: '',
								props: { lineWeight: 1, style: { color: '#e2e2e2' } },
							},
							{
								id: 'lMLMvDzGvYX6tXgG',
								type: 'woocommerce',
								style: {
									width: '123px',
									height: '24px',
									transform: 'translate(0.00006390000000777718px, 37.473699099999976px) rotate(0deg) scale(1, 1)',
									color: '#0a0a0a',
									fontSize: '13px',
								},
								content: '',
								props: { content: '{{store_name}}' },
							},
							{
								id: 'JgnHzidlo840Thhk',
								type: 'woocommerce',
								style: {
									width: '119px',
									height: '65px',
									transform: 'translate(-0.000006999999996537554px, 61.49975499999999px) rotate(0deg) scale(1, 1)',
									fontSize: '13px',
									color: 'rgba(74,74,74,1)',
								},
								content: '',
								props: {
									content: '{{store_address}}\n{{store_phone}}\n{{store_email}}',
								},
							},
							{
								id: '3U-Y5A-JL1v-IXVQ',
								type: 'text',
								style: {
									width: '200px',
									height: '24px',
									transform: 'translate(247.31603099999998px, -0.00019849999998200474px) 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: {
										fontFamily: 'Jost',
										fontWeight: '400',
										fontSize: 13,
										color: '#9a9a9a',
									},
								},
							},
							{
								id: 'rl1K1nGpPmcCJq5r',
								type: 'divider',
								style: {
									width: 200,
									height: 0,
									transform: 'translate(247.31602339999998px, 25.000171799999976px) rotate(0deg) scale(1, 1)',
									borderBottom: '1px solid rgba(226,226,226,1)',
									color: 'rgba(226,226,226,1)',
								},
								content: '',
								props: { lineWeight: 1, style: { color: '#e2e2e2' } },
							},
							{
								id: 'R7VKIW_2S_EFMx3c',
								type: 'woocommerce',
								style: {
									width: '200px',
									height: '44px',
									transform: 'translate(247.316022px, 37.500488099999984px) rotate(0deg) scale(1, 1)',
									fontSize: '13px',
									color: '#0a0a0a',
								},
								content: '',
								props: { content: '{{billing_first_name}} {{billing_last_name}}' },
							},
							{
								id: 'ES5EkRDJ-YG1XjN8',
								type: 'woocommerce',
								style: {
									width: '218px',
									height: '154px',
									transform: 'translate(247.31575999999998px, 81.49996449999998px) rotate(0deg) scale(1, 1)',
									fontSize: '13px',
									color: 'rgba(74,74,74,1)',
								},
								content: '',
								props: {
									content: '{{billing_company}}\n{{billing_address_full}}\n{{billing_city}}, {{billing_state}}\n{{billing_postcode}}\n{{billing_country}}\n{{billing_phone}}\n{{billing_email}}',
								},
							},
							{
								id: '-A5_hiOM25IKP1mz',
								type: 'text',
								style: {
									width: '200px',
									height: '24px',
									transform: 'translate(497.900031px, -0.00019849999998200474px) rotate(0deg) scale(1, 1)',
								},
								content: '<div>SHIP TO</div>',
								props: {
									json: {
										type: 'doc',
										content: [
											{
												type: 'paragraph',
												attrs: { textAlign: null },
												content: [ { type: 'text', text: 'SHIP TO' } ],
											},
										],
									},
									globalStyle: {
										fontFamily: 'Jost',
										fontWeight: '400',
										fontSize: 13,
										color: '#9a9a9a',
									},
								},
							},
							{
								id: 'RICG8GC2kqMFWF60',
								type: 'divider',
								style: {
									width: 200,
									height: 0,
									transform: 'translate(497.9000234px, 24.500171799999976px) rotate(0deg) scale(1, 1)',
									borderBottom: '1px solid rgba(226,226,226,1)',
									color: 'rgba(226,226,226,1)',
								},
								content: '',
								props: { lineWeight: 1, style: { color: '#e2e2e2' } },
							},
							{
								id: 'Klb8A9vRYYTgo5i5',
								type: 'woocommerce',
								style: {
									width: '200px',
									height: '44px',
									transform: 'translate(497.9004067999999px, 37.49954109999999px) rotate(0deg) scale(1, 1)',
									fontSize: '13px',
									color: '#0a0a0a',
								},
								content: '',
								props: { content: '{{shipping_first_name}} {{shipping_last_name}}' },
							},
							{
								id: 'IyL4YWZkNYG0JTjn',
								type: 'woocommerce',
								style: {
									width: '206px',
									height: '157px',
									transform: 'translate(497.9003536px, 81.5001747px) rotate(0deg) scale(1, 1)',
									fontSize: '13px',
									color: 'rgba(74,74,74,1)',
								},
								content: '',
								props: {
									content: '{{shipping_company}}\n{{shipping_address_1}}\n{{shipping_address_2}}\n{{shipping_city}}, {{shipping_state}}\n{{shipping_postcode}}\n{{shipping_country}}',
								},
							},
						],
						props: {},
					},
					{
						id: 'SnY5y9EFvEpWyrPQ',
						type: 'divider',
						style: {
							width: '816px',
							height: 10,
							transform: 'translate(-0.8px,518.1499559px) rotate(0deg) scale(1,1)',
							borderBottom: '1px solid rgba(226,226,226,1)',
							color: 'rgba(226,226,226,1)',
						},
						content: '',
						props: { lineWeight: 1, style: { color: '#e2e2e2' } },
					},
					{
						id: 'S8SxSjcTuAYYELBN',
						type: 'woocommerce_product_table',
						style: {
							width: '698px',
							height: '185px',
							transform: 'translate(58.2000094px,578.6500245px) rotate(0deg) scale(1,1)',
						},
						content: '',
						props: { template: 'minimal', textStyle: { textAlign: 'left' } },
					},
					{
						id: 'N01RPpcSpLyfWaQk',
						name: 'Group',
						type: 'group',
						style: {
							width: '698.1px',
							height: '51.39999999999998px',
							transform: 'translate(59.1px,804.5005062px) rotate(0deg) scale(1,1)',
						},
						children: [
							{
								id: 'yIdJTFUBZiIXebsl',
								type: 'text',
								style: {
									width: '100px',
									height: '23px',
									transform: 'translate(0.10003100000000131px, 0.9390108999999711px) rotate(0deg) scale(1, 1)',
								},
								content: '<div>SUBTOTAL</div>',
								props: {
									json: {
										type: 'doc',
										content: [
											{
												type: 'paragraph',
												attrs: { textAlign: null },
												content: [ { type: 'text', text: 'SUBTOTAL' } ],
											},
										],
									},
									globalStyle: {
										fontFamily: 'Jost',
										fontWeight: '400',
										fontSize: 13,
										color: '#9a9a9a',
									},
								},
							},
							{
								id: 'EQwMcb_odDSZaSGk',
								type: 'woocommerce',
								style: {
									width: '98px',
									height: '27px',
									transform: 'translate(0.000008199999996350016px, 24.39993770000001px) rotate(0deg) scale(1, 1)',
									fontSize: '13px',
									color: '#0a0a0a',
								},
								content: '',
								props: { content: '{{subtotal}}' },
							},
							{
								id: 'UUnnd9L0m6Clj25G',
								type: 'text',
								style: {
									width: '200px',
									height: '24px',
									transform: 'translate(174.89050890000001px, -0.00007960000004914036px) rotate(0deg) scale(1, 1)',
								},
								content: '<div>SHIPPING METHOD</div>',
								props: {
									json: {
										type: 'doc',
										content: [
											{
												type: 'paragraph',
												attrs: { textAlign: null },
												content: [ { type: 'text', text: 'SHIPPING METHOD' } ],
											},
										],
									},
									globalStyle: {
										fontFamily: 'Jost',
										fontWeight: '400',
										fontSize: 13,
										color: '#9a9a9a',
									},
								},
							},
							{
								id: 'EVO_Sd6oJuR25y7-',
								type: 'woocommerce',
								style: {
									width: '169px',
									height: '27px',
									transform: 'translate(174.7905506px, 23.9787270999999px) rotate(0deg) scale(1, 1)',
									fontSize: '13px',
									color: '#0a0a0a',
								},
								content: '',
								props: { content: '{{shipping_method}}' },
							},
							{
								id: 'stQo54BC_LLePzpz',
								type: 'text',
								style: {
									width: '100px',
									height: '23px',
									transform: 'translate(389.8998275px, 0.000010900000006586197px) rotate(0deg) scale(1, 1)',
								},
								content: '<div>TAX</div>',
								props: {
									json: {
										type: 'doc',
										content: [
											{
												type: 'paragraph',
												attrs: { textAlign: null },
												content: [ { type: 'text', text: 'TAX' } ],
											},
										],
									},
									globalStyle: {
										fontFamily: 'Jost',
										fontWeight: '400',
										fontSize: 13,
										color: '#9a9a9a',
									},
								},
							},
							{
								id: 'QSyS490TBLD5T0_7',
								type: 'woocommerce',
								style: {
									width: '108px',
									height: '24px',
									transform: 'translate(389.9001491px, 23.699884500000053px) rotate(0deg) scale(1, 1)',
									fontSize: '13px',
									color: '#0a0a0a',
								},
								content: '',
								props: { content: '{{total_tax}}' },
							},
							{
								id: 'f61_6yXQhZPFSSej',
								type: 'text',
								style: {
									width: '100px',
									height: '23px',
									transform: 'translate(574.8000309999999px, 0.9000108999999838px) rotate(0deg) scale(1, 1)',
								},
								content: '<div>TOTAL</div>',
								props: {
									json: {
										type: 'doc',
										content: [
											{
												type: 'paragraph',
												attrs: { textAlign: null },
												content: [ { type: 'text', text: 'TOTAL' } ],
											},
										],
									},
									globalStyle: {
										fontFamily: 'Jost',
										fontWeight: '400',
										fontSize: 13,
										color: '#9a9a9a',
									},
								},
							},
							{
								id: 'tjhBCfczhDTgAPWy',
								type: 'woocommerce',
								style: {
									width: '122px',
									height: '24px',
									transform: 'translate(576.0999801999999px, 23.6996208999999px) rotate(0deg) scale(1, 1)',
									fontSize: '13px',
									color: '#0a0a0a',
								},
								content: '',
								props: { content: '{{grand_total}}' },
							},
						],
						props: {},
					},
					{
						id: 'jci1_ZcGXk8Yl-QR',
						type: 'shape',
						style: {
							width: '817px',
							height: '46px',
							transform: 'translate(-0.8160004px,1010.2631457px) 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: '#0f0f0f' },
						},
					},
					{
						id: 'BWdGTe0ZZvlcWht4',
						type: 'woocommerce',
						style: {
							width: '289px',
							height: '24px',
							transform: 'translate(59.0999954px,1024.3001998px) rotate(0deg) scale(1,1)',
							fontSize: '12px',
							color: '#9a9a9a',
						},
						content: '',
						props: { content: '{{store_logo}}, {{store_name}}, {{store_address}}' },
					},
					{
						id: 'M-KZo2lSWQSWzRsN',
						type: 'woocommerce',
						style: {
							width: '127px',
							height: '24px',
							transform: 'translate(630.2002069px, 1024.3003747px) rotate(0deg) scale(1, 1)',
							fontSize: '12px',
							color: '#bd9d80',
						},
						content: '',
						props: { content: '#{{invoice_number}}' },
					},
					{
						id: 'GXKnnS9kgGp0Ekes',
						type: 'shape',
						style: {
							width: 54,
							height: 54,
							transform: 'translate(788.1995497px,160.0999503px) rotate(0deg) scale(1.188762583235638,1.188762583235638)',
						},
						content: '',
						props: {
							viewBox: [ 200, 200 ],
							path: 'M 0 0 L 200 0 L 200 200 L 0 200 Z',
							borderRadius: 39,
							background: { color: '#bd9e8024' },
						},
					},
					{
						id: 'OQHrWKJ_fsFUYAEV',
						type: 'shape',
						style: {
							width: 54,
							height: 54,
							transform: 'translate(-27.000087799999996px, -24.131107799999995px) rotate(0deg) scale(2.3863256388721084, 2.3863256388721084)',
						},
						content: '',
						props: {
							viewBox: [ 200, 200 ],
							path: 'M 0 0 L 200 0 L 200 200 L 0 200 Z',
							borderRadius: 39,
							background: { color: '#bd9f801c' },
						},
					},
					{
						id: 'aEtOhtZIs6QaGV8N',
						type: 'shape',
						style: {
							width: 54,
							height: 54,
							transform: 'translate(-26.996256699999996px, -24.1714567px) rotate(0deg) scale(2.1274208622163755, 2.1274208622163755)',
						},
						content: '',
						props: {
							viewBox: [ 200, 200 ],
							path: 'M 0 0 L 200 0 L 200 200 L 0 200 Z',
							borderRadius: 39,
							background: { color: '#bd9f8012' },
						},
					},
					{
						id: 'oexcMkjXsJHarMsG',
						type: 'shape',
						style: {
							width: 54,
							height: 54,
							transform: 'translate(-27.0000936px, -24.1310936px) rotate(0deg) scale(1.9055561643839953, 1.9055561643839953)',
						},
						content: '',
						props: {
							viewBox: [ 200, 200 ],
							path: 'M 0 0 L 200 0 L 200 200 L 0 200 Z',
							borderRadius: 39,
							background: { color: '#bd9f800d' },
						},
					},
					{
						id: 'f5ko3nSdEGejA9VH',
						type: 'shape',
						style: {
							width: 54,
							height: 54,
							transform: 'translate(789.1999457px,160.0999457px) rotate(0deg) scale(0.9773305290366688,0.9773305290366694)',
						},
						content: '',
						props: {
							viewBox: [ 200, 200 ],
							path: 'M 0 0 L 200 0 L 200 200 L 0 200 Z',
							borderRadius: 39,
							background: { color: '#bd9e8024' },
						},
					},
					{
						id: 'kT0o0CAdsvSMt0-L',
						type: 'shape',
						style: {
							width: 54,
							height: 54,
							transform: 'translate(749.6000756px,4.9110937px) rotate(0deg) scale(0.24074146689208026,0.24074146689208)',
						},
						content: '',
						props: {
							viewBox: [ 200, 200 ],
							path: 'M 0 0 L 200 0 L 200 200 L 0 200 Z',
							borderRadius: 39,
							background: { color: '#bd9e8024' },
						},
					},
					{
						id: 'mFG33uM-2YRcqZNY',
						type: 'shape',
						style: {
							width: 54,
							height: 54,
							transform: 'translate(585.0000756px,49.7999867px) rotate(0deg) scale(0.24074146689208026,0.24074146689208)',
						},
						content: '',
						props: {
							viewBox: [ 200, 200 ],
							path: 'M 0 0 L 200 0 L 200 200 L 0 200 Z',
							borderRadius: 39,
							background: { color: '#bd9e8024' },
						},
					},
					{
						id: 'HtpMWUaGaKjYPJR9',
						type: 'shape',
						style: {
							width: 54,
							height: 54,
							transform: 'translate(730.2000756px,84.2999867px) rotate(0deg) scale(0.24074146689208026,0.24074146689208)',
						},
						content: '',
						props: {
							viewBox: [ 200, 200 ],
							path: 'M 0 0 L 200 0 L 200 200 L 0 200 Z',
							borderRadius: 39,
							background: { color: '#bd9e8024' },
						},
					},
				],
			},
		},
		fonts: [
			[
				'jost-invoice-four',
				{
					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',
				},
			],
		],
		pagesOrder: [ 'sf-OYDqX68A4EsNZ' ],
		settings: {
			name: '',
			layout: {
				width: 8.5,
				height: 11,
				unit: 'in',
				orientation: 'portrait',
			},
			background: {
				imageProps: {},
			},
		},
	},
};

export default invoiceFour;
