= javascript_include_tag 'contabilidade/conciliacoes_bancarias/show'

ol.breadcrumb
	li = link_to "Conciliações Bancárias", contabilidade_conciliacoes_bancarias_path, class: "link_breadcrumb"
	li.active = "##{@conciliacao_bancaria.id}"

.widget
	.widget-body
		h3.show-header
			' Conciliação Bancária
			span.fw-semi-bold = "##{@conciliacao_bancaria.id}"
		hr
		.row
			.col-sm-6
				p
					strong Banco:
					= " #{@conciliacao_bancaria.banco.numero_do_banco_e_nome}"

			.col-sm-6
				p
					strong Conta Bancária:
					=  link_to " #{@conciliacao_bancaria.conta_bancaria.to_s}" , base_conta_bancaria_path(@conciliacao_bancaria.conta_bancaria) , target: :blank

		.row
			.col-sm-6
				p
					strong Mês do Arquivo:
					= "  #{@conciliacao_bancaria.mes_do_arquivo_i18n}"

			.col-sm-6
				p
					strong Ano do Arquivo:
					= " #{@conciliacao_bancaria.ano_do_arquivo}"

		- if @conciliacao_bancaria.arquivo_pdf.present?
			.row
				.col-md-12
					p
						strong Arquivo PDF:
						==< link_to @conciliacao_bancaria.arquivo_pdf_file_name,   @conciliacao_bancaria.arquivo_pdf.url, target: "_blank"


		.row
			.col-md-12
				.btn-toolbar
					.btn-group
						= link_to contabilidade_conciliacoes_bancarias_path, class: "btn btn-default btn-sm" do
							i.icone-voltar
							span  Voltar
						- unless @conciliacao_bancaria.transacoes.conciliado.any?
							= link_to @conciliacao_bancaria, method: :delete, data: { confirm: 'Tem certeza?' }, class: "btn btn-default btn-sm", id: :botao_excluir do
								i.icone-excluir
								span.text-danger  Excluir

		.row.box_alerta
			.col-md-12
				.alert.alert-info.alert-sm
					span.fw-bold Informações!
					'  Você tem pelo menos uma da transação reaberta (Recarregue a página para visualizar)

.clearfix
	ul id="tabs" class="nav nav-tabs pull-left"
		li.transacao class="active"
			a data-target="#transacoes" data-toggle="tab" aria-expanded="true"
				' Transações
				span.badge.transacao_pendente_contador = @transacoes_pendentes.size

		li.conciliadas
			a data-target="#conciliadas" data-toggle="tab" aria-expanded="true"
				' Transações Conciliadas
				span.badge.transacao_conciliada_contador = @transacoes_conciliadas.size

		li.cancelada
			a data-target="#canceladas" data-toggle="tab" aria-expanded="true"
				' Transações Canceladas
				span.badge.transacao_descartada_contador = @transacoes_descartadas.size

.tab-content.mb-lg style="margin-bottom: 150px;"
	.tab-pane.clearfix class="active" id="transacoes"
		== render partial: 'grid_transacoes'

	.tab-pane.clearfix id="conciliadas"
		== render partial: 'grid_transacoes_conciliadas'

	.tab-pane.clearfix id="canceladas"
		== render partial: 'grid_transacoes_descartadas'


#myModal.modal.fade role="dialog" tabindex="-1"
	.modal-dialog.modal-lg role="document"
		.modal-content
			.modal-header
				button.close aria-label="Close" data-dismiss="modal" type="button"
					span aria-hidden="true"  &times;
				h4.modal-title Pesquisar Movimentação Bancária
			.modal-body
				.formulario
					= simple_form_for :movimentacao, url: movimentacoes_da_conta_bancaria_path, role: "form" do |f|
						.row
							.col-md-3
								= f.input :data_da_movimentacao, label: "Data da Movimentação", input_html: { class: 'date-picker', autocomplete: "off" }
							.col-md-9
								= f.input :historico, label: "Palavra Chave", input_html: { autocomplete: "off" }

					.table-responsive
						table.table.table-hover id="tabela_de_movimentacoes"
							thead
								tr
									th Data de Lanç.
									th width="60%" Palavra Chave
									th Valor
									th
							tbody
			.modal-footer
				button.btn.btn-primary type="button" id="btn_pesquisar_movimentacao" data-id="#{@conciliacao_bancaria.conta_bancaria_id}" Pesquisar

.totalizador style="display: none;"
	.row
		.col-md-5
			h3 align="center" TOTAL DAS TRANSAÇÕES NO BANCO
			h2 align="center"
				span#total_transacoes data-total="0"
					b R$ 0,00
		.col-md-2
			div align="center"
				= link_to "#", class: "btn btn-success btn-sm text-center", id: "botao_conciliar_selecionados" do
					| CONCILIAR SELECIONADOS
		.col-md-5
			h3 align="center" TOTAL DAS MOVIMENTAÇÕES NO SISTEMA
			h2 align="center"
				span#total_movimentacoes data-total="0"
					b R$ 0,00