@extends('adminlte::page')

@section('css')
    <link rel="stylesheet" href="{{ asset('vendor/adminlte/dist/css/adminlte.css')}}">
    <link rel="stylesheet" href="{{ asset('css/app.css') }}">
@stop

@section('body')
    <div id="app">
        <div class="row mt-4" style="flex-direction: row; justify-content: center; align-items: center;">
		    <div class="col-md-5">
		    	<div class="card">
                    <div class="card-header">
                        <h3 class="card-title">Remessa de Boleto</h3>
                    </div>
                    @if(isset($file))
                        <div class="card-body">
                            <div class="row">
                                <div class="col-md-12 form-group">
                                    <b>O <a href="{{$url}}" download onclick="voltar('{{ url('/boleto') }}')">arquivo</a> foi gerado com sucesso!</b>
                                    <p>Faça o download do arquivo para posterior remessa ao banco através do site do próprio banco.</p>
                                </div>
                            </div>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-primary" onclick="getFile('{{ $url }}','{{$file}}'); voltar('{{ url('/boleto') }}')">Download</button>
                        </div>
                    @else
                        <div class="card-body">
                            <div class="row">
                                <div class="col-md-12 form-group">
                                    <b>Não há boletos a serem enviados.</b>
                                </div>
                            </div>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-primary" onclick="voltar('{{ url('/boleto') }}')">Voltar</button>
                        </div>
                    @endif
                </div>
            </div>
        </div>
    </div>
@stop

@section('adminlte_js')
@auth
        <script>
            window.user = @json(auth()->user())
        </script>
    @endauth
    <script src="{{ asset('js/app.js')}}"></script> 
<script>
    function getFile(url, file){
        axios({
            url: url,
            method: 'GET',
            responseType: 'blob',
        }).then((response) => {
            var fileURL = window.URL.createObjectURL(new Blob([response.data]));
            var fileLink = document.createElement('a');
            //console.log(file);
            fileLink.href = fileURL;
            fileLink.setAttribute('download', file);
            document.body.appendChild(fileLink);

            fileLink.click();
        });
    }

    function voltar(url){
        window.location.href=url;
    }
</script> 
@stop