@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="{{ url(route('bancos.create')) }}" class="tile-box tile-box-shortcut btn-info">
            <span class="bs-badge badge-absolute">
                Bancos
            </span>
            <div class="tile-header">Adicionar</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="{{ url(route('bancos.remessas')) }}" class="tile-box tile-box-shortcut btn-warning">
            <span class="bs-badge badge-absolute">
                Bancos
            </span>
            <div class="tile-header">Remessas</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="{{ url(route('bancos.retornos')) }}" class="tile-box tile-box-shortcut btn-warning">
            <span class="bs-badge badge-absolute">
                Bancos
            </span>
            <div class="tile-header">Retorno</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="{{ url(route('bancos.remessas')) }}" class="tile-box tile-box-shortcut btn-warning gerarBoletos">
            <span class="bs-badge badge-absolute">
                Boletos
            </span>
            <div class="tile-header">Gerar Boletos</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>Agência</th>
            <th>Conta</th>
			<th>Ação</th>
		</tr>
	</thead>
	<tbody>
		@foreach($dados as $dado)
        <tr>
            <td>{{ $dado['id'] }}</td>
            <td>{{ $dado['descricao'] }}</td>
            <td>{{ $dado['agencia'] }} - {{ $dado['agencia_dv'] }}</td>
            <td>{{ $dado['conta'] }} - {{ $dado['conta_dv'] }}</td>
            <td>
                <a href='{{ route("bancos.edit", ["id" => $dado->id]) }}' data-toggle="tooltip" data-placement="top" title="Editar" class="btn btn-default btn-xs">
                    <i class="fa fa-edit"></i>
                </a>
                <a href='{{ route("bancos.delete", ["id" => $dado->id]) }}' data-toggle="tooltip" data-placement="top" title="Excluir" class="btn btn-default btn-xs">
                    <i class="fa fa-close"></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__);
			});
		});

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

            bootbox.confirm({ 
              size: "small",
              title: "Data da Remessa",
              message:  '<div class="col-md-12">' +
                        '{!! Form::label("data", "Informe a data de vencimento") !!}' +
                        '{!! Form::text("data", null, ["class" => "form-control data"]) !!}'+
                        '</div>' +
                        '<div class="col-md-12">' +
                        '{!! Form::label("turma", "Informe a turma") !!}' +
                        '{!! Form::select("turma_id", $turmas, null, ["class" => "form-control"]) !!}' +
                        '</div>' +
                        '<div class="clearfix"></div>', 
              callback: function(result){ 
                let data = $('[name=data]').val()
                let turma_id = $('[name=turma_id]').val()
                if(result === true){
                    var from = data.split("/");
                    data = from[2] + '-' + from[1] + '-' + from[0]
                    window.open("{{ App::make('_.url')}}/bancos/gerarBoletos/" + data + '/' + turma_id)
                }
              }
            })
        })

	});
</script>
@endpush