@extends('layouts.site')

@section('content')

<div class="container mt-4">

    <div class="row">
        <div class="col-12 col-md-6 col-lg-6">
            <h3>Linha do Pix (copia e cola):</h3>
            <textarea class="form-control form-control-sm text-monospace" id="brcodepix" rows="" onclick="copiar()" readonly>{!! $pix !!}</textarea>
            <button type="button" id="clip_btn" class="btn btn-primary" data-toggle="tooltip" data-placement="top" title="Copiar código pix" onclick="copiar()">
                <i class="fas fa-clipboard"></i> Copiar Código Pix
            </button>
        </div>
        <div class="col-12 col-md-6 col-lg-6">
            <div class="text-center">
                <img src="{{ asset('images/logo_pix.png') }}"><br>
                {!! $imagem_qrcode !!}
            </div>
        </div>
    </div>

    <div class="row mt-4">
        <div class="col-12 text-center">
            <a href="/principal" class="btn btn-sm btn-primary">Ir para a loja</a>
        </div>
    </div>

</div>

@endsection