section.widget.widget-search
	header
		h5 Filtros

		.widget-controls
			a data-widgster="expand" href="#" style="display: none;" title="Expand"
				i.icone-cadastrar

			a data-widgster="collapse" href="#" title="Collapse"
				i.glyphicon.glyphicon-minus

	.widget-body
		= form_for( @filtro_inicio, url: url_for(controller: 'licitacao/inicio', action: :index), html: {method: "get", class: "form-vertical" }, role: "form" ) do |f|
			fieldset
				.form-group
					.col-sm-2.filter_column
						label.control-label for="normal-field" Data Inicial
						.input-group
							= f.text_field :data_inicial, class: "form-control input-sm date-picker" , autocomplete: "off"
							span.input-group-addon
								span.icone-calendario

					.col-sm-2.filter_column
						label.control-label for="normal-field" Data Final
						.input-group
							= f.text_field :data_final, class: "form-control input-sm date-picker", autocomplete: "off"
							span.input-group-addon
								span.icone-calendario

			.form-actions.form-search-actions
				= f.submit "Filtrar", class: "btn btn-default btn-sm"

.widget
	.widget-body
		- if !@mensagem_de_alerta.blank?
			.row
				.col-md-12
					.alert.alert-warning style="font-weight: 500;"
						span.fw-bold Aviso!
						= @mensagem_de_alerta
						strong Para ver mais detalhes!
						==< " "
						= link_to 'Clique aqui.',  alertas_index_path, class: 'alert-link'
		.panel.panel-primary
			.panel-heading Painel de Informações Gerenciais - Período #{@filtro_inicio.data_inicial} a #{@filtro_inicio.data_final}
			.panel-body

				.row
					.col-md-6 style="margin-left: -15px;"
						= column_chart @pedidos_por_status, title: "Qtd. de Pedidos por Status", label: "Total", colors: ["green", "#666"], width: "490px",
							library: {                                               \
								tooltip: {                                             \
									pointFormat: 'Total: <b>{point.y}</b>'        \
								},                                                     \
								yAxis: {                   \
									allowDecimals: false,    \
									title: {                 \
											text: '<b>Quantidade (unid.)</b>'   \
									}                        \
								},                         \
								xAxis: {                   \
									allowDecimals: false,    \
									title: {                 \
											text: '<b>Status</b>'  \
									}                        \
								}                          \
							}

					.col-md-6 style="margin-right: 15px;"
						= column_chart @processos_por_status, title: "Qtd. de Processos Licitatórios por Status", label: "Total", width: "490px",
							library: {                                               \
								tooltip: {                                             \
									pointFormat: 'Total: <b>{point.y}</b>'        \
								},                                                     \
								yAxis: {                   \
									allowDecimals: false,    \
									title: {                 \
										text: '<b>Quantidade (unid.)</b>'   \
									}                        \
								},                         \
								xAxis: {                   \
									allowDecimals: false,    \
									title: {                 \
										text: '<b>Status</b>'  \
									}                        \
								},                         \
							}
				br

				.row
					.col-md-6 style="margin-left: -15px;"
						= bar_chart @fim_da_vigencia_da_ata_por_subelemento, title: "Fim de vigência de Atas por Subelementos", colors: ["#ff0000"], width: "490px", label: "Faltam",
							library: {                                               \
								tooltip: {                                             \
									pointFormat: 'Faltam: <b>{point.y}</b> dias'        \
								},                                                     \
								yAxis: {                   \
									allowDecimals: false,    \
									title: {                 \
											text: '<b>Qtd. de dias para encerramento</b>'  \
									}                        \
								},                         \
								xAxis: {                   \
									allowDecimals: false,    \
									title: {                 \
											text: '<b>Subelemento</b>'  \
									}                        \
								}                          \
							}

					.col-md-6 style="margin-right: 15px;"
						= bar_chart @fim_da_vigencia_do_contrato_por_subelemento, title: "Fim de vigência de Contratos por Subelementos", colors: ["#ff0000"], width: "490px", label: "Faltam",
							library: {                                               \
								tooltip: {                                             \
									pointFormat: 'Faltam: <b>{point.y}</b> dias'        \
								},                                                     \
								yAxis: {                   \
									allowDecimals: false,    \
									title: {                 \
											text: '<b>Qtd. de dias para encerramento</b>'  \
									}                        \
								},                         \
								xAxis: {                   \
									allowDecimals: false,    \
									title: {                 \
											text: '<b>Subelemento</b>'  \
									}                        \
								}                          \
							}

				br
				.row
					.col-md-6 style="margin-left: -15px;"
						= pie_chart @pedidos_por_status, title: "Quantidade de Pedidos por Status",  width: "500px", label: "Total",
							library: {                                               \
								tooltip: {                                             \
									pointFormat: 'Total: <b>{point.y}</b>'        \
								},                                                      \
								plotOptions: {                                          \
									pie: {                                                \
										dataLabels: {                                       \
											enabled: false                                    \
										},                                                  \
										showInLegend: true                                  \
									}                                                     \
								}                                                       \
							}

					.col-md-6 style="margin-right: 15px;"
						= pie_chart @processos_por_status, title: "Quantidade de Processos Licitatórios por Status",  width: "500px", label: "Total",
							library: {                                               \
								tooltip: {                                             \
									pointFormat: 'Total: <b>{point.y}</b>'        \
								},                                                      \
								plotOptions: {                                          \
									pie: {                                                \
										dataLabels: {                                       \
											enabled: false                                    \
										},                                                  \
										showInLegend: true                                  \
									}                                                     \
								}                                                       \
							}
				br
				.row
					.col-md- style="margin-left: -15px;"
						= line_chart @pedidos_por_mes, title: "Pedidos por Mês", width: "970px", label: "Total",
								library: {                                               \
									tooltip: {                                             \
										pointFormat: 'Total: <b>{point.y}</b>'        \
									},                                                     \
									yAxis: {                        \
										allowDecimals: false,         \
										title: {                      \
												text: '<b>Quantidade (unid.)</b>' \
										}                             \
									}                               \
								}

				- if Configuracao.last.qtd_dias_para_encerrar_o_contrato.present?
					br
					.row
						.col-md-12
							= column_chart @top_10_contratos_encerrando, title: "Top 10 - Contratos Encerrando em Menos de #{Configuracao.last.try(:qtd_dias_para_encerrar_o_contrato)} dias", label: "Faltam", width: "970px",
								library: {                                               \
									tooltip: {                                             \
										pointFormat: 'Fim da Vigência: <b>{point.y}</b>'        \
									},                                                     \
									yAxis: {                   \
										allowDecimals: false,    \
										title: {                 \
												text: '<b>Qtd. Dias p/ Término</b>'   \
										}                        \
									},                         \
									xAxis: {                   \
										allowDecimals: false,    \
										title: {                 \
												text: '<b>Contrato</b>'  \
										}                        \
									}                          \
								}