#include <stdio.h>
#include <string.h>
#include <stdbool.h>
#define WIDTH 50
#define HEIGHT 60
int main(int argc, char **argv) {
		printf("<svg width=\"75px\" height=\"85px\" "
			"version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" overflow=\"visible\" "
			"style=\"stroke-width:2; stroke:black; text-anchor:middle;\" "
			"viewBox=\"-5 -25 55 85\" "
			">"
		);
		int fretsCount = strlen(argv[1]);

		//var origin = { x: 0, y: 0};
		//var props = { width: 50, height: 60 };

		// horizontals
		int i;
		for (i = 0; i <= 4; i++) {
			printf("<line x1=\"%d\" y1=\"%d\" x2=\"%d\" y2=\"%d\" />\n",
				0 - 1, (i * 60/4),
				0+50+1, (i * 60/4)
			);
		}
	
		// verts
		for ( i = 0; i < fretsCount; i++ ) {
			printf("<line x1=\"%d\" y1=\"%d\" x2=\"%d\" y2=\"%d\" />\n",
				0 + (i * 50 / (fretsCount - 1)), 0,
				0 + (i * 50 / (fretsCount - 1)), 0 + 60
			);
		}
	
		// label
		printf("<text x=\"%d\" y=\"%d\" style=\"stroke-width:0;\">%s</text>\n",
		    0 + 50/2, -15, argv[2]
		);
	
		// If any dots are after 4, adjust the root to be the lowest non-zero fret
		// If the root is zero , thicken the top fret
	
		int baseFret = 0;
		bool adjBaseFret = false;
		int lowestFret = 0;
		int j;
		for (j=0; j < strlen(argv[1]); j++) {
			if (argv[1][j] > '0' && argv[1][j] <= '9') {
				if (argv[1][j] - '0' < lowestFret || lowestFret == 0) {
					lowestFret = argv[1][j] - '0';
				}
				if (argv[1][j] > '4') {
					adjBaseFret = true;
				}
			}
		}
	
		if (adjBaseFret) {
			baseFret = lowestFret - 1;
		}
	
		// dots
	
		for (j=0; j < fretsCount; j++) {
			if (argv[1][j] > '0' && argv[1][j] <= '9') {
				printf("<circle cx=\"%d\" cy=\"%d\" r=\"3\"/>\n",
					(j * WIDTH) / (fretsCount - 1), (HEIGHT/4) * ((argv[1][j] - '0') - baseFret) - 7
				);
			} else {
				printf("<text x=\"%d\" y=\"%d\" stroke-width=\"0\">%c</text>\n",
					(j * WIDTH) / (fretsCount - 1),-2,argv[1][j]
				);
			}
		}
	
		// base fret indicator

		if (baseFret > 0) {
		    printf("<text stroke-width=\"0\" x=\"%d\" y=\"%d\">%d</text>\n",
		        -10, 13, baseFret + 1
		    );
		} else {
		    printf("<text stroke-width=\"0\" x=\"%d\" y=\"%d\">%d</text>\n",
		        -10, 43, 3
		    );
		}
		printf("</svg>");
}