@php
    use SimpleSoftwareIO\QrCode\Facades\QrCode;
@endphp
@extends(Auth::user()->extender())
@section('title'){{__('Print')}} {{ __('Invoice') }} @endsection
@section('content')


<script>alert(566);</script>

<style>
    #invoice-container {
        border: 1px solid #ccc;
        padding: 20px;
        width: 80%;
        margin: auto;
    }

    #print-button {
        text-align: right;
        margin-bottom: 20px;
    }

    #logo {
        text-align: center;
        margin-bottom: 20px;
    }
    #qr {
        text-align: center;
        margin-bottom: 20px;
    }

    #invoice-details {
        margin-bottom: 20px;
    }

    table {
        width: 100%;
        border-collapse: collapse;
        margin-top: 20px;
    }

    th,
    td {
        border: 1px solid #ccc;
        padding: 10px;
        text-align: left;
    }
</style>


<div class="row">
    <div class="col-md-12">
        <div id="print-button">
            @php $this_user_id = json_decode($locate_purchase_trx->request)->user_id??2; @endphp

            <a href="{{route(Auth::user()->user_dashboard())}}"><button class="btn btn-primary">New
                    Topup</button></a>
            <button class="btn btn-success" onclick="printDiv()">Print</button>
        </div>
        <div class="main-card mb-3 card">
            <div class="row justify-content-center text-center m-4">
                <div class="col-md-4">
                    <div class="d-flex align-items-center justify-content-center">
                        <!-- Added classes for margin and alignment -->
                        @if ($locate_purchase_trx->status == 'success')
                        <i class="fa fa-check-circle text-success fa-3x mr-2" aria-hidden="true"></i>
                        <!-- Increased icon size and added margin -->
                        @else
                        <i class="fa fa-times-circle text-danger fa-3x mr-2" aria-hidden="true"></i>
                        <!-- Increased icon size and added margin -->
                        @endif
                        <span class="h4">Transaction {{ucwords($locate_purchase_trx->status)}}!</span>
                        <!-- Increased text size -->
                    </div>
                </div>
            </div>




            <div style="color: black" class="card-body">
                <div id="printableArea" class="row">
                    <div class="col-md-12">
                    <h1>VivaPe</h1>
                    <h2>{{$locate_purchase_trx->wallet->user->name}}</h2>
                    <h2>{{$locate_purchase_trx->wallet->user->phone}}</h2>
                    <h2>Recharge Invoice</h2>
                    <h2>Transaction ID: {{$locate_purchase_trx->transaction_id}}</h2>
                    <h2>Phone: {{$locate_purchase_trx->phone_number}}</h2>
                    <h2>Operator: {{$locate_purchase_trx->product->operator->name}}</h2>
                    <h2>Receiving: {{$locate_purchase_trx->product_country_currency}} {{$locate_purchase_trx->receiver_amount}}</h2>
                    <h2>Total: {{$locate_purchase_trx->wallet_currency}} {{$locate_purchase_trx->selling_price_pyrwlt+$locate_purchase_trx->service_charge}}</h2>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>



@include('admin.others.infyomincludes.printer_view_js')
@endsection