@forelse ($transaksi->keranjang()->get() as $k)
    <tr>
        <td class="text-center">{{ $no++ }}</td>
        <td>{{ $k->produk->nm_produk }}</td>
        <td class="text-right">{{ number_format($k->harga, 0, ',', '.') }}</td>
        <td class="text-center">{{ number_format($k->diskon, 0, ',', '.') }}</td>
        <td class="text-center" style="background-color: rgb(252, 237, 237)">
            <span class='edit'>{{ number_format($k->jumlah, 0, ',', '.') }}</span>
            <input type='text' class='txtedit form-control' value='{{ $k->jumlah }}' id='{{ $k->id }}'>
        </td>
        <td class="text-right">
            {{ number_format(($k->harga - ($k->harga * $k->diskon) / 100) * $k->jumlah, 0, ',', '.') }}</td>
        <td class="text-center">
            <a href="#" class="btn text-danger btn-xs hapus" data-nm="{{ $k->produk->nm_produk }}"
                data-id="{{ $k->id }}"><i class="fa fa-trash"></i></a>
        </td>
    </tr>
@empty
@endforelse
<script>
    $(document).ready(function() {
        // var token = $("meta[name='csrf-token']").attr("content");
        $(".txtedit").hide();

        // $(".edit").click(function() {
        //     $(".txtedit").hide();
        //     $(this).next(".txtedit").show().focus();
        //     $(this).hide();
        // });
        // $(".txtedit").focusout(function() {
        //     var id = this.id;
        //     var value = $(this).val();

        //     $(this).hide();
        //     $(this).prev(".edit").show();
        //     $(this).prev(".edit").text(value);

        //     $.ajax({
        //         type: "POST",
        //         url: "edit-qty",
        //         data: {
        //             id: id,
        //             value: value,
        //             _token: token,
        //         },
        //         success: function(data) {
        //             toastr.success("Qty berhasil dirubah.");
        //             // document.location.href = "";
        //         },
        //     });
        // });
    });
</script>
