@extends('layouts.app')
@section('title', 'Online Payment')
@section('content')
<!-- Content Header (Page header) -->
<section class="content-header">
    <h1>Online Payment Response</h1>
</section>
<!-- Main content -->
<section class="content">
    <div class="box">
        <div class="box-header">
            @php $fontColor = $textColor==null ? 'text-primary' : $textColor; @endphp
            <h3 class="box-title {{$fontColor}} "> {{$message}}</h3>

        </div>
        <div class="box-body">
            <div class="row">
                <div class="col-md-6">Transaction Id</div>
                <div class="col-md-6">
                    <input type="text" readonly value="{{$payment->payment_transaction_id}}" id="textToCopy" style=" border-style:none;">
                </div>
                <div class="col-md-6">Amount</div>
                <div class="col-md-6">{{$payment->amount}}</div>
                <div class="col-md-6">Buyer Name</div>
                <div class="col-md-6">{{$payment->buyer_name}}</div>
                <div class="col-md-6">Email</div>
                <div class="col-md-6">{{$payment->email}}</div>
                <div class="col-md-6">Contact No.</div>
                <div class="col-md-6">{{$payment->mobile}}</div>
            </div>
            <button onclick="return closeThisWindow();" class="btn btn-primary">
                Close Window
            </button>
            <button onclick="copyText()" class="btn btn-primary">Copy Transaction Id</button>
        </div>
    </div>
</section>
<!-- /.content -->
@stop
@section('javascript')
<script>
    function closeThisWindow() {

        const textToCopy = document.getElementById('textToCopy');
        // Use the Clipboard API to copy text
        navigator.clipboard.writeText(textToCopy.value)
            .then(() => {
                console.log('Text successfully copied to clipboard');
            })
            .catch(err => {
                console.error('Unable to copy text to clipboard', err);
            });

        let new_window =
            open(location, '_self');
        new_window.close();
        return false;
    }

    function copyText() {
        // Get the text to copy
        // const textToCopy = document.getElementById('textToCopy');
        // // Use the Clipboard API to copy text
        // navigator.clipboard.writeText(textToCopy.value)
        //     .then(() => {
        //         console.log('Text successfully copied to clipboard');
        //     })
        //     .catch(err => {
        //         console.error('Unable to copy text to clipboard', err);
        //     });
    }
    document.getElementById('closeButton').addEventListener('click', function() {
        window.close();
    });
</script>
@endsection