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: 'administrativo/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

					.col-sm-6.filter_column
						= f.label :mostrar_acompanhamento_da_exec_do_contrato, 'Mostrar Acompanhamento da Exec. dos Contratos?', class: 'control-label'
						.radio style="padding: 0; padding-left: 5px !important;"
							.col-sm-6
								= f.radio_button :mostrar_acompanhamento_da_exec_do_contrato, true
								= f.label :mostrar_acompanhamento_da_exec_do_contrato, 'Sim', value: true

							.col-sm-6
								= f.radio_button :mostrar_acompanhamento_da_exec_do_contrato, false
								= f.label :mostrar_acompanhamento_da_exec_do_contrato, 'Não', value: false


			.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'

		- if @empenhos_retornados_pela_controladoria.any?
			.row
				.col-md-12
					.alert.alert-warning style="font-weight: 500;"
						span.fw-bold Aviso!
						- if @empenhos_retornados_pela_controladoria.size == 1
							span = " Existe 1 Empenho Retornado pela Controladoria! "
							= link_to "Clique aqui", empenho_path(@empenhos_retornados_pela_controladoria.last.id), class: 'alert-link', target: '_blank'
						- else
							span = " Existem #{@empenhos_retornados_pela_controladoria.size} Empenhos Retornados pela Controladoria! "
							= link_to "Clique aqui", empenhos_path(:veio_da_mensagem_retornado_pela_controladoria => true), class: 'alert-link', target: '_blank'

		- if @empenhos_retornados_pela_contabilidade.any?
			.row
				.col-md-12
					.alert.alert-warning style="font-weight: 500;"
						span.fw-bold Aviso!
						- if @empenhos_retornados_pela_contabilidade.size == 1
							span = " Existe 1 Empenho Retornado pela Contabilidade! "
							= link_to "Clique aqui", empenho_path(@empenhos_retornados_pela_contabilidade.last.id), class: 'alert-link', target: '_blank'
						- else
							span = " Existem #{@empenhos_retornados_pela_contabilidade.size} Empenhos Retornados pela Contabilidade! "
							= link_to "Clique aqui", empenhos_path(:veio_da_mensagem_retornado_pela_contabilidade => true), class: 'alert-link', target: '_blank'

		- if @liquidacoes_retornadas_pela_controladoria.any?
			.row
				.col-md-12
					.alert.alert-warning style="font-weight: 500;"
						span.fw-bold Aviso!
						- if @liquidacoes_retornadas_pela_controladoria.size == 1
							span = " Existe 1 Liquidação Retornada pela Controladoria "
							= link_to "Clique aqui", administrativo_liquidacao_path(@liquidacoes_retornadas_pela_controladoria.last.id), class: 'alert-link', taget: '_blank'
						- else
							span = " Existem #{@liquidacoes_retornadas_pela_controladoria.size} Empenhos Retornados pela Contabilidade! "
							= link_to "Clique aqui", administrativo_liquidacoes_path(:veio_da_mensagem_retornado_pela_controladoria => true), class: 'alert-link', target: '_blank'

		- if @liquidacoes_retornadas_pela_contabilidade.any?
			.row
				.col-md-12
					.alert.alert-warning style="font-weigh: 500;"
						span.fw-bold Aviso!
						- if @liquidacoes_retornadas_pela_contabilidade.size == 1
							span = " Existe 1 Liquidação Retornada pela Contabilidade! "
							= link_to "Clique aqui", administrativo_liquidacao_path(@liquidacoes_retornadas_pela_contabilidade.last.id), class: 'alert-link', target: '_blank'
						-else
							span == " Existem #{@liquidacoes_retornadas_pela_contabilidade.size} Liquidações Retornadas pela Contabilidade! "
							= link_to "Clique aqui" , administrativo_liquidacoes_path(:veio_da_mensagem_retornado_pela_contabilidade => true),class: 'alert-link', target: '_blank'

		.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
						= column_chart @processos_por_status, title: "Monitoramento dos Processos por etapa", label: "Total", width: "500px",
							library: {                                               \
								tooltip: {                                             \
									pointFormat: 'Total: <b>{point.y}</b>'        \
								},                                                     \
								yAxis: {                   \
									allowDecimals: false,    \
									title: {                 \
											text: '<b>Quantidade (und)</b>'   \
									}                        \
								},                         \
								xAxis: {                   \
									allowDecimals: false,    \
									title: {                 \
											text: '<b>Etapa</b>'  \
									}                        \
								}                          \
							}

					.col-md-6
						= pie_chart @contratos_vigentes_por_etapas_de_despesa, title: "Acompanhamento da Execução dos Contratos",  width: "500px", label: "Valor", prefix: "R$ ", thousands: ".", decimal: ",",
							library: {                                               \
								tooltip: {                                             \
									pointFormat: 'Valor Total: R$ <b>{point.y:.2f}</b>'  \
								},                                                      \
								plotOptions: {                                          \
									pie: {                                                \
										dataLabels: {                                       \
											enabled: false                                    \
										},                                                  \
										showInLegend: true                                  \
									}                                                     \
								}                                                       \
							}
						p.form-control-static.center Para gerar esse gráfico é preciso marcar a opção no filtro.

				.row
					.col-md-6
						= bar_chart @fim_da_vigencia_da_ata_por_subelemento, title: "Prazo para Encerramento das Atas", colors: ["green", "#666"], width: "500px", 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
						= bar_chart @fim_da_vigencia_do_contrato_por_subelemento, title: "Prazo para Encerramento dos Contratos", colors: ["green", "#666"], width: "500px", 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>'  \
									}                        \
								}                          \
							}

				.row
					.col-md-6
						= column_chart @valor_compra_direta_por_subelemento, title: "Valor utilizado em Compra Direta",  width: "500px", label: "Valor", prefix: "R$ ", thousands: ".", decimal: ",",
							library: {                                               \
								tooltip: {                                             \
									pointFormat: 'Valor Total: R$ <b>{point.y:.2f}</b>'        \
								},                                                     \
								yAxis: {                   \
									allowDecimals: true,    \
									title: {                 \
											text: '<b>Valor Total (R$)</b>'   \
									}                        \
								},                         \
								xAxis: {                   \
									allowDecimals: false,    \
									title: {                 \
											text: '<b>Subelemento</b>'  \
									}                        \
								}                          \
							}

					.col-md-6
						= column_chart @cinco_primeiros_contratos_vigentes_encerrando, title: "Top 5 - Retrocontagem da Vigência de Contratos", colors: ["#ff6600"], width: "500px", label: "Faltam",
							library: {                                               \
								tooltip: {                                             \
									pointFormat: 'Faltam: <b>{point.y}</b> dias'        \
								},                                                     \
								yAxis: {                   \
									allowDecimals: true,    \
									title: {                 \
											text: '<b>Qtd. de dias para encerramento</b>'   \
									}                        \
								},                         \
								xAxis: {                   \
									allowDecimals: false,    \
									title: {                 \
											text: '<b>Nº do Contrato</b>'  \
									}                        \
								}                          \
							}