@extends('templates.template')
@push('page-title')
	<h2>Bancos</h2>
	<p>Gestão para configuração dos bancos cadatrados no sistema</p>
@endpush

@section('content')
<div class="row">
    <div class="col-md-3">
        <a href="#" class="tile-box tile-box-shortcut btn-warning retornos">
            <span class="bs-badge badge-absolute">
                Retornos
            </span>
            <div class="tile-header">Criar Retornos</div>
            <div class="tile-content-wrapper">
                <i class="glyphicon glyphicon-list-alt glyph-icon"></i>
            </div>
        </a>
    </div>
    <div class="col-md-3">
        <a href="#" class="tile-box tile-box-shortcut btn-success relatorio">
            <span class="bs-badge badge-absolute">
                Relatório
            </span>
            <div class="tile-header">Gerar Relatório</div>
            <div class="tile-content-wrapper">
                <i class="glyphicon glyphicon-list-alt glyph-icon"></i>
            </div>
        </a>
    </div>
    <div class="col-md-3">
        <a href="#" class="tile-box tile-box-shortcut btn-default situacaoBoleto">
            <span class="bs-badge badge-absolute">
                Boleto
            </span>
            <div class="tile-header">Situação do Boleto</div>
            <div class="tile-content-wrapper">
                <i class="glyphicon glyphicon-list-alt glyph-icon"></i>
            </div>
        </a>
    </div>

</div>
<hr>

<table class="table table-striped table-bordered" role="grid" aria-describedby="example_info" id="searchListarMatricula" width="100%">
	<thead>
		<tr>
			<th>#Código</th>
            <th>Descrição</th>
			<th>Arquivo</th>
			<th>Ação</th>
		</tr>
	</thead>
	<tbody>
        @foreach($dados as $dado)
        <tr>
            <td>{{ $dado['id'] }}</td>
            <td>{{ $dado['descricao'] }}</td>
            <td>{{ $dado['files'] }}</td>
            <td>
                <a href='{{ App::make('_.url') . '/retornos/' . $dado['files'] }}' data-toggle="tooltip" data-placement="top" title="Gerar Arquivo Retornos" class="btn btn-default btn-xs" download>
                    <i class="fa fa-download"></i>
                </a>
                <a href='{{ route("bancos.retornosRelatorioIndividual", $dado['id']) }}' data-toggle="tooltip" data-placement="top" title="Visualizar Registros no Arquivo Retorno" class="btn btn-default btn-xs" download>
                     <i class="fa fa-archive"></i>
                </a>
            </td>
		</tr>
		@endforeach
	</tbody>
</table>
<div align="center">
	{{-- {!! $dados->render() !!} --}}
</div>
@stop

@push('styles')
<style>
    #searchListarMatricula tbody tr:hover {
        background: #BEBEBE !important;
    }
</style>
@endpush

