@extends('layout.frontformlayout')
@section('content')
    <div class="row">
        <div class="mx-auto col-12 col-lg-10">
            <div class="card">
                <!-- <img src="..." class="card-img-top" alt="..."> -->
                <div class="card-body">
                    <h5 class="card-title">Pix gerado</h5>
                    <p class="card-text">Destinação Ano-Calendário 2023 - Declaração 2024</p>
                    <p class="card-text">{{$data->fundo_nome}} / {{$data->fundo_instrucao}}</p>
                    <p class="card-text">{{ $data->instituicao }}</p>
                    <div id="divMessages">
                        @include('layout.partials.messages')
                    </div>
                    <hr>
                    <img width="300" height="400" src="{{ URL::asset('assets/images/brand/logo-pix-png-1024x1024.png') }}" alt="Pix">
                    <h1>Pix, valor de R$ {{ $data->valor }}</h1>
                    <img src="data:img/png;base64, {{ base64_encode($data->image) }}" />
                    <br>
                    <br>
                    Código Pix:<br>
                    <strong><span style="font-size: 12px;">{{ $data->payloadQrCode }}<span></strong>
                </div>
            </div>
        </div>
    </div>
@endsection
@section('scripts')
    <script>
        $(document).ready(function() {});
    </script>
@endsection