{% extends '../_layouts/_main.twig' %}
{% set table = [
	{
		"id" : "111",
		"title" : "Maakleri teenused 1",
		"period" : "",
		"oc" : {
		"invoice" : "",
		"date" : "",
		"amount" : {
			"price" : "201.85",
			"currency" : "€"
		}
	},
		"panel" : {
		"amount" : {
			"price" : "201.85",
			"currency" : "€"
		},
		"date" : "",
		"invoice" : "",
		"company" : ""
	},
		"diff" : {
		"price" : "5,046.55",
		"currency" : "€",
		"style" : "danger"
	},
		"action" : "",
		"open" : "true",
		"items" : [
		{
			"id" : "111",
			"title" : "Maakleri teenused 1 - 1",
			"period" : "2021-03",
			"oc" : {
			"invoice" : "",
			"date" : "",
			"amount" : {
				"price" : "47.49",
				"currency" : "€"
			}
		},
			"panel" : {
			"amount" : {
				"price" : "47.49",
				"currency" : "€"
			},
			"date" : "",
			"invoice" : "",
			"company" : ""
		},
			"diff" : {
			"price" : "0.00",
			"currency" : "€",
			"style" : "success"
		},
			"action" : "",
			"open" : "true",
			"items" : [
			{
				"id" : "111",
				"title" : "Maakleri teenused 1 - 1 - 1",
				"period" : "2021-07",
				"oc" : {
				"invoice" : "158884",
				"date" : "2021-07-06",
				"amount" : {
					"price" : "107.70",
					"currency" : "€"
				}
			},
				"panel" : {
				"amount" : {
					"price" : "107.70",
					"currency" : "€"
				},
				"date" : "2021-07-06",
				"invoice" : "158884",
				"company" : "DSV Estonia AS"
			},
				"diff" : {
				"price" : "0.00",
				"currency" : "€",
				"style" : "success"
			},
				"action" : ""
			},
			{
				"id" : "111",
				"title" : "Maakleri teenused 1 - 1 - 2",
				"period" : "2021-07",
				"oc" : {
				"invoice" : "",
				"date" : "",
				"amount" : ""
			},
				"panel" : {
				"amount" : {
					"price" : "5,046.55",
					"currency" : "€"
				},
				"date" : "2021-07-06",
				"invoice" : "158884",
				"company" : "DSV Estonia AS"
			},
				"diff" : {
				"price" : "5,046.55",
				"currency" : "€",
				"style" : "danger"
			},
				"action" : ""
			},
			{
				"id" : "111",
				"title" : "Maakleri teenused 1 - 1 - 3",
				"period" : "2021-07",
				"oc" : {
				"invoice" : "",
				"date" : "",
				"amount" : ""
			},
				"panel" : {
				"amount" : {
					"price" : "5,046.55",
					"currency" : "€"
				},
				"date" : "2021-07-06",
				"invoice" : "158884",
				"company" : "DSV Estonia AS"
			},
				"diff" : {
				"price" : "5,046.55",
				"currency" : "€",
				"style" : "danger"
			},
				"action" : ""
			}
		]
		},
		{
			"id" : "111",
			"title" : "Ajalehtede ja ajakirjade ettetellimus, raamatud",
			"period" : "2021-04",
			"oc" : {
			"invoice" : "",
			"date" : "",
			"amount" : {
				"price" : "31.66",
				"currency" : "€"
			}
		},
			"panel" : {
			"amount" : {
				"price" : "31.66",
				"currency" : "€"
			},
			"date" : "",
			"invoice" : "",
			"company" : ""
		},
			"diff" : {
			"price" : "0.00",
			"currency" : "€",
			"style" : "success"
		},
			"action" : "",
			"open" : "true",
			"items" : [
			{
				"id" : "111",
				"title" : "Ajalehtede ja ajakirjade ettetellimus, raamatud",
				"period" : "2021-07",
				"oc" : {
				"invoice" : "158884",
				"date" : "2021-07-06",
				"amount" : {
					"price" : "107.70",
					"currency" : "€"
				}
			},
				"panel" : {
				"amount" : {
					"price" : "107.70",
					"currency" : "€"
				},
				"date" : "2021-07-06",
				"invoice" : "158884",
				"company" : "Lietuvos automobiliu keliu direkcija prie susisiekimo ministerijos"
			},
				"diff" : {
				"price" : "0.00",
				"currency" : "€",
				"style" : "success"
			},
				"action" : ""
			},
			{
				"id" : "111",
				"title" : "Ajalehtede ja ajakirjade ettetellimus, raamatud",
				"period" : "2021-07",
				"oc" : {
				"invoice" : "",
				"date" : "",
				"amount" : ""
			},
				"panel" : {
				"amount" : {
					"price" : "5,046.55",
					"currency" : "€"
				},
				"date" : "2021-07-06",
				"invoice" : "158884",
				"company" : "DSV Estonia AS"
			},
				"diff" : {
				"price" : "5,046.55",
				"currency" : "€",
				"style" : "danger"
			},
				"action" : ""
			}
			,
			{
				"id" : "111",
				"title" : "Maakleri teenused 1 - 2 - 3",
				"period" : "2021-07",
				"oc" : {
				"invoice" : "",
				"date" : "",
				"amount" : ""
			},
				"panel" : {
				"amount" : {
					"price" : "5,046.55",
					"currency" : "€"
				},
				"date" : "2021-07-06",
				"invoice" : "158884",
				"company" : "DSV Estonia AS"
			},
				"diff" : {
				"price" : "5,046.55",
				"currency" : "€",
				"style" : "danger"
			},
				"action" : ""
			}
		]
		},
		{
			"id" : "111",
			"title" : "Maakleri teenused 1 - 3",
			"period" : "2021-06",
			"oc" : {
			"invoice" : "",
			"date" : "",
			"amount" : {
				"price" : "15.00",
				"currency" : "€"
			}
		},
			"panel" : {
			"amount" : {
				"price" : "15.00",
				"currency" : "€"
			},
			"date" : "",
			"invoice" : "",
			"company" : ""
		},
			"diff" : {
			"price" : "0.00",
			"currency" : "€",
			"style" : "success"
		},
			"action" : "",
			"open" : "false",
			"items" : [
			{
				"id" : "111",
				"title" : "Maakleri teenused 1 - 3 - 1",
				"period" : "2021-07",
				"oc" : {
				"invoice" : "158884",
				"date" : "2021-07-06",
				"amount" : {
					"price" : "107.70",
					"currency" : "€"
				}
			},
				"panel" : {
				"amount" : {
					"price" : "107.70",
					"currency" : "€"
				},
				"date" : "2021-07-06",
				"invoice" : "158884",
				"company" : "DSV Estonia AS"
			},
				"diff" : {
				"price" : "0.00",
				"currency" : "€",
				"style" : "success"
			},
				"action" : ""
			},
			{
				"id" : "111",
				"title" : "Maakleri teenused 1 - 3 - 2",
				"period" : "2021-07",
				"oc" : {
				"invoice" : "",
				"date" : "",
				"amount" : ""
			},
				"panel" : {
				"amount" : {
					"price" : "5,046.55",
					"currency" : "€"
				},
				"date" : "2021-07-06",
				"invoice" : "158884",
				"company" : "DSV Estonia AS"
			},
				"diff" : {
				"price" : "5,046.55",
				"currency" : "€",
				"style" : "danger"
			},
				"action" : ""
			}
		]
		},
		{
			"id" : "111",
			"title" : "Maakleri teenused 1 - 4",
			"period" : "2021-07",
			"oc" : {
			"invoice" : "",
			"date" : "",
			"amount" : {
				"price" : "107.70",
				"currency" : "€"
			}
		},
			"panel" : {
			"amount" : {
				"price" : "107.70",
				"currency" : "€"
			},
			"date" : "",
			"invoice" : "",
			"company" : ""
		},
			"diff" : {
			"price" : "5,046.55",
			"currency" : "€",
			"style" : "danger"
		},
			"action" : "",
			"open" : "false",
			"items" : [
			{
				"id" : "111",
				"title" : "Maakleri teenused 1 - 4 - 1",
				"period" : "2021-07",
				"oc" : {
				"invoice" : "158884",
				"date" : "2021-07-06",
				"amount" : {
					"price" : "107.70",
					"currency" : "€"
				}
			},
				"panel" : {
				"amount" : {
					"price" : "107.70",
					"currency" : "€"
				},
				"date" : "2021-07-06",
				"invoice" : "158884",
				"company" : "DSV Estonia AS"
			},
				"diff" : {
				"price" : "0.00",
				"currency" : "€",
				"style" : "success"
			},
				"action" : ""
			},
			{
				"id" : "111",
				"title" : "Maakleri teenused 1 - 4 - 2",
				"period" : "2021-07",
				"oc" : {
				"invoice" : "",
				"date" : "",
				"amount" : ""
			},
				"panel" : {
				"amount" : {
					"price" : "5,046.55",
					"currency" : "€"
				},
				"date" : "2021-07-06",
				"invoice" : "158884",
				"company" : "DSV Estonia AS"
			},
				"diff" : {
				"price" : "5,046.55",
				"currency" : "€",
				"style" : "danger"
			},
				"action" : ""
			}
		]
		}
	]
	},
	{
		"id" : "112",
		"title" : "Maakleri teenused 2",
		"period" : "",
		"oc" : {
		"invoice" : "",
		"date" : "",
		"amount" : {
			"price" : "201.85",
			"currency" : "€"
		}
	},
		"panel" : {
		"amount" : {
			"price" : "201.85",
			"currency" : "€"
		},
		"date" : "",
		"invoice" : "",
		"company" : ""
	},
		"diff" : {
		"price" : "5,046.55",
		"currency" : "€",
		"style" : "danger"
	},
		"action" : "",
		"open" : "true",
		"items" : [
		{
			"id" : "112",
			"title" : "Maakleri teenused 2 - 1",
			"period" : "2021-03",
			"oc" : {
			"invoice" : "",
			"date" : "",
			"amount" : {
				"price" : "47.49",
				"currency" : "€"
			}
		},
			"panel" : {
			"amount" : {
				"price" : "47.49",
				"currency" : "€"
			},
			"date" : "",
			"invoice" : "",
			"company" : ""
		},
			"diff" : {
			"price" : "0.00",
			"currency" : "€",
			"style" : "success"
		},
			"action" : "",
			"open" : "false",
			"items" : [
			{
				"id" : "112",
				"title" : "Maakleri teenused 2 - 1 - 1",
				"period" : "2021-07",
				"oc" : {
				"invoice" : "158884",
				"date" : "2021-07-06",
				"amount" : {
					"price" : "107.70",
					"currency" : "€"
				}
			},
				"panel" : {
				"amount" : {
					"price" : "107.70",
					"currency" : "€"
				},
				"date" : "2021-07-06",
				"invoice" : "158884",
				"company" : "DSV Estonia AS"
			},
				"diff" : {
				"price" : "0.00",
				"currency" : "€",
				"style" : "success"
			},
				"action" : ""
			},
			{
				"id" : "112",
				"title" : "Maakleri teenused 2 - 1 - 2",
				"period" : "2021-07",
				"oc" : {
				"invoice" : "",
				"date" : "",
				"amount" : ""
			},
				"panel" : {
				"amount" : {
					"price" : "5,046.55",
					"currency" : "€"
				},
				"date" : "2021-07-06",
				"invoice" : "158884",
				"company" : "DSV Estonia AS"
			},
				"diff" : {
				"price" : "5,046.55",
				"currency" : "€",
				"style" : "danger"
			},
				"action" : ""
			}
		]
		},
		{
			"id" : "112",
			"title" : "Maakleri teenused 2 - 2",
			"period" : "2021-04",
			"oc" : {
			"invoice" : "",
			"date" : "",
			"amount" : {
				"price" : "31.66",
				"currency" : "€"
			}
		},
			"panel" : {
			"amount" : {
				"price" : "31.66",
				"currency" : "€"
			},
			"date" : "",
			"invoice" : "",
			"company" : ""
		},
			"diff" : {
			"price" : "0.00",
			"currency" : "€",
			"style" : "success"
		},
			"action" : "",
			"open" : "false",
			"items" : [
			{
				"id" : "112",
				"title" : "Maakleri teenused 2 - 2 - 1",
				"period" : "2021-07",
				"oc" : {
				"invoice" : "158884",
				"date" : "2021-07-06",
				"amount" : {
					"price" : "107.70",
					"currency" : "€"
				}
			},
				"panel" : {
				"amount" : {
					"price" : "107.70",
					"currency" : "€"
				},
				"date" : "2021-07-06",
				"invoice" : "158884",
				"company" : "DSV Estonia AS"
			},
				"diff" : {
				"price" : "0.00",
				"currency" : "€",
				"style" : "success"
			},
				"action" : ""
			},
			{
				"id" : "112",
				"title" : "Maakleri teenused 2 - 2 - 2",
				"period" : "2021-07",
				"oc" : {
				"invoice" : "",
				"date" : "",
				"amount" : ""
			},
				"panel" : {
				"amount" : {
					"price" : "5,046.55",
					"currency" : "€"
				},
				"date" : "2021-07-06",
				"invoice" : "158884",
				"company" : "DSV Estonia AS"
			},
				"diff" : {
				"price" : "5,046.55",
				"currency" : "€",
				"style" : "danger"
			},
				"action" : ""
			}
		]
		},
		{
			"id" : "112",
			"title" : "Maakleri teenused 2 - 3",
			"period" : "2021-06",
			"oc" : {
			"invoice" : "",
			"date" : "",
			"amount" : {
				"price" : "15.00",
				"currency" : "€"
			}
		},
			"panel" : {
			"amount" : {
				"price" : "15.00",
				"currency" : "€"
			},
			"date" : "",
			"invoice" : "",
			"company" : ""
		},
			"diff" : {
			"price" : "0.00",
			"currency" : "€",
			"style" : "success"
		},
			"action" : "",
			"open" : "false",
			"items" : [
			{
				"id" : "112",
				"title" : "Maakleri teenused 2 - 3 - 1",
				"period" : "2021-07",
				"oc" : {
				"invoice" : "158884",
				"date" : "2021-07-06",
				"amount" : {
					"price" : "107.70",
					"currency" : "€"
				}
			},
				"panel" : {
				"amount" : {
					"price" : "107.70",
					"currency" : "€"
				},
				"date" : "2021-07-06",
				"invoice" : "158884",
				"company" : "DSV Estonia AS"
			},
				"diff" : {
				"price" : "0.00",
				"currency" : "€",
				"style" : "success"
			},
				"action" : ""
			},
			{
				"id" : "112",
				"title" : "Maakleri teenused 2 - 3 - 2",
				"period" : "2021-07",
				"oc" : {
				"invoice" : "",
				"date" : "",
				"amount" : ""
			},
				"panel" : {
				"amount" : {
					"price" : "5,046.55",
					"currency" : "€"
				},
				"date" : "2021-07-06",
				"invoice" : "158884",
				"company" : "DSV Estonia AS"
			},
				"diff" : {
				"price" : "5,046.55",
				"currency" : "€",
				"style" : "danger"
			},
				"action" : ""
			}
		]
		},
		{
			"id" : "112",
			"title" : "Maakleri teenused 2 - 4",
			"period" : "2021-07",
			"oc" : {
			"invoice" : "",
			"date" : "",
			"amount" : {
				"price" : "107.70",
				"currency" : "€"
			}
		},
			"panel" : {
			"amount" : {
				"price" : "107.70",
				"currency" : "€"
			},
			"date" : "",
			"invoice" : "",
			"company" : ""
		},
			"diff" : {
			"price" : "5,046.55",
			"currency" : "€",
			"style" : "danger"
		},
			"action" : "",
			"open" : "false",
			"items" : [
			{
				"id" : "112",
				"title" : "Maakleri teenused 2 - 4 - 1",
				"period" : "2021-07",
				"oc" : {
				"invoice" : "158884",
				"date" : "2021-07-06",
				"amount" : {
					"price" : "107.70",
					"currency" : "€"
				}
			},
				"panel" : {
				"amount" : {
					"price" : "107.70",
					"currency" : "€"
				},
				"date" : "2021-07-06",
				"invoice" : "158884",
				"company" : "DSV Estonia AS"
			},
				"diff" : {
				"price" : "0.00",
				"currency" : "€",
				"style" : "success"
			},
				"action" : ""
			},
			{
				"id" : "112",
				"title" : "Maakleri teenused 2 - 4 - 2",
				"period" : "2021-07",
				"oc" : {
				"invoice" : "",
				"date" : "",
				"amount" : ""
			},
				"panel" : {
				"amount" : {
					"price" : "5,046.55",
					"currency" : "€"
				},
				"date" : "2021-07-06",
				"invoice" : "158884",
				"company" : "DSV Estonia AS"
			},
				"diff" : {
				"price" : "5,046.55",
				"currency" : "€",
				"style" : "danger"
			},
				"action" : ""
			}
		]
		}
	]
	},
	{
		"id" : "113",
		"title" : "Maakleri teenused 3",
		"period" : "",
		"oc" : {
		"invoice" : "",
		"date" : "",
		"amount" : {
			"price" : "201.85",
			"currency" : "€"
		}
	},
		"panel" : {
		"amount" : {
			"price" : "201.85",
			"currency" : "€"
		},
		"date" : "",
		"invoice" : "",
		"company" : ""
	},
		"diff" : {
		"price" : "5,046.55",
		"currency" : "€",
		"style" : "danger"
	},
		"action" : "",
		"open" : "false",
		"items" : [
		{
			"id" : "113",
			"title" : "Maakleri teenused 3 - 1",
			"period" : "2021-03",
			"oc" : {
			"invoice" : "",
			"date" : "",
			"amount" : {
				"price" : "47.49",
				"currency" : "€"
			}
		},
			"panel" : {
			"amount" : {
				"price" : "47.49",
				"currency" : "€"
			},
			"date" : "",
			"invoice" : "",
			"company" : ""
		},
			"diff" : {
			"price" : "0.00",
			"currency" : "€",
			"style" : "success"
		},
			"action" : "",
			"open" : "false",
			"items" : [
			{
				"id" : "113",
				"title" : "Maakleri teenused 3 - 1 - 1",
				"period" : "2021-07",
				"oc" : {
				"invoice" : "158884",
				"date" : "2021-07-06",
				"amount" : {
					"price" : "107.70",
					"currency" : "€"
				}
			},
				"panel" : {
				"amount" : {
					"price" : "107.70",
					"currency" : "€"
				},
				"date" : "2021-07-06",
				"invoice" : "158884",
				"company" : "DSV Estonia AS"
			},
				"diff" : {
				"price" : "0.00",
				"currency" : "€",
				"style" : "success"
			},
				"action" : ""
			},
			{
				"id" : "113",
				"title" : "Maakleri teenused 3 - 1 - 2",
				"period" : "2021-07",
				"oc" : {
				"invoice" : "",
				"date" : "",
				"amount" : ""
			},
				"panel" : {
				"amount" : {
					"price" : "5,046.55",
					"currency" : "€"
				},
				"date" : "2021-07-06",
				"invoice" : "158884",
				"company" : "DSV Estonia AS"
			},
				"diff" : {
				"price" : "5,046.55",
				"currency" : "€",
				"style" : "danger"
			},
				"action" : ""
			}
		]
		},
		{
			"id" : "113",
			"title" : "Maakleri teenused 3 - 2",
			"period" : "2021-04",
			"oc" : {
			"invoice" : "",
			"date" : "",
			"amount" : {
				"price" : "31.66",
				"currency" : "€"
			}
		},
			"panel" : {
			"amount" : {
				"price" : "31.66",
				"currency" : "€"
			},
			"date" : "",
			"invoice" : "",
			"company" : ""
		},
			"diff" : {
			"price" : "0.00",
			"currency" : "€",
			"style" : "success"
		},
			"action" : "",
			"open" : "false",
			"items" : [
			{
				"id" : "113",
				"title" : "Maakleri teenused 3 - 2 - 1",
				"period" : "2021-07",
				"oc" : {
				"invoice" : "158884",
				"date" : "2021-07-06",
				"amount" : {
					"price" : "107.70",
					"currency" : "€"
				}
			},
				"panel" : {
				"amount" : {
					"price" : "107.70",
					"currency" : "€"
				},
				"date" : "2021-07-06",
				"invoice" : "158884",
				"company" : "DSV Estonia AS"
			},
				"diff" : {
				"price" : "0.00",
				"currency" : "€",
				"style" : "success"
			},
				"action" : ""
			},
			{
				"id" : "113",
				"title" : "Maakleri teenused 3 - 2 - 2",
				"period" : "2021-07",
				"oc" : {
				"invoice" : "",
				"date" : "",
				"amount" : ""
			},
				"panel" : {
				"amount" : {
					"price" : "5,046.55",
					"currency" : "€"
				},
				"date" : "2021-07-06",
				"invoice" : "158884",
				"company" : "DSV Estonia AS"
			},
				"diff" : {
				"price" : "5,046.55",
				"currency" : "€",
				"style" : "danger"
			},
				"action" : ""
			}
		]
		},
		{
			"id" : "113",
			"title" : "Maakleri teenused 3 - 3",
			"period" : "2021-06",
			"oc" : {
			"invoice" : "",
			"date" : "",
			"amount" : {
				"price" : "15.00",
				"currency" : "€"
			}
		},
			"panel" : {
			"amount" : {
				"price" : "15.00",
				"currency" : "€"
			},
			"date" : "",
			"invoice" : "",
			"company" : ""
		},
			"diff" : {
			"price" : "0.00",
			"currency" : "€",
			"style" : "success"
		},
			"action" : "",
			"open" : "false",
			"items" : [
			{
				"id" : "113",
				"title" : "Maakleri teenused 3 - 3 - 1",
				"period" : "2021-07",
				"oc" : {
				"invoice" : "158884",
				"date" : "2021-07-06",
				"amount" : {
					"price" : "107.70",
					"currency" : "€"
				}
			},
				"panel" : {
				"amount" : {
					"price" : "107.70",
					"currency" : "€"
				},
				"date" : "2021-07-06",
				"invoice" : "158884",
				"company" : "DSV Estonia AS"
			},
				"diff" : {
				"price" : "0.00",
				"currency" : "€",
				"style" : "success"
			},
				"action" : ""
			},
			{
				"id" : "113",
				"title" : "Maakleri teenused 3 - 3 - 2",
				"period" : "2021-07",
				"oc" : {
				"invoice" : "",
				"date" : "",
				"amount" : ""
			},
				"panel" : {
				"amount" : {
					"price" : "5,046.55",
					"currency" : "€"
				},
				"date" : "2021-07-06",
				"invoice" : "158884",
				"company" : "DSV Estonia AS"
			},
				"diff" : {
				"price" : "5,046.55",
				"currency" : "€",
				"style" : "danger"
			},
				"action" : ""
			}
		]
		},
		{
			"id" : "113",
			"title" : "Maakleri teenused 3 - 4",
			"period" : "2021-07",
			"oc" : {
			"invoice" : "",
			"date" : "",
			"amount" : {
				"price" : "107.70",
				"currency" : "€"
			}
		},
			"panel" : {
			"amount" : {
				"price" : "107.70",
				"currency" : "€"
			},
			"date" : "",
			"invoice" : "",
			"company" : ""
		},
			"diff" : {
			"price" : "5,046.55",
			"currency" : "€",
			"style" : "danger"
		},
			"action" : "",
			"open" : "false",
			"items" : [
			{
				"id" : "113",
				"title" : "Maakleri teenused 3 - 4 - 1",
				"period" : "2021-07",
				"oc" : {
				"invoice" : "158884",
				"date" : "2021-07-06",
				"amount" : {
					"price" : "107.70",
					"currency" : "€"
				}
			},
				"panel" : {
				"amount" : {
					"price" : "107.70",
					"currency" : "€"
				},
				"date" : "2021-07-06",
				"invoice" : "158884",
				"company" : "DSV Estonia AS"
			},
				"diff" : {
				"price" : "0.00",
				"currency" : "€",
				"style" : "success"
			},
				"action" : ""
			},
			{
				"id" : "113",
				"title" : "Maakleri teenused 3 - 4 - 2",
				"period" : "2021-07",
				"oc" : {
				"invoice" : "",
				"date" : "",
				"amount" : ""
			},
				"panel" : {
				"amount" : {
					"price" : "5,046.55",
					"currency" : "€"
				},
				"date" : "2021-07-06",
				"invoice" : "158884",
				"company" : "DSV Estonia AS"
			},
				"diff" : {
				"price" : "5,046.55",
				"currency" : "€",
				"style" : "danger"
			},
				"action" : ""
			}
		]
		}
	]
	}
] %}
{% block content %}
	<div class="cp-cost-control">
		<h1>Контроль расходов</h1>

		{#<span class="mb-24 alert alert-md alert-warning">
			<a href="#" class="alert-closer closer size_12 js-parent-remover"></a>
			На этой странице производится контроль расходов между программой 1С админкой (и наоброт).<br />
			Для удобства расходы разделены по категориям: общие расходы = 26 конто, товары = 41.1 конто и т.д
		</span>#}

		{# TODO: Форма. Цвет, содержимое. #}
		<div class="mb-24 panel panel-tabs">
			<ul class="nav nav-tabs nav-tabs_b">
				<li class="active">
					<span>26 konto</span>
				</li>
				{#<li>
					<a href="#">41.1 konto</a>
				</li>
				<li>
					<a href="#">38 konto</a>
				</li>#}
			</ul>
			<div class="panel-body">
				<div class="cp-cost-control-forms">
					<div class="headline">
						<h6>1. Загрузи и обработай файл</h6>
						<div class="h-description">
							Требуется загрузить файл, отражающий расходы 26 конто из программы 1С.
							<a href="#modal-cp-cost-control" class="invert-link" data-toggle="modal">Как это сделать?</a>
						</div>
					</div>
					<div class="flex-row row-16 align-items-center">
						<div class="flex-col-12 flex-col-sm-6">
							<div class="form-control form-control-file">
								<input type="file" name="" />
							</div>
						</div>
						<div class="flex-col-auto">
							<div class="mb-8 d-sm-none"></div>
							<button class="btn btn-primary min-w-200">Обработать файл</button>
						</div>
					</div>

					<br />

					<h6>2. Выбери период</h6>
					<div class="flex-row row-16 align-items-end">
						<div class="flex-col-6 flex-col-sm-3">
							<div class="form-group">
								<div class="form-label color-black">Дата начала периода</div>
								<div class="form-field">
									<div class="form-field__icon js-datepicker-ico"><i class="fa fa-calendar fs-13 fs-lg-16 color-gray"></i></div>
									<input class="form-control datepicker" type="text" value="" data-datepicker-options="autoApply: true; singleDatePicker: true; format: D.MM.Y;" />
								</div>
							</div>
						</div>
						<div class="flex-col-6 flex-col-sm-3">
							<div class="form-group">
								<div class="form-label color-black">Дата окончания периода</div>
								<div class="form-field">
									<div class="form-field__icon js-datepicker-ico"><i class="fa fa-calendar fs-13 fs-lg-16 color-gray"></i></div>
									<input class="form-control datepicker" type="text" value="" data-datepicker-options="autoApply: true; singleDatePicker: true; format: D.MM.Y;" />
								</div>
							</div>
						</div>
						<div class="flex-col-auto">
							<div class="mb-8 d-sm-none"></div>
							<button class="btn btn-primary min-w-200">Показать результаты</button>
						</div>
					</div>
				</div>
			</div>
		</div>

		<div class="cp-cost-control-table">
			<table>
				<thead>
					<tr>
						<th colspan="3" rowspan="2">КАТЕГОРИЯ</th>
						<th rowspan="2">ПЕРИОД</th>
						<th colspan="3">1C</th>
						<th colspan="4">ПАНЕЛЬ</th>
						<th rowspan="2">РАЗНИЦА</th>
						{#<th rowspan="2">ДЕЙСТВИЕ</th>#}
					</tr>
					<tr>
						<td class="">Счёт</td>
						<td class="">Выставлен</td>
						<td class="">Сумма</td>
						<td class="">Сумма</td>
						<td class="">Выставлен</td>
						<td class="">Счёт</td>
						<td class="">Фирма</td>
					</tr>
				</thead>
				<tbody>
				{% if table is defined and table|length %}
				{% for tr in table %}
					<tr class="tr-a{% if tr.open == 'true' %} tr-open{% endif %}" data-level="1">
						<td class="td-control"><i class="cost-control-toggle"></i></td>
						<td class="td-id">{{ tr.id }}</td>
						<td><strong>{{ tr.title }}</strong></td>
						<td class="td-style-bordered text-center"><strong class="text-nowrap">{{ tr.period }}</strong></td>
						<td class="td-style-bordered text-right">{{ tr.oc.invoice }}</td>
						<td class="text-right"><span class="text-nowrap">{{ tr.oc.date }}</span></td>
						<td class="text-right"><strong class="text-nowrap">{{ tr.oc.amount.price }} {{ tr.oc.amount.currency }}</strong></td>
						<td class="td-style-bordered text-right"><strong class="text-nowrap">{{ tr.panel.amount.price }} {{ tr.panel.amount.currency }}</strong></td>
						<td class="text-right"><span class="text-nowrap">{{ tr.panel.date }}</span></td>
						<td class="text-right">{% if tr.panel.invoice %}<a href="/{{ tr.panel.invoice }}" class="invert-link">{{ tr.panel.invoice }}</a>{% endif %}</td>
						<td>{{ tr.panel.company }}</td>
						<td class="td-style-bordered text-right"><strong class="color-{{ tr.diff.style }} text-nowrap">{{ tr.diff.price }} {{ tr.diff.currency }}</strong></td>
						{#<td class="td-style-bordered">{{ tr.action }}</td>#}
					</tr>
				{% if tr.items is defined and tr.items|length %}
				{% for tr2 in tr.items %}
					<tr class="tr-b{% if tr.open == 'false' %} tr-hide{% endif %}{% if tr2.open == 'true' %} tr-open{% endif %}" data-level="2">
						<td class="td-control">&nbsp;</td>
						<td class="td-control"><i class="cost-control-toggle"></i></td>
						<td><strong>{{ tr2.title }}</strong></td>
						<td class="td-style-bordered text-center"><strong class="text-nowrap">{{ tr2.period }}</strong></td>
						<td class="td-style-bordered text-right">{{ tr2.oc.invoice }}</td>
						<td class="text-right"><span class="text-nowrap">{{ tr2.oc.date }}</span></td>
						<td class="text-right"><strong class="text-nowrap">{{ tr2.oc.amount.price }} {{ tr2.oc.amount.currency }}</strong></td>
						<td class="td-style-bordered text-right"><strong class="text-nowrap">{{ tr2.panel.amount.price }} {{ tr2.panel.amount.currency }}</strong></td>
						<td class="text-right"><span class="text-nowrap">{{ tr2.panel.date }}</span></td>
						<td class="text-right">{% if tr2.panel.invoice %}<a href="/{{ tr2.panel.invoice }}" class="invert-link">{{ tr2.panel.invoice }}</a>{% endif %}</td>
						<td>{{ tr2.panel.company }}</td>
						<td class="td-style-bordered text-right"><strong class="color-{{ tr2.diff.style }} text-nowrap">{{ tr2.diff.price }} {{ tr2.diff.currency }}</strong></td>
						{#<td class="td-style-bordered">{{ tr2.action }}</td>#}
					</tr>
				{% if tr2.items is defined and tr2.items|length %}
				{% for tr3 in tr2.items %}
					<tr class="tr-c{% if loop.index is even %} even{% endif %}{% if tr2.open == 'false' %} tr-hide{% endif %}" data-level="3">
						<td class="td-control">&nbsp;</td>
						<td class="td-control">&nbsp;</td>
						<td><div class="form-check"><label><input type="checkbox" name="" />{{ tr3.title }}</label></div></td>
						<td class="td-style-bordered text-center"><strong class="text-nowrap">{{ tr3.period }}</strong></td>
						<td class="td-style-bordered text-right">{{ tr3.oc.invoice }}</td>
						<td class="text-right"><span class="text-nowrap">{{ tr3.oc.date }}</span></td>
						<td class="text-right"><strong class="text-nowrap">{{ tr3.oc.amount.price }} {{ tr3.oc.amount.currency }}</strong></td>
						<td class="td-style-bordered text-right"><strong class="text-nowrap">{{ tr3.panel.amount.price }} {{ tr3.panel.amount.currency }}</strong></td>
						<td class="text-right"><span class="text-nowrap">{{ tr3.panel.date }}</span></td>
						<td class="text-right">{% if tr3.panel.invoice %}<a href="/{{ tr3.panel.invoice }}" class="invert-link">{{ tr3.panel.invoice }}</a>{% endif %}</td>
						<td>{{ tr3.panel.company }}</td>
						<td class="td-style-bordered text-right"><strong class="color-{{ tr3.diff.style }} text-nowrap">{{ tr3.diff.price }} {{ tr3.diff.currency }}</strong></td>
						{#<td class="td-style-bordered">{{ tr3.action }}</td>#}
					</tr>
				{% endfor %}
				{% endif %}
				{% endfor %}
				{% endif %}
				{% endfor %}
				{% endif %}
				</tbody>
			</table>
		</div>

	</div>
{% endblock %}
{% block modals %}
	<div class="modal fade" id="modal-cp-cost-control" tabindex="-1" role="dialog" aria-labelledby="modal-cp-cost-control">
		<div class="modal-dialog modal-lg" role="document">
			<div class="modal-content">
				<a href="#" class="cross" data-dismiss="modal"></a>
				<div class="modal-header">
					Описание страницы
				</div>
				<div class="modal-body">
					<ul class="list-unstyled list-unstyled-20">
						<li>
							1. Открой программу 1С
						</li>
						<li>
							2. Раскрой меню Aruanded -> Kдibeandmik
							<div class="mb-4"></div>
							<div class="row">
								<div class="col-xs-12 col-md-6">
									<div class="img-block"><img src="/images/panel/pages/cost-control/modal-1.png" alt=""></div>
								</div>
							</div>
						</li>
						<li>
							3. Выбери интересующий период
						</li>
						<li>
							4. Выбери 26 счёт (конто)
							<div class="mb-4"></div>
							<div class="row">
								<div class="col-xs-12 col-md-6">
									<div class="img-block"><img src="/images/panel/pages/cost-control/modal-2.png" alt=""></div>
								</div>
							</div>
						</li>
						<li>
							5. Нажми "Обновить"
						</li>
						<li>
							6. После этого нажми стрелочку вниз в левом верхнем углу (надо кликнуть два раза)
							<div class="mb-4"></div>
							<div class="row">
								<div class="col-xs-12 col-md-6">
									<div class="img-block"><img src="/images/panel/pages/cost-control/modal-3.png" alt=""></div>
								</div>
							</div>
						</li>
						<li>
							7. Выбери "Многоуровневый разворот..."
							<div class="mb-4"></div>
							<div class="row">
								<div class="col-xs-12 col-md-4">
									<div class="img-block"><img src="/images/panel/pages/cost-control/modal-4.png" alt=""></div>
								</div>
							</div>
						</li>
						<li>
							8. Найди, выбери и добавь "Проводки". <br />После этого нажми "ОК" и жди пока программа не закончит формировать документ. Это может занять время.
							<div class="mb-4"></div>
							<div class="row">
								<div class="col-xs-12 col-md-6">
									<div class="img-block"><img src="/images/panel/pages/cost-control/modal-5.png" alt=""></div>
								</div>
							</div>
						</li>
						<li>
							9. Сохрани файл в формате .txt
							<div class="mb-4"></div>
							<div class="row">
								<div class="col-xs-12 col-md-5">
									<div class="img-block"><img src="/images/panel/pages/cost-control/modal-6.png" alt=""></div>
								</div>
								<div class="col-xs-12 col-md-2 text-center">
									<div class="d-lg-none">
										<div class="mb-20"></div>
										<i class="fa fa-arrow-down color-wild fs-32"></i>
										<div class="mb-20"></div>
									</div>
									<div class="d-none d-lg-block">
										<div class="mb-60"></div>
										<i class="fa fa-arrow-right color-wild fs-32"></i>
										<div class="mb-60"></div>
									</div>
								</div>
								<div class="col-xs-12 col-md-5">
									<div class="img-block"><img src="/images/panel/pages/cost-control/modal-7.png" alt=""></div>
								</div>
							</div>
						</li>
						<li>
							10. Скопируй файл к себе на компьютер. <br />В итоге у тебя на компьютере будет нужный файл, который и требуется загрузить.
							<div class="mb-4"></div>
							<div class="row">
								<div class="col-xs-12 col-md-5">
									<div class="img-block"><img src="/images/panel/pages/cost-control/modal-8.png" alt=""></div>
								</div>
								<div class="col-xs-12 col-md-2 text-center">
									<div class="d-lg-none">
										<div class="mb-20"></div>
										<i class="fa fa-arrow-down color-wild fs-32"></i>
										<div class="mb-20"></div>
									</div>
									<div class="d-none d-lg-block">
										<div class="mb-60"></div>
										<i class="fa fa-arrow-right color-wild fs-32"></i>
										<div class="mb-60"></div>
									</div>
								</div>
								<div class="col-xs-12 col-md-5">
									<div class="img-block"><img src="/images/panel/pages/cost-control/modal-9.png" alt=""></div>
								</div>
							</div>
						</li>
					</ul>
				</div>
			</div>
		</div>
	</div>
{% endblock %}