@push('scripts')
<script type="text/javascript">
	$(document).ready(function() {
		$('#searchListarMatricula').dataTable({'order':[]});
		$('[data-toggle="tooltip"]').tooltip();

		// $(document).on('click', '.delete', function(event){
		// 	event.preventDefault();
		// 	var __URL__ = $(this).attr('href');
		// 	bootbox.confirm("Deseja deletar este registro?", function(result) {
  //               if(result) $(window.document.location).attr('href',__URL__);
		// 	});
		// });

	});
    
    $('.retornos').click(function(e){
        e.preventDefault()

        bootbox.dialog({ 
          size: "small",
          title: "Data da Retorno",
          message: '{!! Form::open(['route' => 'bancos.gerarRetornos', 'files' => true, 'name' => 'formRetornos']) !!}' +
                    '<div class="row"><div class="col-md-12">' +
                    '{!! Form::label("banco", "Escolha um banco") !!}' +
                    '{!! Form::select("banco", ["001" => "Banco do Brasil", "033" => "Sandander"], null,["class" => "form-control"]) !!}' +
                    '</div>'+
                    '</div>'+
                    '<div class="row"><div class="col-md-12">' +
                    '{!! Form::label("tipo", "Anexo do arquivo de retorno") !!}' +
                    '{!! Form::file("files", ["class" => "form-control"]) !!}' +
                    '</div></div><div class="row"><div class="col-md-12">' +
                    '{!! Form::label("data", "Informe uma descrição") !!}' +
                    '{!! Form::text("descricao", null, ["class" => "form-control"]) !!}' + 
                    '</div></div><div class="row"><div class="col-md-12"><hr/>' +
                    '{!! Form::submit("Enviar", ["class" => "btn btn-success"]) !!}' 
        })

        $('form[name=formRetornos]').ajaxForm(function(e){
            e.preventDefault()
            let dados = $(this).serialize()
            $.post( "{{ route('bancos.gerarRetornos') }}" , dados, function( data ) {
              console.log( data );
            });
        })
    })

    $('.relatorio').click(function(e){
        e.preventDefault()

        bootbox.dialog({ 
          size: "small",
          title: "Escolha um período",
          message: '{!! Form::open(['route' => 'bancos.gerarRelatorio', 'files' => true, 'name' => 'formRetornos', 'target'=>'_blank']) !!}' +
                    '<div class="row"><div class="col-md-12">' +
                    '{!! Form::label("tipo", "Informe um Ano") !!}' +
                    '{{-- */$ano=\App\AnoDados::lists("descricao", "descricao");/* --}}'+
                    '{!! Form::select('ano', $ano, 2018, ['id' => 'ano', 'class' => 'form-control ano']) !!}' +
                    '</div></div><div class="row"><div class="col-md-12">' +
                    '{!! Form::label("data", "Escolha um Mês Início") !!}' +
                    '{!! Form::select('mes1', $meses, null, ['id' => 'mes', 'class' => 'form-control meses']) !!}' +
                    '{!! Form::label("data", "Escolha um Mês Final") !!}' +
                    '{!! Form::select('mes2', $meses, null, ['id' => 'mes', 'class' => 'form-control meses']) !!}' +
                    '{!! Form::label("data", "Escolha um Tipo de Ocorrência") !!}' +
                    '{!! Form::select('ocorrenciaTipo', $ocorrenciaTipos, null, ['id' => 'mes', 'class' => 'form-control meses']) !!}' +
                    '</div></div><div class="row"><div class="col-md-12"><hr/>' +
                    '{!! Form::submit("Enviar", ["class" => "btn btn-success"]) !!}' 
        })

        // $('form[name=formRetornos]').ajaxForm(function(e){
        //     e.preventDefault()
        //     let dados = $(this).serialize()
        //     $.post( "{{ route('bancos.gerarRetornos') }}" , dados, function( data ) {
        //       console.log( data );
        //     });
        // })
    })

    $('.situacaoBoleto').click(function(e){
        e.preventDefault()

        bootbox.dialog({ 
          size: "small",
          title: "Situação do Boleto",
          message: '{!! Form::open(['route' => 'bancos.situacaoBoleto', 'files' => true, 'name' => 'formRetornos','target'=>'_blank']) !!}' +
                    '<div class="row"><div class="col-md-12">' +
                    '{!! Form::label("tipo", "Informe o Número do Boleto") !!}' +
                    '{!! Form::select("numeroBoleto", $numeroDocumento,null, [ "id"=>"codigo", "class" => "form-control", "data-live-search"=>"true"]) !!}' +
                    '</div></div><div class="row"><div class="col-md-12">' +
                    '</div></div><div class="row"><div class="col-md-12"><hr/>' +
                    '{!! Form::submit("Enviar", ["class" => "btn btn-success"]) !!}' 
        })
        $('select[name=numeroBoleto]').selectpicker({
          style: 'btn-default',
          size: 4
        });

    })


</script>

@endpush

@push('styles')
    {!!HTML::style('bower_components/bootstrap-select/dist/css/bootstrap-select.min.css')!!}
@endpush