@extends('templates.template')

@section('page-title')
    <h2>Relatórios</h2>
    <p>Lista de vários relatórios em destaques no sistema.</p>
@endsection

@section('content')


<div class="row">
      <div class="col-xs-12 col-sm-12 col-md-4 col-lg-4">
        <div class="panel panel-default">
          <div class="panel-heading">Financeiro</div>
          <div class="panel-body">
                <div class="list-group">
                    {{-- <a href="{{ route('financeiro.relatorio') }}" class="list-group-item">Financeiro (Mensalidades)</a> --}}
                    <a href="{{ route('financeiro.entrada') }}" class="list-group-item">Financeiro (CAIXA)</a>
                    {{-- <a href="{{ route('relatorioscaixa.index') }}" class="list-group-item">Relatório Financeiro</a> --}}
                </div>
          </div>
        </div>
    </div>
    <div class="col-xs-12 col-sm-12 col-md-4 col-lg-4">
        <div class="panel panel-default">
          <div class="panel-heading">Cartões</div>
          <div class="panel-body">
            <div class="list-group">
                    <a href="{{ route('financeiro.relatorioCartoes') }}" class="list-group-item">Relatório: Matrículas com Cartões de Crédito Cadastrados (Sintético)</a>
                    <a href="{{ route('financeiro.relatorioCartoesAnalitico') }}" class="list-group-item">Relatório: Matrículas com Cartões de Crédito Cadastrados (Analítico)</a>
                <a href="{{ route('financeiro.pjcartoes') }}" class="list-group-item ">Cartões registrados via PJBANK</a>
            </div>
          </div>
        </div>
    </div>
    <div class="col-xs-12 col-sm-12 col-md-4 col-lg-4">
        <div class="panel panel-default">
          <div class="panel-heading">Boletos</div>
          <div class="panel-body">
            <div class="list-group">
                <a href="{{ route('financeiro.relatorioBoletos') }}" class="list-group-item">Matrículas com Boletos Bancários (Sintético)</a>
                <a href="{{ route('financeiro.relatorioBoletosAnalitico') }}" class="list-group-item">Matrículas com Boletos Bancários (Analítico)</a>
                <a href="{{ route('financeiro.relatorioBoletosSemBoletoSintetico') }}" class="list-group-item">Matrículas que não possuem boletos/Cartões</a>
                <a href="{{ route('financeiro.relatorioBoletosCompensacaoDiariaAnalitico') }}" class="list-group-item relatorioBoletosCompensacaoDiariaAnalitico">Compensação de boletos por dia</a>
                <a href="{{ route('financeiro.pjboletos') }}" class="list-group-item ">Boletos registrados via PJBANK</a>
            </div>
          </div>
        </div>
    </div>
    
</div>
@endsection

@section('scripts')
<script>
	$(document).ready(function(){
		$('.relatorioBoletosCompensacaoDiariaAnalitico').click(function(e) {
			e.preventDefault()
			let __URL__ = $(this).attr('href'),
				__HTML__ = 	$('<div>').addClass('input-group')
								.append(
									$('<input />').addClass('form-control').addClass('dataCompensacao').addClass('date').attr('placeholder', 'Escolha um dia')
								)
								.append(
									$('<span />').addClass('input-group-btn')
										.append(
											$('<button />').addClass('btn').addClass('btn-default').addClass('compensacao').attr('type', 'button').text('Abrir')
										)
								)
			
			bootbox.dialog({
				title: 'Boletos por Compensação',
				size: 'small',
				message: __HTML__
			})

			$('.date').datetimepicker({
				format: 'DD/MM/YYYY'
			})

			$('.compensacao').click(function(e){				
				let data = $('.dataCompensacao').val()
				let result = FormataStringData(data)

				window.open(
					`{{ App::make("_.url") }}/financeiro/relatorioBoletosCompensacaoDiariaAnalitico/${result}`,
					'_blank' // <- This is what makes it open in a new window.
				)
			})

			function FormataStringData(data) {
				var dia  = data.split("/")[0];
				var mes  = data.split("/")[1];
				var ano  = data.split("/")[2];

				return ano + '-' + ("0"+mes).slice(-2) + '-' + ("0"+dia).slice(-2);
				// Utilizo o .slice(-2) para garantir o formato com 2 digitos.
			}
		})

	})
</script>
@endsection