@extends('admin.layout.app')

@section('main')

<div class="page-content">
    <div class="container-fluid">

        <!-- start page title -->
        <div class="row">
            <div class="col-12">
                <div class="page-title-box d-sm-flex align-items-center justify-content-between">
                    <h4 class="mb-sm-0">NMB Invoice Info</h4>

                    <div class="page-title-right">
                        <ol class="breadcrumb m-0">
                            <li class="breadcrumb-item"><a href="javascript: void(0);">NMB invoice</a></li>
                            <li class="breadcrumb-item active">NMBinvoice Info</li>
                        </ol>
                    </div>

                </div>
            </div>
        </div>
        <!-- end page title -->


        <div class="row">
            <div class="col-12">
                <div class="card">
                    <div class="card-body">
                        <h4 class="card-title">More Info</h4>

                        <div class="card">
                            <div class="card-body">

                                <h4 class="card-title">Transaction Not found</h4>
                                <p>
                                    Transaction for this payment not found
                                </p>

                                <input class="btn btn-danger cancel-invoice" type="button"  value="Cancel Invoice" data-id="{{ $ordernum }}">
                            </div>
                        </div>
                    </div>
                </div>
            </div> <!-- end col -->
        </div> <!-- end row -->

    </div> <!-- container-fluid -->
  </div>

  <script  type="text/javascript">


    $('body').on('click', '.cancel-invoice', function (event) {
        // event.preventDefault();
        var id = $(this).data('id');
        console.log(id);
         window.location.href = '/admin/nmb/cancel/invoice/' + id;
    });


</script>
@endsection