(function (window, document, svgCreatorConfig) {
	var svgCreator = svgCreator || {};

	svgCreatorConfig.callbacksTemplate = function () {
		return {
			before: [],
			response: {
				success: [],
				error: []
			},
			ajax: {
				done: [],
				fail: [],
				always: []
			}
		}
	};

	svgCreator.setup = function () {
		this.btn;
		this.$doc = $(document);
		this.$body = this.$doc.find('body');
		this.ajaxProgress = false;
		this.response;
		this.container = '#sc_container';
		this.statuses = {
			available: 'Свободно',
			reserved: 'Забронировано',
			rental: 'Занято',
		};

		this.sendData = {
			$form: null,
			action: null,
			formData: null
		};
	};

	svgCreator.load = {
		config: {},
		script: function (url, callback) {
			var script = document.createElement('script');
			if (typeof callback !== 'undefined'){
				if (script.readyState){  //IE
					script.onreadystatechange = function(){
						if (script.readyState == 'loaded' || script.readyState == 'complete'){
							script.onreadystatechange = null;
							callback();
						}
					};
				} else {  //Others
					script.onload = function(){
						callback();
					};
				}
			}
			script.src = url + '?v=' + svgCreator.Utils.uniqueid();
			document.body.appendChild(script);
		},
		style: function (url) {
			var link = document.createElement('link');
			link.rel = 'stylesheet';
			link.type = 'text/css'
			link.href = url + '?v=' + svgCreator.Utils.uniqueid();
			document.getElementsByTagName('head')[0].appendChild(link);
		},
		scripts: function () {
			this.isLoad = true;
			for (let library in this.config.scripts){
				let libdata = this.config.scripts[library];
				if (libdata.depend && typeof window[libdata.depend] === 'undefined') continue;
				let check = typeof (libdata.depend === 'jQuery' ?  jQuery.fn[library] : window[library]);
				if (check === 'undefined'){
					this.isLoad = false;
					if (libdata.loading !== true) {
						libdata.loading = true;
					    if (libdata.style) this.style(libdata.style);
						this.script(libdata.url);
					}
				}
			}
			if (this.isLoad){
				svgCreator.initialize();
			} else {
				setTimeout(function() {
					svgCreator.load.scripts();
				}, 50);
			}
		},
		styles: function () {
			for (let library in this.config.styles){
				this.style(this.config.styles[library]);
			}
		},
		svg: function (url, event) {
			svgCreator.Loader.create();
			var xhr = new XMLHttpRequest();
			xhr.open('GET', url, true);
			xhr.onload = function (e) {
				if (xhr.readyState === 4) {
					if (xhr.status !== 200) console.error(xhr.statusText);
					svgCreator.loadData = xhr.responseXML.querySelector('svg').outerHTML;
					if (event) event();
					svgCreator.Loader.destroy();
				}
			};
			xhr.onerror = function (e) {
				svgCreator.Message.log(xhr.statusText);
			};
			xhr.send(null);
		},
	}

	svgCreator.initialize = function () {
		svgCreator.setup();
		svgCreator.$container = $(svgCreator.container);
		if (svgCreator.$container.length < 1) return svgCreator.Message.log('Container is not exist.');
		svgCreator.$doc
			.on('click', ':submit', function (e) {
				svgCreator.btn = $(this);
				svgCreator.Form.validate(svgCreator.btn.closest('form'), e)
			});
		svgCreator.Svg.getData()
		svgCreator.Sms.initialize();
	}

	svgCreator.Svg = {
		config: {
			svgContainerId: 'sc_svg_container',
			svgId: 'sc_svg',
			svgZoomPanelId: 'sc_svg_zoom',
			scaleStep: 0.3,
			maxScale: 5,
			sensitive: {
				desktop: 10,
				mobile: 50,
			},
		},
		getData: function () {
			var callbacks = svgCreatorConfig.callbacksTemplate();
			callbacks.response.success = function (response) {
				svgCreator.data = response.data;
				svgCreator.Block.buildingTabs(response.data.buildings);
			}
			svgCreator.Request.toSystem({action: 'getScheme'}, callbacks);
		},
		initialize: function (floor) {
			this.floor = floor;
			if (floor.svg === '') return svgCreator.Message.log('SVG file is not isset.');
			svgCreator.load.svg(floor.svg, this.onLoadSvg.bind(this));
		},
		onLoadSvg: function () {
			this.svgContainer = $('<div>', {id: this.config.svgContainerId}).appendTo(svgCreator.Block.panel).html(svgCreator.loadData);
			this.svg = SVG('#' + this.config.svgContainerId + ' svg').attr('id', this.config.svgId);
			this.h = this.svg.viewbox().h;
			this.w = this.svg.viewbox().w;
			this.addPan();
			this.addLayers(this.floor.layers);
			this.addRooms(this.floor.rooms);
			this.addZoomPanel();
			this.scale = this.gestureScale = 1;
			this.events();
		},
		addPan: function () {
			let children = this.svg.children();
			this.draw = this.svg.group().addClass('pan');
			for (let i of children){
				i.addTo(this.draw);
			}
		},
		addLayers: function (layers) {
			if (!layers) return;
			var group = this.draw.group().addClass(this.config.svgId + '_layers');
			for (let i of layers){
				group.node.innerHTML += i.code;
			}
		},
		addRooms: function (rooms) {
			if (!rooms) return;
			var group = this.draw.group().addClass(this.config.svgId + '_rooms');
			for (let i of rooms){
				if (!i.code) continue;
				let container = this.draw.group().addClass(this.config.svgId + '_room').addTo(group);
				if (typeof i.code === 'string') i.code = [i.code];
				for (let code of i.code){
    				let polygon = this.draw.polygon(code).addTo(container);
    				polygon.attr({class: i.active ? i.status : 'unactive', 'data-id': i.id});
    				polygon.click(function(){
    					if (i.status === 'rental' || !i.active) return;
    					svgCreator.Svg.currentRoom = i.id;
    					svgCreator.popup.create(svgCreator.Block.roomInfo(i));
    				});
				}
				if (i.square !== '' && i.active) {
				    let fs = i.square_fs || 180;
				    let x;
				    let y;
				    let anchor = 'start';
				    let bl = 'auto';
				    let lines = 0;
				    let text = this.draw.text(function(add) {
				        if (i.commercial_number){
				            add.tspan(i.commercial_number);
				            lines++;
				        }
				        add.tspan(i.square + ' м²').newLine()
				    });
				    let margin = fs * text.leading();
				    let dy = -1 * margin * lines;
				    
				    switch (i.square_pos){
				        case 'tr':
				            x = container.x() + container.width() - margin/3;
				            y = container.y() + margin/2;
				            dy = 0;
				            anchor = 'end';
				            bl = 'hanging';
				            break;
				        case 'bl':
				            x = container.x() + margin/3;
				            y = container.y() + container.height() - margin/2;
				            break;
				        case 'br':
				            x = container.x() + container.width() - margin/3;
				            y = container.y() + container.height() - margin/2;
				            anchor = 'end';
				            break;
				        case 'c':
				            x = container.x() + container.width() / 2;
				            y = container.y() + container.height() / 2;
				            dy = dy / 2;
				            anchor = 'middle';
				            bl = 'central';
				            break;
				        default:
				            x = container.x() + margin/3;
				            y = container.y() + margin/2;
				            dy = 0;
				            bl = 'hanging';
				    }
				    
				    text.move(x, y).dy(dy).addTo(container);
				    text.font({'font-size': fs, 'text-anchor': anchor, 'dominant-baseline': bl});
				}
			}
		},
		addZoomPanel: function () {
			let panel = this.svgContainer.find('#' + this.config.svgZoomPanelId);
			if (panel.length > 0) return;
			panel = $('<div>', {id: this.config.svgZoomPanelId}).appendTo(this.svgContainer);
			$('<span>', {class: this.config.svgZoomPanelId + '_in'}).appendTo(panel).on('click', () => this.zoomIn());
			$('<span>', {class: this.config.svgZoomPanelId + '_out'}).appendTo(panel).on('click', () => this.zoomOut());
		},
		zoom: function (scale) {
			if (this.zooming) return;
			this.zooming = true;
			this.draw.transform({scale: scale});
			this.scale = scale;
			this.zooming = false;
		},
		zoomIn: function (step = 0) {
			if (this.scale === this.config.maxScale) return;
			step = step || this.config.scaleStep;
			this.zoom(this.scale + step);
		},
		zoomOut: function (step = 0) {
			if (this.scale <= 1) return;
			step = step || this.config.scaleStep;
			this.zoom(this.scale - step);
		},
		scrollLock: function (e, lock) {
			this.scroll = (typeof lock !== 'undefined') ? lock : !this.scroll;
			svgCreator.Utils.lockScroll(this.scroll);
		},
		move: function (e) {
			if (!this.movement) return;
			e.preventDefault();
			e.stopPropagation();
			if (e.scale && e.scale !== 1) return this.gesture(e);
			let viewbox = this.svg.viewbox();
			let currentXY = this.getCoordCursor(e);
			let sensitive = svgCreator.Utils.isMobile() ? this.config.sensitive.mobile : this.config.sensitive.desktop;
			let cx = viewbox.x - sensitive * (currentXY.x - this.cursor.x);
			let cy = viewbox.y - sensitive * (currentXY.y - this.cursor.y);
			this.svg.viewbox(cx, cy, viewbox.w, viewbox.h);
			this.cursor = this.getCoordCursor(e);
		},
		moveStart: function (e) {
			if (e.type !== 'mousedown') this.scrollLock(e, true);
			e.stopPropagation();
			this.movement = true;
			this.cursor = this.getCoordCursor(e);
			this.svg.addClass('move');
		},
		moveEnd: function (e) {
			this.movement = false;
			this.cursor = null;
			this.svg.removeClass('move');
			if (e.type !== 'mouseup') this.scrollLock(e, false);
			this.gestureScale = 1;
		},
		gesture: function (e) {
			let step = 0.05;
			e.scale > this.gestureScale ? this.zoomIn(step) : this.zoomOut(step);
			this.gestureScale = e.scale;
		},
		events: function () {
			this.svg
			.on('mousedown touchstart', (e) => this.moveStart(e))
			.on('mouseup touchend touchcancel', (e) => this.moveEnd(e))
			.on('mousemove touchmove', (e) => this.move(e));
		},
		getCoordCursor: function (e) {
			return {
				x: e.touches ? e.touches[0].clientX : e.clientX,
				y: e.touches ? e.touches[0].clientY : e.clientY,
			}
		},
	}

	svgCreator.Block = {
		config: {
			active: 'active',
			panelId: 'sc_panel',
			roomId: 'sc_popup_room',
		},
		buildingTabs: function (data) {
			if (!data.length) svgCreator.Message.error('No building data');
			let i = data.shift();
			let html = `<div id="sc_buildings">
			<div class="sc_building">
				<p class="sc_building_name">${i.name}</p>
				<p class="sc_building_geo">${svgCreator.Icon.geo}${i.description}</p>
			</div>`;
			if (typeof svgCreatorConfig.buildings !== 'undefined' && svgCreatorConfig.buildings.length){
				html += `<div class="sc_building_gallery">`;
				for (let b of svgCreatorConfig.buildings){
					html += `<a href="${b.href}" class="sc_building" target="_blank">
						<p class="sc_building_name">${b.name}</p>
						<p class="sc_building_geo">${svgCreator.Icon.geo}${b.description}</p>
					</a>`;
				}
				html += `</div>`
			}
			html += `<div class="sc_building_info">
					<p class="sc_building_geo">${svgCreator.Icon.geo}${i.address}</p>
					<p class="sc_building_class">${svgCreator.Icon.class}класс ${i.class}</p>`;
			if (i.square) html += `<p class="sc_building_square">${svgCreator.Icon.size}S: ${i.square}</p>`;
			html += `</div>
			</div>
			<script>
				$('.sc_building_gallery').slick({
					slidesToShow: 2,
					arrows: true,
					infinite: true,
					responsive: [
						{
							breakpoint: 781,
							settings: {
								slidesToShow: 1,
							},
						}
					]
				});
			</script>`;
			svgCreator.$container.append(html);
			this.floorTabs(i.floors);
		},
		floorTabs: function (data) {
			var tabContainer = $('<div>', {class: 'sc_floor_tabs'}).appendTo(svgCreator.$container);
			for (const [idx, i] of Object.entries(data)){
				let tab = $('<div>', {class: 'sc_floor_tab', 'data-id': i.id}).appendTo(tabContainer)
					.on('click', function (e) {
						let curr = $(this);
						let active = svgCreator.Block.config.active;
						if (curr.hasClass(active)) return;
						curr.siblings().removeClass(active);
						curr.addClass(active);
						svgCreator.Block.contentPanel(i);
					});
				if (idx == 0) {
					tab.addClass(this.config.active);
					this.contentPanel(i);
				}
				let name = $('<p>', {class: 'sc_floor_tab_name'}).html(i.name).appendTo(tab);
				for (let st in svgCreator.statuses) {
					if (!i.counter || !i.counter[st]) continue;
					name.attr('data-status', st);
					break;
				}
				$('<p>', {class: 'sc_floor_tab_status'}).html('Свободно: ' + ((i.counter && i.counter.available) || 0)).appendTo(tab);
			}
			tabContainer.before(tabContainer.clone().addClass('clone'));
			svgCreator.$container.append(`
			<script>
				$('.sc_floor_tabs.clone').slick({
					slidesToShow: 3,
					arrows: true,
					infinite: false,
					responsive: [
						{
							breakpoint: 481,
							settings: {
								slidesToShow: 2,
							},
						}
					]
				});
				$('body').on('click', '.slick-slide .sc_floor_tab', function(){
					let id = $(this).data('id');
					$('.sc_floor_tabs:not(.clone) .sc_floor_tab[data-id=' + id + ']').click();
					$(this).closest('.sc_floor_tabs').find('.sc_floor_tab').removeClass('active');
					$(this).addClass('active');
				});
			</script>
			`);
		},
		contentPanel: function (data) {
			if (typeof this.panel === 'undefined') {
				this.panel = $('<div>', {id: this.config.panelId}).appendTo(svgCreator.$container);
			} else {
				this.panel.html('');
			}
			this.contentPanelHead(data);
			svgCreator.Svg.initialize(data);
			this.contentPanelFoot(data);
		},
		contentPanelHead: function (floor) {
			let html = `<div class="${this.config.panelId}_header">
			<p class="${this.config.panelId}_header_title">${floor.name}</p>
			<div class="${this.config.panelId}_header_info"><ul>`;
			if (floor.counter){
				for (let i in svgCreator.statuses) {
				    html += `<li data-status="${i}">${svgCreator.statuses[i]}`;
				    if (i !== 'rental') html += `: ${floor.counter[i] ? floor.counter[i] : 0}`;
				    html += '</li>';
				}
			}
			html += `</ul></div></div>`;
			this.panel.append(html);
		},
		contentPanelFoot: function (floor) {
			if (!svgCreator.data.manager) return;
			let footer = $('<div>', {class: this.config.panelId + '_footer'}).appendTo(this.panel);
			let btnContainer = $('<div>', {class: 'sc_buttons'}).appendTo(footer);
			let result = $('<div>', {class: this.config.panelId + '_footer_result'}).appendTo(footer);
			if (floor.rooms) this.floorTable(floor.rooms, result);
		},
		roomInfo: function (room) {
			let id = this.config.roomId;
			let html = `<div id="${id}">
				<div class="${id}_head">
					<p class="${id}_head_title">${room.name} ${room.commercial_number ? ' (' + room.commercial_number + ')' : ''}</p>
					<ul class="${id}_head_info">
						<li class="${id}_head_info_status" data-status="${room.status}">${svgCreator.Utils.getRuStatus(room.status)}</li>
						<li class="${id}_head_info_square">${svgCreator.Icon.size}${room.square} м²</li>
						<li class="${id}_head_info_views">${svgCreator.Icon.eye}Сейчас смотрят: ${svgCreator.Utils.getRand(2, 4)}</li>
					</ul>
				</div>`;
			if (room.images || room.video) {
				html += `<div class="${id}_gallery">`;
				if (room.images){
					for (let image of room.images) {
						html += `<img src="${svgCreator.url + image.url}">`;
					}
				}
				if (room.video){
					html += `<iframe src="${room.video}" frameBorder="0" allow="clipboard-write; autoplay" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>  `;
				}
				html += `</div>
				<script>
					$('.${id}_gallery').slick({
						slidesToShow: 1,
						slidesToScroll: 1,
						arrows: true,
						infinite: true,
					});
				</script>`;
			}
			let table = '';
			let characters = {
				square: {
					name: 'Площадь, кв.м'
				},
				type: {
					name: 'Назначение',
				},
				rate: {
					name: 'Арендная ставка р./год/кв.м. (без НДС)',
					hook: svgCreator.Utils.formatPrice,
				},
				rate_mounth: {
					name: 'Арендная ставка р./мес. (без НДС)',
					hook: svgCreator.Utils.roundHundred,
				},
				equipment: {
					name: 'Оборудование',
				},
				furniture: {
					name: 'Мебель',
				},
				ceiling_height: {
					name: 'Высота потолков, м',
				},
				plan: {
					name: 'План помещения',
				},
				decoration: {
					name: 'Отделка',
				},
				electricity: {
					name: 'Мощность электричества, кВт',
				},
				margin: {
					name: 'Обеспечитальный взнос',
				},
				communal_fees: {
					name: 'Коммунальные платежи',
					type: 'bool',
					variants: {
					    0: 'Не включены',
					    1: 'Включены'
					},
				},
				exp_lease: {
					name: 'Дата окночания договора аренды',
				},
				description: {
					name: 'Описание',
				},
			};
			for (let field in characters){
				var i = characters[field];
				if (!room[field] && i.type !== 'bool') continue;
				let value = i.hook ? i.hook(room[field]) : room[field];
				switch (i.type) {
				    case 'bool':
				        value = i.variants[Number(room[field])];
				        break;
				}
				table += `<tr><td>${i.name}:</td><td>${value}</td></tr>`;
			}
			html += `${svgCreator.Actions.buttons()}
				<div class="${id}_table">
					<p class="${id}_title">Параметры помещения</p>
					<table>${table}</table>
				</div>
			</form>`;
			return html;
		},
		floorTable: function (rooms, container) {
			html = `<form id="sc_form_floor_svg"><div class="table"><table>
			<thead>
				<tr>
					<th></th>
					<th>ID</th>
					<th>Коммерческий номер</th>
					<th>Наименование</th>
					<th>Статус</th>
					<th>Тип помещения</th>
					<th>Площадь</th>
					<th>Арендная ставка</th>
				</tr>
			</thead>
			<tbody>`;
			for (let i of rooms){
				html += `<tr>
					<td>
						<input id="room_${i.id}" type="checkbox" name="rooms[]" value="${i.id}">
						<label for="room_${i.id}"></label>
					</td>
					<td>${i.id}</td>
					<td>${i.commercial_number || ''}</td>
					<td>${i.name}</td>
					<td>${svgCreator.statuses[i.status]}</td>
					<td>${i.type}</td>
					<td>${i.square}</td>
					<td>${svgCreator.Utils.formatPrice(i.rate)}</td>
				</tr>`;
			}
			html += `</tbody>
				</table>
				</div>
				<div class="sc_form-group">
					<input type="email" name="email" placeholder="Ваше E-mail" required="">
				</div>
				<div class="sc_buttons">
					<button type="submit" class="button button-blue" name="sc_action" value="sendSvgToEmail">Получить планы</button>
				</div>
			</form>`;
			container.html(html);
			this.floorTableEvent();
		},
		floorTableEvent: function (){
			if (this.floorTableEventInit) return;
			this.floorTableEventInit = true;
			svgCreator.$body.on('change', '#sc_form_floor_svg input[type=checkbox]', function () {
				let $inp = $(this);
				let cls = 'selected';
				let method = $inp.prop('checked') ? 'addClass' : 'removeClass';
				$('.' + svgCreator.Svg.config.svgId + `_rooms [data-id=${$inp.val()}]`)[method](cls);
			});
			svgCreator.$body.on('submit', '#sc_form_floor_svg', function (e) {
				e.preventDefault();
				var parent = $(this).parent();
				let action = svgCreator.btn.val();
				var callbacks = svgCreatorConfig.callbacksTemplate();
				callbacks.response.success = function (response) {
					parent.html('<div class="success">Ваш запрос отправлен на почту, которую вы указали.</div>');
				}
				let data = svgCreator.Request.addList({action: action}, $(this).serialize());
				svgCreator.Request.toSystem(data, callbacks);
			});
		},
	}

	svgCreator.Actions = {
		config: {
			container: 'sc_actions',
			forms: 'sc_actions_forms',
			formRent: 'sc_form_rent',
			personData: 'sc_person_data',
		},
		buttons: function () {
			this.initialize();
			return `<div id="${this.config.container}" class="sc_buttons">
					<span class="button button-blue" data-action="rentForm">Арендовать</span>
					<span class="button button-blue" data-action="callForm">Заказать звонок</span>
				</div>
				<div id="${this.config.forms}"></div>`;
		},
		forms: function (html = '') {
			svgCreator.Utils.scroll('#' + this.config.forms, '#' + svgCreator.popup.config.windowId);
			$('#' + this.config.forms).html(html);
		},
		rentForm: function () {
			let html = `<p class="${svgCreator.Block.config.roomId}_title">Арендовать</p>` + svgCreator.Sms.form(this.rentFormFull);
			this.forms(html);
		},
		rentFormFull: function () {
			let edo = '';
			for (let i of svgCreator.data.edo_user){
				edo += `<option value="${i}">${i}</option>`;
			}
			let html = `<p class="${svgCreator.Block.config.roomId}_title">Арендовать</p>
			<p>Подтвержденный телефон для связи: ${svgCreator.Sms.data.phone}</p>
			<form id="sc_form_rent" class="sc_form">
				<div class="sc_form-blocks">
					<div class="sc_form-block open" data-action="rentFormStatus">
						<p class="sc_form-block_title">Ваш статус</p>
						<div class="sc_form-block_body">
							<div class="sc_form-groups">
								<div class="sc_form-group">
									<input id="sc_form_radio_legal_person" type="radio" name="status" value="Юр.лицо" required>
									<label for="sc_form_radio_legal_person">Юр.лицо</label>
								</div>
								<div class="sc_form-group">
									<input id="sc_form_radio_sole_trader" type="radio" name="status" value="ИП">
									<label for="sc_form_radio_sole_trader">ИП</label>
								</div>
								<div class="sc_form-group">
									<input id="sc_form_radio_individual" type="radio" name="status" value="Физ.лицо">
									<label for="sc_form_radio_individual">Физ.лицо</label>
								</div>
							</div>
							<div class="sc_buttons">
								<span class="button button-blue">Далее</span>
							</div>
						</div>
					</div>
					<div class="sc_form-block" data-action="rentFormInnBefore">
						<p class="sc_form-block_title">Данные ИНН</p>
						<div class="sc_form-block_body">
							<div class="sc_form-group">
								<input type="number" name="inn" placeholder="Введите ИНН" required>
							</div>
							<div class="sc_form-group">
								<input type="number" name="kpp" placeholder="КПП" required>
							</div>
							<div class="sc_buttons">
								<span class="button button-blue">Проверить</span>
							</div>
						</div>
					</div>
					<div class="sc_form-block">
						<p class="sc_form-block_title">Данные ЭДО</p>
						<div class="sc_form-block_body">
							<div class="sc_form-group">
								<select type="text" name="edo_user" placeholder="Оператор ЭДО">${edo}</select>
							</div>
							<p>Если у вас нет ЭДО, нажмите Далее</p>
							<div class="sc_form-group">
								<input type="number" name="edo_id" placeholder="ID участника ЭДО (необязательно)">
							</div>
							<div class="sc_buttons">
								<span class="button button-blue">Далее</span>
							</div>
						</div>
					</div>
					<div class="sc_form-block" data-action="rentFormSuccess">
						<p class="sc_form-block_title">Подтверждение данных</p>
						<div class="sc_form-block_body">
							<div id="${svgCreator.Actions.config.personData}"></div>
							<div class="sc_form-group">
								<input type="email" name="email" placeholder="Адрес эл. почты" required>
							</div>
							<div class="sc_form-group">
								<input type="text" name="rent_start" placeholder="Дата начала аренды" readonly required>
								<script>
								    $('input[name=rent_start]').datepicker({
                                        dateFormat: 'dd.mm.yy',
                                    });
								</script>
							</div>
							<div class="sc_form-attention" style="display:none;">Проверьте правильность заполнения полей ИНН, КПП. Если ИНН и КПП верные, оставьте заявку на обратный звонок, менеджер аренды поможет Вам оформить договор.</div>
							<div class="sc_buttons">
								<span class="button button-blue" data-success="true">Подтверждаю данные</span>
								<span class="button button-blue" data-success="false">Данные неверны</span>
							</div>
						</div>
					</div>
				</div>
				<div class="sc_form-group">
					<input id="sc_form_agreement" type="checkbox" name="agreement" required>
					<label for="sc_form_agreement">Настоящим подтверждаю, что я ознакомлен и согласен <a href="${svgCreatorConfig.agreement}" target="_blank">с условиями политики конфиденциальности</a></label>
				</div>
				<div class="sc_buttons">
					<button type="submit" name="sc_action" value="sendContract" class="button button-blue" disabled>Получить договор</и>
				</div>
			</form>`;
			svgCreator.Actions.forms(html);
		},
		rentFormStatus: function (data, button, block) {
			let blockInn = block.next();
			let blockEdo = blockInn.next();
			let blockLast = blockEdo.next();
			let kppInp = blockInn.find('input[name=kpp]');
			let innInp = blockInn.find('input[name=inn]');
			this.checkInn = false;
			switch (data.status){
			    case 'Юр.лицо':
    				blockInn.find('input').prop('disabled', false);
			        kppInp.prop('disabled', false);
    				innInp.data('length', 10);
    				kppInp.show();
			        break;
			    case 'ИП':
    				blockInn.find('input').prop('disabled', false);
			        kppInp.prop('disabled', true);
    				innInp.data('length', 12);
    				kppInp.hide();
			        break;
			    case 'Физ.лицо':
			        block.addClass('checked');
					blockInn.find('input').prop('disabled', true);
					blockInn.addClass('checked').removeClass('open');
					blockEdo.addClass('checked').removeClass('open');
					blockLast.addClass('open');
					svgCreator.Utils.scroll(blockLast, '#' + svgCreator.popup.config.windowId);
					this.checkInn = true;
			        return false;
			        break;
			}
			return true;
		},
		rentFormInnBefore: function (data, button, block) {
			let length = block.find('input[name=inn]').data('length');
			if (data.inn.length != length) return svgCreator.Message.error(`Длина поля ИНН должна быть равна ${length} символов`);
			var callbacks = svgCreatorConfig.callbacksTemplate();
			callbacks.response.success = function (response) {
				svgCreator.Actions.rentFormInnAfter(response.data.result, block);
			}
			svgCreator.Request.add('action', 'getCompanyByDaData', data);
			svgCreator.Request.toSystem(data, callbacks);
			
			return true;
		},
		rentFormInnAfter: function (result, block) {
			let html = '';
			let blockSuccess = block.next().next();
			let options = {
				'name|short_with_opf': 'Наименование организации',
				'inn': 'ИНН',
				'kpp': 'КПП',
				'ogrn': 'ОГРН',
				'management|name': 'В лице',
				'address|value': 'Юридический адрес',
				'address|value': 'Фактический адрес',
				'emails': 'Эл. почта',
			};
			if (result.length) {
				html += '<ul>';
				let item = svgCreator.dadata =  result[0].data;
				for (let path in options){
					let value = svgCreator.Utils.getValueByPath(path.split('|'), item);
					if (value === null) continue;
					html += `<li><span>${options[path]}</span><span>${value}</span></li>`;
				}
				html += '</ul>';
			} else {
				html += '<p class="error">По указанному ИНН данные не найдены, возможно указан не корректный ИНН или КПП!</p>';
			}
			svgCreator.$body.find('#' + this.config.personData).html(html);
			blockSuccess.removeClass('open');
			block.closest('form').find('button.button-callback').remove();
			blockSuccess.find('.sc_form-attention').hide();
			blockSuccess.find('.sc_buttons').show();
			this.checkInn = true;
		},
		rentFormSuccess: function (data, button, block) {   
            let d = data.rent_start.split('.');
		    let rent_start = new Date(d[2] + '/' + d[1] + '/' + d[0]);
		    console.log(rent_start);
		    rent_start.setHours(0, 0, 0, 0);
		    let date_future = new Date();
		    date_future.setDate(date_future.getDate() + 3);
		    date_future.setHours(0, 0, 0, 0);
		    if (date_future > rent_start) return svgCreator.Message.error(`Дата начала аренды должна быть не раньше 3х дней от текущей даты.`);
			let success = button.data('success');
			let submit = block.closest('form').find('button[type=submit]');
			if (success === true) {
				submit.prop('disabled', false);
				return true;
			}
			submit.prop('disabled', true);
			block.removeClass('checked');
			submit.before('<button type="submit" name="sc_action" value="sendContractWrong" class="button button-blue button-callback">Заказать звонок</button>');
			block.find('.sc_form-attention').show();
			block.find('.sc_buttons').hide();
			return false;
		},
		callSend: function () {
			let data = svgCreator.Sms.data;
			svgCreator.Request.addList({action: 'callBack', rooms: svgCreator.Svg.currentRoom}, data);
			var callbacks = svgCreatorConfig.callbacksTemplate();
			callbacks.response.success = function (response) {
				svgCreator.Actions.forms('<div class="success">Ваш запрос отправлен в службу аренды. В ближайшее время с Вами свяжутся.</div>');
			}
			svgCreator.Request.toSystem(data, callbacks);
		},
		callForm: function () {
			let html = `<p class="${svgCreator.Block.config.roomId}_title">Заказать звонок</p>` + svgCreator.Sms.form(this.callSend);
			this.forms(html);
		},
		initialize: function () {
			if (this.initialized) return;
			this.initialized = true;
			svgCreator.$body.on('click', '#' + this.config.container + ' .button', function () {
				svgCreator.Actions.forms();
				let action = $(this).data('action');
				if (!action || !svgCreator.Actions[action]) return;
				this.current = action;
				svgCreator.Actions[action]();
			});
			svgCreator.$body.on('click', '#' + this.config.formRent + ' span.button', function () {
				let block = $(this).closest('.sc_form-block');
				if (!block.length || !svgCreator.Form.validate(block)) return;
				let action = block.data('action');
				let result = action ? svgCreator.Actions[action](svgCreator.Utils.serializeBlockToObject(block), $(this), block) : true;
				if (result) {
					block.addClass('checked');
					block.next().addClass('open');
					svgCreator.Utils.scroll(block.next(), '#' + svgCreator.popup.config.windowId);
				}
			});
			svgCreator.$body.on('submit', '#' + this.config.formRent, function (e) {
				e.preventDefault();
				if (!svgCreator.Actions.checkInn) return svgCreator.Message.error('Необходимо проверить введенный ИНН.');
				svgCreator.Message.create('Данные формы получены. Дождитесь завершения отправки формы.');
				let action = svgCreator.btn.val();
				var callbacks = svgCreatorConfig.callbacksTemplate();
				callbacks.response.success = function (response) {
					svgCreator.Actions.forms('<div class="success">Ваш запрос отправлен в службу аренды. В ближайшее время с Вами свяжутся.</div>')
				}
				let data = svgCreator.Utils.serializeFormToObject($(this).closest('form'));
				svgCreator.Request.addList(svgCreator.Sms.data, data);
				svgCreator.Request.addList({action: action, rooms: svgCreator.Svg.currentRoom, dadata: JSON.stringify(svgCreator.dadata)}, data);
				svgCreator.Request.toSystem(data, callbacks);
			});
			svgCreator.$body.on('change', '#' + this.config.formRent + ' input[name=inn]', function () {
			    svgCreator.Actions.checkInn = false;
			});
		},
	}

	svgCreator.popup = {
		config: {
			popupId: 'sc_popup',
			windowId: 'sc_popup_content',
		},
		create : function (html) {
			if (svgCreator.Svg.movement) return;
			this.popup = $('<div>', {id: this.config.popupId}).on('mousedown touchstart', function (e) {
				svgCreator.popup.close(e);
			});
			this.content = $('<div>', {id: this.config.windowId}).appendTo(this.popup).html(html);
			$('<div>', {class: this.config.popupId + '_close'}).html('<svg xmlns="http://www.w3.org/2000/svg" version="1" viewBox="0 0 24 24"><path d="M13 12l5-5-1-1-5 5-5-5-1 1 5 5-5 5 1 1 5-5 5 5 1-1z"></path></svg>').appendTo(this.content);
			svgCreator.$container.append(this.popup);
		},
		close: function (e) {
			if (!this.popup) return;
			if ((e.target.id === this.config.windowId || e.target.closest('#' + this.config.windowId)) && (!e.target.classList.contains(this.config.popupId + '_close') && !e.target.closest('.' + this.config.popupId + '_close'))) return;
			this.popup.remove();
		},
	}

	svgCreator.Request = {
		add: function (key, value, data) {
			if ($.isArray(data)) {
				data.push({
					name: key,
					value: value,
				});
			} else if ($.isPlainObject(data)) {
				data[key] = value;
			} else if (typeof data == 'string') {
				data += "&" + key + "=" + value;
			} else if (data instanceof FormData) {
				data.append(key, value);
			}
			return data;
		},
		addList: function (mix, data) {
			for (let key in mix) {
				data = this.add(key, mix[key], data);
			}
			return data;
		},
		send: function (data, config = {}, callbacks = {}, userCallbacks = {}){
			var runCallback = function (callback, bind) {
				if (typeof callback == 'function') {
					return callback.apply(bind, Array.prototype.slice.call(arguments, 2));
				}
				else if (typeof callback == 'object') {
					for (var i in callback) {
						if (callback.hasOwnProperty(i)) {
							var response = callback[i].apply(bind, Array.prototype.slice.call(arguments, 2));
							if (response === false) {
								return false;
							}
						}
					}
				}
				return true;
			};

			if (runCallback(callbacks.before) === false || runCallback(userCallbacks.before) === false) return;

			var XHR = ('onload' in new XMLHttpRequest()) ? XMLHttpRequest : XDomainRequest;
			let xhr = new XHR();
			xhr.responseType = 'json';
			xhr.withCredentials = true;
			xhr.open(config.method ? config.method : 'POST', config.url, true);
			if (config.headers) {
				for (let i in config.headers) {
					xhr.setRequestHeader(i, config.headers[i]);
				}
			} else {
				xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
			}
			let sendData = '';
			if ($.isArray(data)) {
				sendData = new URLSearchParams(Object.entries(data)).toString();
			} else if ($.isPlainObject(data)) {
				sendData = new URLSearchParams(Object.entries(data)).toString();
			} else if (typeof data == "string") {
				sendData = data;
			}
			xhr.send(sendData);
			xhr.onload = () => {
				if (xhr.status != 200) svgCreator.Message.log(`Ошибка ${xhr.status}: ${xhr.statusText}`);
				let response = svgCreator.response = xhr.response;
				if (response.success) {
					if (response.message) {
						svgCreator.Message.success(response.message);
					}
					if (response.data.update){
						svgCreator.update();
					}
					runCallback(callbacks.response.success, svgCreator, response);
					if (!$.isEmptyObject(userCallbacks)) {
						runCallback(userCallbacks.response.success, svgCreator, response)
					};
				} else {
					svgCreator.Message.log(response.message);
					if (response.data.required){
						svgCreator.Required.setAll(response.data.required);
					}
					runCallback(callbacks.response.error, svgCreator, response);
					if (!$.isEmptyObject(userCallbacks)) {
						runCallback(userCallbacks.response.error, svgCreator, response)
					};
				}
			};
		},
		toSystem: function (data, callbacks = {}, userCallbacks = {}) {
			if (typeof svgCreatorConfig.user === 'undefined') return this.log('User is undefined');
			data = svgCreator.Request.add('user', svgCreatorConfig.user, data);
			let config = {
				url: svgCreator.url + 'data',
				type: 'POST',
				dataType: 'json',
			};
			this.send(data, config, callbacks, userCallbacks);
		},
		toOther: function (url, method = 'POST', headers = {}, data = {}, callbacks = {}) {
			let config = {
				url: url,
				type: method,
				headers: headers,
			};
			this.send(data, config, callbacks = {});
		},
	};

	svgCreator.Sms = {
		config: {
			smsId: 'sc_form_sms',
		},
		form: function (action) {
			this.action = action;
			return `<form id="${this.config.smsId}_send">
					<div class="sc_form-group">
						<input type="text" name="name" placeholder="Ваше имя" required>
					</div>
					<div class="sc_form-group">
						<input type="text" name="phone" placeholder="Телефон" required>
					</div>
					<div class="sc_buttons">
						<button type="submit" class="button button-blue">Получить код подтверждения</button>
						<p>Подтвердите свой номер телефона</p>
					</div>
					<script>$('input[name=phone]').mask('+7(999)999-99-99');</script>
				</form>
				<form id="${this.config.smsId}_check">
					<div class="sc_form-group">
						<input type="text" name="code" placeholder="Код подтверждения" required>
					</div>
					<div class="sc_buttons">
						<button type="submit" class="button button-blue" disabled>Подтвердить</button>
					</div>
				</form>`;
		},
		send: function (e) {
			e.preventDefault();
			let form = $(e.target);
			let data = this.data = svgCreator.Utils.serializeFormToObject(form);
			for (const [k, v] of Object.entries(data)){
				if (!v) return svgCreator.Form.emptyField(form, k);
			}
			var callbacks = svgCreatorConfig.callbacksTemplate();
			callbacks.response.success = function (response) {
				svgCreator.Sms.code = response.data.code;
				form.find('button').prop('disabled', true);
				$('#' + svgCreator.Sms.config.smsId + '_check').find('button').prop('disabled', false);
				$('#' + svgCreator.Sms.config.smsId + '_check').find('input').focus();
			}
			svgCreator.Request.toSystem({action: 'sendSms', phone: data.phone}, callbacks);
		},
		check: function (e) {
			e.preventDefault();
			let form = $(e.target);
			let field = 'code';
			let data = svgCreator.Utils.serializeFormToObject(form);
			if (!data[field]) return svgCreator.Form.errorField(form, field, 'Введите код подтверждения.');
			if (data[field] != this.code) {
				return svgCreator.Form.errorField(form, field, 'Не верный код подтверждения.');
			}
			if (this.action) this.action();
			this.action = null;
			this.code = null;
		},
		initialize: function () {
			svgCreator.$body.on('submit', '#' + this.config.smsId + '_send', (e) =>  svgCreator.Sms.send(e));
			svgCreator.$body.on('submit', '#' + this.config.smsId + '_check', (e) =>  svgCreator.Sms.check(e));
		},
	}

	svgCreator.Form = {
		config: {
			formGroup: 'sc_form-group',
			formErr: 'sc_form-error',
		},
		errorField: function (form, field, message) {
			this.resetErrors(form);
			let el = form.find('*[name=' + field + ']');
			el.closest('.' + this.config.formGroup).addClass('error');
			el.after(`<span class="${this.config.formErr}">${message}</span>`);
		},
		emptyField: function (form, field) {
			this.errorField(form, field, 'Это поле обязательно для заполнения.');
		},
		resetErrors: function (form) {
			form.find('.' + this.config.formGroup).removeClass('error');
			form.find('.' + this.config.formErr).remove();
		},
		validate: function (form, e) {
			var isErrReqiured = false;
			var field;
			form.find('input, select, textarea').removeClass('error');
			form.find('input, select, textarea').each(function (){
				if (isErrReqiured) return;
				if (!$(this).prop('required') || $(this).prop('disabled')) return;
				field = $(this);
				switch (this.tagName.toLowerCase()) {
					case 'select':
					case 'textarea':
						if (!$(this).val()) isErrReqiured = true;
						break;
					case 'input':
						switch ($(this).attr('type').toLowerCase()) {
							case 'checkbox':
								if (!$(this).prop('checked')) isErrReqiured = true;
								break;
							case 'radio':
								if (!form.find('input[type=radio][name=' + $(this).attr('name') + ']:checked').length) isErrReqiured = true;
								break;
							default:
								if (!$(this).val()) isErrReqiured = true;
								break;
						}
						break;
				}
			});
			if (isErrReqiured) {
				if (e) e.preventDefault();
				field.addClass('error');
				svgCreator.Message.errRequired();
				return false
			}
			return true;
		},
	}

	svgCreator.Message = {
		config: {
			container: 'sc_message',
		},
		log: function (message) {
			console.error('[svgCreator] - ' + message);
		},
		create: function (text, type = 'success') {
			this.initialize();
			let item = $('<div>', {class: 'sc_message ' + type}).text(text).appendTo(this.contaner);
			let close = $('<div>', {class: 'sc_message_close'}).html('<svg xmlns="http://www.w3.org/2000/svg" version="1" viewBox="0 0 24 24"><path d="M13 12l5-5-1-1-5 5-5-5-1 1 5 5-5 5 1 1 5-5 5 5 1-1z"></path></svg>').appendTo(item);
			close.on('click', () => item.remove());
		},
		error: function (message) {
			this.create(message, 'error');
		},
		errRequired: function () {
			this.error('Заполните и/или выберите обязательные поля.');
		},
		initialize: function () {
			if (this.contaner) return;
			this.contaner = $('<div>', {id: this.config.container}).appendTo(svgCreator.$body);
			$('body').on('click', function (e){
			    //if (!$(e.target).hasClass('sc_message')) svgCreator.Message.contaner.html('');
			});
		},
	}

	svgCreator.Loader = {
		config: {
			parCls: 'sc_loading',
		},
		create: function () {
			if (this.el) return;
			this.el = $('<span>', {class: 'sc_loader'});
			svgCreator.$body.addClass(this.config.parCls);
			this.el.prependTo(svgCreator.$body);
		},
		destroy: function () {
			if (!this.el) return;
			this.el.remove();
			this.el = null;
			svgCreator.$body.removeClass(this.config.parCls);
		},
	};

	svgCreator.Utils = {
		getClearName: function (name){
			return name.replace (/[^a-z0-9]/, '')
		},
		getRuStatus: function (name) {
			return svgCreator.statuses[name];
		},
		getRand: function (min, max) {
			return Math.floor(Math.random() * (max - min + 1)) + min;
		},
		serializeObject: function (data) {
			var obj = {};
			data.map(function(x, i){
				obj[x.name] = x.value;
			});
			return obj;
		},
		serializeFormToObject: function (form) {
			return this.serializeObject(form.serializeArray());
		},
		serializeBlockToObject: function (block) {
			return this.serializeObject(block.find('input, select, textarea').serializeArray());
		},
		getValueByPath: function (path, data) {
			let i = path.shift();
			if (data[i] === null || typeof data[i] === 'undefined') return null;
			return path.length > 0 ? this.getValueByPath(path, data[i]) : data[i];
		},
		scroll: function (to, container) {
			to = (typeof to === 'string') ? $(to) : to;
			if (!to.length) return;
			if (!container) container = 'html, body';
			container = (typeof container === 'string') ? $(container) : container;
			let scrollHeight = to[0].offsetTop - container[0].offsetTop;
			$(container).animate({
				scrollTop: scrollHeight
			}, 500);
		},
		isMobile: function () {
			return (/Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(navigator.userAgent) ||
			(/Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(navigator.platform)));
		},
		lockScroll: function (lock = true) {
			let method = lock ? 'addClass' : 'removeClass';
			$('html')[method]('sc_unscroll');
		},
		formatPrice: function (price) {
            return svgCreator.Utils.number_format(price, 0, '.', ' ');
        },
		number_format: function (number, decimals, dec_point, thousands_sep) {
            var i, j, kw, kd, km;

            if (isNaN(decimals = Math.abs(decimals))) decimals = 2;
            if (dec_point == undefined) dec_point = ',';
            if (thousands_sep == undefined) thousands_sep = '.';

            i = parseInt(number = (+number || 0).toFixed(decimals)) + '';

            if ((j = i.length) > 3) {
                j = j % 3;
            } else {
                j = 0;
            }

            km = j
                ? i.substr(0, j) + thousands_sep
                : '';
            kw = i.substr(j).replace(/(\d{3})(?=\d)/g, "$1" + thousands_sep);
            kd = (decimals
                ? dec_point + Math.abs(number - i).toFixed(decimals).replace(/-/, '0').slice(2)
                : '');

            return km + kw + kd;
        },
        roundHundred: function (price) {
            return svgCreator.Utils.formatPrice(Math.round(price / 100) * 100);
        },
        uniqueid: function () {
            return Math.random().toString(16).slice(2) ;
        },
	}

	svgCreator.Icon = {
		geo: `<svg width="10" height="14" viewBox="0 0 10 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5 0C2.23875 0 0 2.35069 0 5.25C0 6.39166 0.356458 7.43925 0.948958 8.29719C0.959583 8.31775 0.96125 8.34072 0.973333 8.36041L4.30667 13.6104C4.46125 13.8539 4.72167 14 5 14C5.27833 14 5.53875 13.8539 5.69333 13.6104L9.02667 8.36041C9.03896 8.34072 9.04042 8.31775 9.05104 8.29719C9.64354 7.43925 10 6.39166 10 5.25C10 2.35069 7.76125 0 5 0ZM5 7C4.07958 7 3.33333 6.21644 3.33333 5.25C3.33333 4.28356 4.07958 3.5 5 3.5C5.92042 3.5 6.66667 4.28356 6.66667 5.25C6.66667 6.21644 5.92042 7 5 7Z"/></svg>`,
		class: '<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 11.382C0 12.11 0.256667 12.726 0.77 13.23C1.28333 13.734 1.904 13.9907 2.632 14H11.382C12.1007 14 12.7167 13.7433 13.23 13.23C13.7433 12.7167 14 12.1007 14 11.382V2.632C14 1.904 13.7433 1.28333 13.23 0.77C12.7167 0.256667 12.1007 0 11.382 0H2.632C1.904 0 1.28333 0.256667 0.77 0.77C0.256667 1.28333 0 1.904 0 2.632L0 11.382ZM1.75 11.382V2.632C1.75 2.38933 1.834 2.184 2.002 2.016C2.17 1.848 2.38 1.75933 2.632 1.75H11.382C11.6153 1.75 11.8207 1.83867 11.998 2.016C12.1753 2.19333 12.2593 2.39867 12.25 2.632V11.382C12.25 11.6247 12.166 11.83 11.998 11.998C11.83 12.166 11.6247 12.25 11.382 12.25H2.632C2.38933 12.25 2.17933 12.166 2.002 11.998C1.82467 11.83 1.74067 11.6247 1.75 11.382ZM3.5 10.5H10.5V8.75H3.5V10.5ZM3.5 7.882H10.5V6.132H3.5V7.882ZM3.5 5.25H10.5V3.5H3.5V5.25Z"/></svg>',
		size: '<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.00069993 13.118V10.5C0.00069993 10.3133 0.0520281 10.1453 0.154685 9.996C0.257341 9.84667 0.383328 9.744 0.532647 9.688C0.681965 9.632 0.845282 9.61333 1.0226 9.632C1.19991 9.65067 1.35856 9.73 1.49855 9.87L2.18448 10.57L4.63424 8.12C4.74623 8.01733 4.86755 7.94267 4.9982 7.896C5.12885 7.84933 5.25484 7.84467 5.37616 7.882C5.49748 7.91933 5.60947 7.966 5.71213 8.022C5.81479 8.078 5.90344 8.16667 5.9781 8.288C6.05276 8.40933 6.09942 8.52133 6.11809 8.624C6.13675 8.72667 6.13209 8.85267 6.10409 9.002C6.07609 9.15133 5.99677 9.27267 5.86611 9.366L3.43036 11.802L4.11629 12.502C4.25627 12.642 4.34027 12.8007 4.36826 12.978C4.39626 13.1553 4.3776 13.3187 4.31227 13.468C4.24694 13.6173 4.13962 13.7433 3.9903 13.846C3.84098 13.9487 3.67767 14 3.50035 14H0.882612C0.639969 14 0.42999 13.916 0.252675 13.748C0.0753591 13.58 -0.00863247 13.37 0.00069993 13.118ZM0.00069993 3.5V0.882C0.00069993 0.639333 0.0846915 0.434 0.252675 0.266C0.420658 0.098 0.630637 0.00933333 0.882612 0H3.50035C3.69633 0 3.86431 0.056 4.0043 0.168C4.14429 0.28 4.24694 0.406 4.31227 0.546C4.3776 0.686 4.39159 0.849333 4.35426 1.036C4.31694 1.22267 4.23761 1.37667 4.11629 1.498L3.43036 2.198L5.86611 4.62C5.9781 4.732 6.05743 4.85333 6.10409 4.984C6.15075 5.11467 6.15542 5.24067 6.11809 5.362C6.08076 5.48333 6.0341 5.6 5.9781 5.712C5.92211 5.824 5.83345 5.908 5.71213 5.964C5.59081 6.02 5.47882 6.07133 5.37616 6.118C5.27351 6.16467 5.14752 6.15533 4.9982 6.09C4.84888 6.02467 4.72756 5.95 4.63424 5.866L2.18448 3.43L1.49855 4.116C1.35856 4.256 1.19991 4.34 1.0226 4.368C0.845282 4.396 0.681965 4.37733 0.532647 4.312C0.383328 4.24667 0.257341 4.144 0.154685 4.004C0.0520281 3.864 0.00069993 3.696 0.00069993 3.5ZM7.89591 5.362C7.86791 5.25 7.87258 5.12867 7.90991 4.998C7.94724 4.86733 8.0219 4.746 8.13389 4.634L10.5696 2.184L9.88371 1.498C9.74372 1.358 9.6644 1.19933 9.64574 1.022C9.62707 0.844667 9.64107 0.681333 9.68773 0.532C9.73439 0.382667 9.84172 0.256667 10.0097 0.154C10.1777 0.0513333 10.341 0 10.4997 0H13.1314C13.3647 0 13.57 0.084 13.7473 0.252C13.9246 0.42 14.0086 0.625333 13.9993 0.868V3.5C13.9993 3.68667 13.948 3.85 13.8453 3.99C13.7427 4.13 13.6167 4.23267 13.4674 4.298C13.318 4.36333 13.1547 4.382 12.9774 4.354C12.8001 4.326 12.6461 4.24667 12.5154 4.116L11.8155 3.43L9.36576 5.866C9.26311 5.978 9.14645 6.05267 9.0158 6.09C8.88515 6.12733 8.75916 6.132 8.63784 6.104C8.51651 6.076 8.39986 6.02933 8.28787 5.964C8.17588 5.89867 8.09189 5.81467 8.0359 5.712C7.9799 5.60933 7.93324 5.49267 7.89591 5.362ZM7.89591 8.946C7.85858 8.78733 7.86325 8.64267 7.90991 8.512C7.95657 8.38133 8.0359 8.26 8.14789 8.148C8.25987 8.036 8.3812 7.95667 8.51185 7.91C8.6425 7.86333 8.78715 7.854 8.94581 7.882C9.10446 7.91 9.24444 7.98933 9.36576 8.12L11.8155 10.57L12.5154 9.884C12.6461 9.744 12.8001 9.66 12.9774 9.632C13.1547 9.604 13.318 9.62267 13.4674 9.688C13.6167 9.75333 13.7427 9.856 13.8453 9.996C13.948 10.136 13.9993 10.304 13.9993 10.5V13.132C13.9993 13.3747 13.9153 13.58 13.7473 13.748C13.5793 13.916 13.374 14 13.1314 14H10.4997C10.313 14 10.145 13.9487 9.9957 13.846C9.84638 13.7433 9.74372 13.6127 9.68773 13.454C9.63174 13.2953 9.61774 13.132 9.64574 12.964C9.67373 12.796 9.75306 12.642 9.88371 12.502L10.5696 11.816L8.13389 9.366C8.00323 9.24467 7.92391 9.10467 7.89591 8.946Z"/></svg>',
		eye: '<svg width="11" height="7" viewBox="0 0 11 7" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 3.49397C0.0146667 3.52383 0.033 3.56489 0.055 3.61715C0.077 3.66941 0.132 3.77767 0.22 3.94191C0.308 4.10616 0.403333 4.26294 0.506 4.41226C0.608667 4.56157 0.751667 4.74075 0.935 4.94979C1.11833 5.15883 1.309 5.35667 1.507 5.54332C1.705 5.72996 1.95067 5.91287 2.244 6.09205C2.53733 6.27123 2.838 6.42801 3.146 6.56239C3.454 6.69677 3.81333 6.8013 4.224 6.87595C4.63467 6.95061 5.06 6.99167 5.5 6.99914C5.94 7.0066 6.36533 6.96554 6.776 6.87595C7.18667 6.78636 7.54967 6.67811 7.865 6.55119C8.18033 6.42428 8.47733 6.27123 8.756 6.09205C9.03467 5.91287 9.28033 5.72623 9.493 5.53212C9.70567 5.33801 9.89633 5.14763 10.065 4.96099C10.2337 4.77435 10.3767 4.5877 10.494 4.40106C10.6113 4.21441 10.7067 4.06137 10.78 3.94191C10.8533 3.82246 10.9083 3.71421 10.945 3.61715L11 3.49397C10.9927 3.46411 10.9743 3.42305 10.945 3.37078C10.9157 3.31852 10.8607 3.214 10.78 3.05722C10.6993 2.90044 10.604 2.74366 10.494 2.58688C10.384 2.4301 10.241 2.24719 10.065 2.03815C9.889 1.82911 9.69833 1.635 9.493 1.45582C9.28767 1.27664 9.042 1.09373 8.756 0.907088C8.47 0.720445 8.16933 0.563664 7.854 0.436746C7.53867 0.309829 7.17933 0.205308 6.776 0.123185C6.37267 0.0410617 5.94733 0 5.5 0C5.05267 0 4.62733 0.0410617 4.224 0.123185C3.82067 0.205308 3.45767 0.309829 3.135 0.436746C2.81233 0.563664 2.51533 0.720445 2.244 0.907088C1.97267 1.09373 1.727 1.27664 1.507 1.45582C1.287 1.635 1.09633 1.82911 0.935 2.03815C0.773667 2.24719 0.630667 2.4301 0.506 2.58688C0.381333 2.74366 0.286 2.90044 0.22 3.05722C0.154 3.214 0.099 3.32226 0.055 3.38198L0 3.49397ZM3.443 3.49397C3.443 2.91911 3.641 2.42637 4.037 2.01575C4.433 1.60514 4.92067 1.39983 5.5 1.39983C6.07933 1.39983 6.567 1.60514 6.963 2.01575C7.359 2.42637 7.56067 2.91911 7.568 3.49397C7.57533 4.06883 7.37367 4.5653 6.963 4.98339C6.55233 5.40147 6.06467 5.60678 5.5 5.59931C4.93533 5.59184 4.44767 5.38654 4.037 4.98339C3.62633 4.58024 3.42833 4.08376 3.443 3.49397ZM4.125 3.49397C4.125 3.88219 4.26067 4.21441 4.532 4.49065C4.80333 4.76688 5.126 4.90126 5.5 4.8938C5.874 4.88633 6.19667 4.75195 6.468 4.49065C6.73933 4.22935 6.875 3.89712 6.875 3.49397C6.875 3.09082 6.73933 2.76233 6.468 2.50849C6.19667 2.25466 5.874 2.11654 5.5 2.09414C5.126 2.07174 4.80333 2.20986 4.532 2.50849L5.5 3.49397H4.125Z"/></svg>',
	}
	
	document.addEventListener("DOMContentLoaded", function () {
		svgCreator.load.scripts();
		svgCreator.load.styles();
	});


	window.svgCreator = svgCreator;
})(window, document, svgCreatorConfig);

svgCreator.url = "https://gm.gorodbc.ru/";
svgCreator.load.config = {
			scripts: {
				jQuery: {url: '//code.jquery.com/jquery-3.7.0.min.js'},
				SVG: {url: '//cdnjs.cloudflare.com/ajax/libs/svg.js/3.2.0/svg.min.js'},
				slick: {
					url: '//cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.min.js',
					style: '//cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.css',
					depend: 'jQuery',
				},
				mask: {
					url: '//cdnjs.cloudflare.com/ajax/libs/jquery.maskedinput/1.4.1/jquery.maskedinput.min.js',
					depend: 'jQuery',
				},
				datepicker: {
					url: '//code.jquery.com/ui/1.13.3/jquery-ui.min.js',
					style: '//code.jquery.com/ui/1.13.3/themes/base/jquery-ui.min.css',
					depend: 'jQuery',
				},
			},
			styles: {
				0: 'https://gm.gorodbc.ru/assets/template/css/svgcreator.css',
			},
		};