@extends('admin.admin')
@section('adminContent')



    <!-- ============================================================== -->
    <!-- Bread crumb and right sidebar toggle -->
    <!-- ============================================================== -->
    <div class="row page-titles">
        <div class="col-md-5 align-self-center">
            <h3 class="text-themecolor">Transaction History</h3>
        </div>
        <div>
            <button class="right-side-toggle waves-effect waves-light btn-inverse btn btn-circle btn-sm pull-right m-l-10"><i
                    class="ti-settings text-white"></i></button>
        </div>
    </div>



    <!-- Row -->
    <div class="row">
        <div class="col-lg-12">

            <div class="card card-default">
                <div class="card-header">
                    <form class="form-inline" id="membershipsearch">
                        <input class="form-control mr-sm-2" onkeyup="fetch_data_filter()" type="search"
                            placeholder="Search by order or tracking id.." aria-label="Search" id="search">
                    </form>
                    <div class="card-actions">
                        <a style="cursor: pointer" onclick="refresh()" data-action="collapse"><i class="ti-minus"></i></a>
                        <a class="btn-minimize" data-action="expand"><i class="mdi mdi-arrow-expand"></i></a>
                        <a class="btn-close" data-action="close"><i class="ti-close"></i></a>
                    </div>
                </div>

                <div class="card-body collapse show">
                    <div class="input-group">

                        <div class="table-responsive">
                            <table class="table product-overview">

                                <thead>
                                    <tr>
                                        <th>S.No.</th>
                                        <th>Order Id </th>
                                        <th>Amount</th>
                                        <th>Name</th>
                                        <th>Amount For</th>
                                        <th>tracking Id</th>
                                        <th>Payment Mode</th>
                                        <th>Transactio Date Time</th>
                                        <th>Status</th>
                                        <th>Status Message</th>
                                        <th class="tdaction">Actions</th>
                                    </tr>
                                </thead>
                                <tbody id="table_data">
                                    @include('./../partial/filter/filter_transaction')
                                </tbody>

                            </table>
                        </div>
                    </div>
                    <div >
                        <h3><u>Order Status*:</u></h3>
                        <br>
                        <p><strong>Aborted : </strong>Transaction is cancelled by the User</p>
                        <p><strong>Auto-Cancelled : </strong>Transaction has not
                            confirmed within 12 days hence
                            auto cancelled by system</p>
                        <p><strong>Auto-Reversed : </strong>Two identical
                            transactions for same order
                            number, both we resuccessful at
                            bank's end but we got response
                            foronly one of them, thennext
                            day during reconciliation we
                            mark one of the transactionas
                            auto reversed</p>
                        <p><strong>Awaited : </strong>Transaction is
                            processed from billing shipping
                            page but no response is
                            received</p>
                        <p><strong>Cancelled : </strong>Transaction is
                            cancelled by merchant</p>
                        <p><strong>Invalid: </strong>Transaction sent to
                            CCAvenue with Invalid
                            parameters, hence could not be
                            processed further</p>
                        <p><strong>Fraud : </strong>We update this during
                            recon,the amount is different at
                            bank’s end and at CCAvenuedue to
                            tampering</p>
                        <p><strong>Initiated : </strong>Transaction just
                            arrived onbilling shipping page
                            and not processed further</p>
                        <p><strong>Refunded : </strong>Transaction is
                            refunded.</p>
                        <p><strong>Shipped : </strong>transaction is confirmed(
                            Successful)</p>
                        <p><strong>System refund : </strong>tRefunded by
                            CCAvenue for various find of
                            reversals by CCAvenue</p>
                        <p><strong>Unsuccessful : </strong>Transaction is not
                            successful due to</p>
                    </div>
                </div>
            </div>
        </div>
        <!-- Row -->
        <!-- ============================================================== -->
        <!-- End PAge Content -->
        <!-- ============================================================== -->

        <!-- ============================================================== -->
        <!-- End Container fluid  -->
        <!-- ============================================================== -->
        <!-- ============================================================== -->


        <script>
            function fetch_data(page) {
                $.ajax({
                    type: 'get',
                    url: "/admin/transaction?page=" + page,
                    success: function(data) {
                        if (data.data) {
                            $("tbody").html(data.data);
                        } else {
                            $("tbody").html(
                                '  <tr><td colspan="16" class="text-center"> No Records Found !</td></tr>'
                            );
                        }
                    },
                    error: function(error) {}


                });
            }

            function fetch_data_filter() {

                var formData = $('#search').val();
                $.ajax({
                    type: 'get',
                    url: "/admin/transaction",
                    data: {
                        'search': formData
                    },
                    success: function(data) {
                        if (data.data) {
                            $("table_data").html(data.data);
                        } else {
                            $("table_data").html(
                                '  <tr><td colspan="16" class="text-center"> No Records Found !</td></tr>'
                            );
                        }
                    },
                    error: function(error) {}


                });
            }

            function transaction_status(id) {
                Swal.fire({
                    title: 'Loading...',
                    allowOutsideClick: false,
                    showConfirmButton: false,
                    onBeforeOpen: () => {
                        Swal.showLoading();
                    }
                });

                $.ajax({
                    type: 'get',
                    url: "/admin/transaction-status",
                    data: {
                        'id': id
                    },
                    success: function(data) {
                        Swal.close();
                        const htmlContent = `
                            <table style="text-align:left;margin-left:70px">
                                <tr><td>Name</td><td>:</td><td>${data.order_bill_name}</td></tr>
                                <tr><td>Mobile Number</td><td>:</td><td>${data.order_bill_tel}</td></tr>
                                <tr><td>Email</td><td>:</td><td>${data.order_bill_email}</td></tr>
                                <tr><td>Order Status</td><td>:</td><td>${data.order_status}</td></tr>
                                <tr><td>Date & Time</td><td>:</td><td>${data.order_status_date_time}</td></tr>
                                <tr><td>Order Id</td><td>:</td><td>${data.order_no}</td></tr>
                                <tr><td>Order IP</td><td>:</td><td>${data.order_ip}</td></tr>
                            </table>
                        `;
                        if (data.status === 0) {
                            Swal.fire({
                                title: 'Transaction Status',
                                html: htmlContent,
                                icon: 'success'
                            });
                        } else {
                            Swal.fire({
                                title: 'Transaction Failed',
                                text: 'There was an issue with the transaction. Order Status: ' + data
                                    .error_desc ? data.error_desc : data
                                    .order_status,
                                icon: 'error'
                            });
                        }
                        fetch_data_filter();
                    },
                    error: function(error) {
                        Swal.close();
                        Swal.fire({
                            title: 'Error',
                            text: 'An error occurred while fetching transaction status.',
                            icon: 'error'
                        });
                    }
                    
                });
            }
        </script>
        <script>
            $(document).ready(function() {
                var img = $('img[data-enlargable]').addClass('img-enlargable');
                $(document.body).on('click', 'img', function() {
                    var src = $(this).attr('src');
                    $('<div>').css({
                        background: 'RGBA(0,0,0,.5) url(' + src + ') no-repeat center',
                        backgroundSize: 'contain',
                        width: '100%',
                        height: '100%',
                        position: 'fixed',
                        zIndex: '10000',
                        top: '0',
                        left: '0',
                        cursor: 'zoom-out'
                    }).click(function() {
                        $(this).remove();
                    }).appendTo('body');
                });
            });
        </script>




    @stop