@extends('client.master')
@section('content')
    <form action="{{ route('orders.retail.storeXMYC') }}" method="post" enctype="multipart/form-data"
        class="container px-2 px-md-4 my-4">
        @csrf
        <input type="hidden" name="customer_id" id="customer_id" value="{{ Auth::user()->id ?? '' }}">

        <div class="col-12 mb-3">
            {{-- <label class="form-label fw-semibold">Thông tin đơn hàng (Dán)</label>
            <button class="btn btn-success" type="button">Xác nhận</button> --}}

            <div class="d-flex justify-content-between align-items-center mb-2">
                <label class="form-label fw-semibold mb-0">Thông tin đơn hàng (Dán) <input type="text"
                        class="form-control" name="code" value="{{ $randomCode }}"></label>
                <button class="btn btn-success" id="confirm_render" type="button">Xác nhận</button>
            </div>
            <textarea type="text" id="orderParser" style="height: 200px" class="form-control"
                placeholder="Nhập thông tin đơn hàng theo định dạng sau:
Mã đơn hàng nếu có (sp , spm, best, lzd, lzdm, tiki)
+ Tên sản phẩm 1 SL: 1
+ Tên sản phẩm 2 SL: 1
Liên hệ / người nhận / kh / lh : Tên người nhận và số điện  thoại
Địa chỉ / ĐC / Địa điểm / Nơi nhận : Địa chỉ của người nhận
 "></textarea>
        </div>
        <div class="row gy-4">
            <div class="col-md-12">

                <div class="form-check form-switch">
                    <label class="form-check-label fw-semibold fs-5" for="is_express">Hỏa tốc</label>
                    <input class="form-check-input fs-5" type="checkbox" name="is_express" value="1" id="is_express">
                </div>
            </div>
            <!-- Bảng sản phẩm -->
            <div class="col-lg-12">
                <div class="card shadow-sm border-0">
                    <div class="card-header bg-success text-white d-flex justify-content-between align-items-center">
                        <h5 class="mb-0">Danh sách sản phẩm</h5>
                        <div>
                            <button type="button" class="btn btn-light btn-sm" data-bs-toggle="modal"
                                data-bs-target="#modal_create">
                                <i class="bi bi-plus"></i> Tạo sản phẩm
                            </button>
                            <button type="button" id="addProduct" class="btn btn-light btn-sm">
                                <i class="bi bi-plus"></i> Thêm sản phẩm
                            </button>
                        </div>

                    </div>
                    <div class="card-body p-0">
                        <div class="table-responsive">
                            <table class="table table-bordered m-0 text-center align-middle" id="productTable">
                                <thead class="table-success fw-bold">
                                    <tr>
                                        <th style="width: 45%;">Sản phẩm</th>
                                        <th style="width: 15%;">Ảnh</th>
                                        <th style="width: 15%;">Số lượng</th>
                                        <th style="width: 20%;">Giá</th>
                                        <th style="width: 10%;">TT</th>
                                    </tr>
                                </thead>
                                <tbody id="productList">
                                    <!-- Dòng sản phẩm được thêm JS -->
                                </tbody>
                                <tfoot class="table-success">
                                    <tr>
                                        <td colspan="3" class="text-center fw-bold">Tổng tiền:</td>
                                        <td colspan="2" class="text-center">
                                            <span id="totalAmount" class="fw-bold">0</span> VNĐ
                                        </td>
                                    </tr>
                                </tfoot>
                            </table>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Thông tin người nhận -->
            <div class="col-lg-8">
                <div class="card shadow-sm border-0 rounded">
                    <div class="card-header bg-success text-white d-flex justify-content-between align-items-center">
                        <h5 class="mb-0">Thông tin thêm</h5>
                        <div>
                            <button type="button" class="btn btn-light btn-sm" data-bs-toggle="modal"
                                data-bs-target="#modalCreateCustomer">
                                <i class="bi bi-plus"></i> Thêm mới KH
                            </button>
                            <button type="button" class="btn btn-light btn-sm" data-bs-toggle="modal"
                                data-bs-target="#staticBackdrop">
                                <i class="bi bi-plus"></i> Chọn KH
                            </button>
                        </div>



                    </div>

                    <div class="card-body p-4">
                        <div class="row g-3">
                            <!-- Họ tên - SĐT - Địa chỉ -->
                            <div class="col-md-6 col-lg-3">
                                <label class="form-label fw-semibold">Họ và tên <span style="color: red">*</span></label>
                                <input type="text" id="order_user_name" class="form-control" name="order_user_name"
                                    required placeholder="Họ và tên" value="{{ Auth::user()->username ?? '' }}">
                            </div>
                            <div class="col-md-6 col-lg-3">
                                <label class="form-label fw-semibold">Số điện thoại <span
                                        style="color: red">*</span></label>
                                <input type="text" id="order_user_phone" class="form-control" name="order_user_phone"
                                    required placeholder="Số điện thoại" value="{{ Auth::user()->phone ?? '' }}">
                            </div>
                            <div class="col-md-6 col-lg-3">
                                <label class="form-label fw-semibold">Địa chỉ <span style="color: red">*</span></label>
                                <input type="text" id="order_user_address" class="form-control"
                                    name="order_user_address" required placeholder="Địa chỉ"
                                    value="{{ Auth::user()->address ?? '' }}">
                            </div>
                            <div class="col-md-6 col-lg-3">
                                <label class="form-label fw-semibold">Thời gian dự kiến</label>
                                <input type="datetime-local" class="form-control" name="order_date">
                            </div>
                            <!-- Chi tiết địa chỉ -->
                            <div class="col-md-6 col-lg-3">
                                <label class="form-label fw-semibold">Tên đường</label>
                                <input type="text" class="form-control" name="user_house" placeholder="Tên đường">
                            </div>
                            <div class="col-md-6 col-lg-3">
                                <label class="form-label fw-semibold">Phường / Xã</label>
                                <input type="text" class="form-control" name="user_commune" placeholder="Phường/xã">
                            </div>
                            <div class="col-md-6 col-lg-3">
                                <label class="form-label fw-semibold">Quận / Huyện</label>
                                <input type="text" class="form-control" name="user_district"
                                    placeholder="Quận/Huyện">
                            </div>
                            <div class="col-md-6 col-lg-3">
                                <label class="form-label fw-semibold">Thành phố</label>
                                <input type="text" class="form-control" name="user_city" placeholder="Thành phố">
                            </div>
                            <div class="col-md-12 ">
                                <label class="form-label fw-semibold">Ảnh</label>
                                <button id="addImageConfirm" type="button"
                                    class="btn btn-sm btn-success float-end mb-1">Thêm ảnh</button>
                                <div id="listImageConfirm">
                                    <input type="file" class="form-control" name="image_confirm[]">
                                </div>
                            </div>

                             {{-- <div class="col-md-12 ">
                                <label class="form-label fw-semibold">Vat</label>
                                <input type="text" class="form-control" name="vat" value="8">
                            </div> --}}

                            <div class="col-md-12 ">
                                <label class="form-label fw-semibold">Sale <span style="color: red">*</span></label>
                                <select name="sale_id" id="" class="form-control select2me">
                                    <option value="">--- Vui lòng chọn ---</option>
                                    @foreach ($list_sales as $list_sale)
                                        <option value="{{ $list_sale->id }}">{{ $list_sale->username }}</option>
                                    @endforeach
                                </select>
                            </div>

                            <div class="col-12 mb-3">
                                <label for="note" class="form-label fw-semibold">Ghi chú đơn hàng (nếu có)</label>
                                <textarea name="notes" id="notes" rows="5" class="form-control"
                                    placeholder="Nhập ghi chú cho đơn hàng, ví dụ: thời gian giao hàng, yêu cầu đặc biệt..."></textarea>
                            </div>
                        </div>
                    </div>

                    <div class="card-footer bg-white px-4 py-3 border-0">
                        <button type="submit" class="btn btn-success w-100 fw-bold py-2">
                            <i class="bi bi-send me-1"></i> Gửi đơn hàng
                        </button>
                    </div>
                </div>
            </div>
            <div class="col-lg-4">
                <div class="card shadow-sm border-0 rounded">
                    <div class="card-header bg-success text-white d-flex justify-content-between align-items-center">
                        <h5 class="mb-0">Thông tin chuyển khoản / cọc</h5>
                    </div>

                    <div class="card-body p-3"
                        style="background: #f9f9f9; border-radius: 0 0 8px 8px; border: 1px solid #e2e2e2;">
                        <div class="form-group mb-3">
                            <label for="payment_amount" class="control-label text-muted">💰 Số tiền</label>
                            <input type="text" name="payment[payment_amount]" value="0" id="payment_amount"
                                class="form-control input-sm" placeholder="Nhập số tiền...">
                        </div>

                        <div class="form-group mb-3">
                            <label for="payment_image_bill" class="control-label text-muted">🖼️ Ảnh hóa đơn</label>
                            <input type="file" name="payment_image_bill" id="payment_image_bill"
                                class="form-control input-sm">
                        </div>

                        <div class="form-group">
                            <label for="payment_notes" class="control-label text-muted">📝 Ghi chú</label>
                            <textarea name="payment[payment_notes]" id="payment_notes" class="form-control input-sm" rows="3"
                                placeholder="Nhập ghi chú nếu có..."></textarea>
                        </div>
                    </div>
                </div>
            </div>



            <!-- Modal -->
            <div class="modal fade" id="staticBackdrop" data-bs-backdrop="static" data-bs-keyboard="false"
                tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
                <div class="modal-dialog modal-lg"> <!-- mở rộng modal -->
                    <div class="modal-content">
                        <div class="modal-header">
                            <h5 class="modal-title" id="staticBackdropLabel">Chọn thông tin người dùng</h5>
                            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Đóng"></button>
                        </div>
                        <div class="modal-body">

                            <div class="mb-4">
                                <label class="form-label">Tìm khách hàng</label>
                                <div class="row g-2 align-items-end">
                                    <div class="col-md-9">
                                        <input type="text" class="form-control userSearch"
                                            placeholder="Tìm theo số điện thoại hoặc tên">
                                    </div>
                                    <div class="col-md-3 d-grid">
                                        <button type="button" class="btn btn-primary search-button">
                                            <i class="bi bi-search"></i> Tìm kiếm
                                        </button>
                                    </div>
                                </div>
                            </div>

                            <div class="table-responsive">
                                <table class="table table-hover align-middle">
                                    <thead class="table-light">
                                        <tr>
                                            <th>Tên khách hàng</th>
                                            <th>Số điện thoại</th>
                                            <th>Email</th>
                                            <th>Chọn</th>
                                        </tr>
                                    </thead>
                                    <tbody class="userResult">
                                        <!-- Dữ liệu sẽ được render tại đây -->
                                    </tbody>
                                </table>
                            </div>

                        </div>
                    </div>
                </div>
            </div>





    </form>


    <div class="modal fade" id="modal_create" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1"
        aria-labelledby="staticBackdropLabel" aria-hidden="true">
        <div class="modal-dialog modal-lg">
            <form id="createProductForm" action="{{ route('client.createProduct') }}" method="POST"
                enctype="multipart/form-data">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="staticBackdropLabel">Tạo sản phẩm mới</h5>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Đóng"></button>
                    </div>
                    <div class="modal-body">

                        @csrf
                        <div class="mb-3">
                            <label for="productName" class="form-label">Tên sản phẩm<span
                                    class="text-danger">*</span></label>
                            <input type="text" class="form-control" id="productName" name="name" required>
                        </div>

                        <div class="mb-3">
                            <label for="productCategory" class="form-label">Danh mục sản phẩm <span
                                    class="text-danger">*</span></label>
                            <select class="form-select" id="productCategory" name="product_category_id" required>
                                {{-- <option value="">-- Chọn danh mục --</option> --}}
                                {{-- @dd($categories) --}}
                                @foreach ($dataCategories as $key => $category)
                                    <option value="{{ $key }}">{{ $category }}</option>
                                @endforeach
                            </select>
                        </div>

                        <div class="mb-3">
                            <label for="productImage" class="form-label">Ảnh sản phẩm <span
                                    class="text-danger">*</span></label>
                            <input type="file" class="form-control" id="productImage" name="image">
                            <div class="mt-2">
                                <img id="imagePreview" src="#" alt="Preview"
                                    style="max-width: 200px; display: none;">
                            </div>
                        </div>

                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Đóng</button>
                        <button type="submit" class="btn btn-primary">Lưu sản phẩm</button>
                    </div>
            </form>
        </div>
    </div>
    </div>

    <!-- Modal Create Customer -->
    <div class="modal fade" id="modalCreateCustomer" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1"
        aria-labelledby="modalCreateCustomerLabel" aria-hidden="true">
        <div class="modal-dialog">
            <form id="createCustomerForm" action="{{ route('admin.user.add') }}" method="POST">
                @csrf
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="modalCreateCustomerLabel">Thêm khách hàng mới</h5>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Đóng"></button>
                    </div>
                    <div class="modal-body">

                        <div class="mb-3">
                            <label for="customerName" class="form-label">Tên khách hàng <span
                                    class="text-danger">*</span></label>
                            <input type="text" class="form-control" id="customerName" name="txt-username" required>
                        </div>
                        <div class="mb-3">
                            <label for="customerPhone" class="form-label">Số điện thoại <span
                                    class="text-danger">*</span></label>
                            <input type="text" class="form-control" id="customerPhone" name="txt-phone" required>
                        </div>
                        {{-- Địa chỉ --}}
                        <div class="mb-3">
                            <label for="customerAddress" class="form-label">Địa chỉ <span
                                    class="text-danger">*</span></label>
                            <input type="text" class="form-control" id="customerAddress" name="txt-address" required>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Đóng</button>
                        <button type="submit" class="btn btn-primary" id="saveCustomer">Lưu</button>
                    </div>
            </form>
        </div>
    </div>
    </div>
    @php
        $dataPrice = [];
        if (Auth::user()) {
            $dataPrice = Auth::user()->customPrice;
        }

    @endphp
@endsection

@section('script')
    <script>
        $(function() {
            $('.search-button').click(function(e) {
                e.preventDefault();
                $('.userResult').html('');
                let phone = $('.userSearch').val().trim();
                $.ajax({
                    type: "GET",
                    url: `https://nanoshop.iongeyser.com/api/retail-order/search?search=${phone}`,
                    success: function(response) {
                        response.data.forEach((item) => {
                            let safeCustomPrice = JSON.stringify(item.custom_price ||
                            []).replace(/'/g, "&apos;");
                            // console.log(safeCustomPrice);

                            $('.userResult').append(`
                    <tr>
                        <th>${item.username}</th>
                        <th>${item.phone}</th>
                        <th>${item.email}</th>
                        <th>
                            <button type="button" class="btn btn-success button_select"  data-price='${safeCustomPrice}' onclick="handleSelect('${item.username}',${item.tich_diem},${item.id},'${item.address}','${item.phone}')" id="button_select">
                            Chọn    
                            </button>    
                        </th>

                    </tr>
                    `);
                        })


                    },
                });

            });


        })
        let dataPriceProduct = @json($dataPrice);



        // $(document).on('click', '.button_select', function() {

        //     let customPrice = $(this).data('price');

        //     dataPriceProduct = customPrice;
        //     // console.log(dataPriceProduct);

        // });

        $(document).on('click', '.button_select', function() {
            let customPrice = $(this).data('price');
            dataPriceProduct = normalizeCustomPrice(customPrice);

            applyCustomPricesToAllRows();
        })




        const handleSelect = (name, diem, id, address, phone) => {
            // $('.userSelected').text(name);
            // $('.diemtichluy').text(diem);


            $('#customer_id').val(id);
            $('#order_user_name').val(name);
            $('#order_user_phone').val(phone);
            $('#order_user_address').val(address);
            // dataPriceProduct = dataPrice;
            let modal = bootstrap.Modal.getInstance(document.getElementById('staticBackdrop'));
            modal.hide();
        }


        const products = @json($products);

        function handleSelect2() {
            if ($().select2) {
                $('.select3me').select2({
                    placeholder: "-- Vui lòng chọn --",
                    allowClear: true,
                    width: '100%'
                });
            }
        }

        let productIndex = 0;

        function addProductRow() {
            productIndex++;
            let newRow = `
            <tr class="product-row">
                <td>
                    <select name="products[${productIndex}][product_id]" data-id="${productIndex}" class="form-select product-select select3me" required>
                        <option value="">-- Chọn sản phẩm --</option>
                        @foreach ($products as $product)
                            <option value="{{ $product['id'] }}">{{ $product['name'] }}</option>
                        @endforeach
                    </select>
                </td>
                <td><img src="{{ asset('image.png') }}" id="imageSelect${productIndex}" class="product-image img-thumbnail" style="width: 70px; height: 70px;"></td>
                <td><input type="text" name="products[${productIndex}][quantity]" class="form-control quantity-input text-center" min="1" value="1" required></td>
                <td><input type="text" name="products[${productIndex}][price]" id="priceSelect${productIndex}" class="form-control price-input text-center" min="1" value="1" required></td>
                <td>
                    <button type="button" class="btn btn-danger btn-sm text-white removeItem">
                        <i class="bi bi-trash"></i>
                    </button>
                </td>
            </tr>
        `;
            $('#productList').append(newRow);
            handleSelect2();

            $('.quantity-input, .price-input').off('input').on('input', function() {
                let val = $(this).val().replace(/\D/g, '');
                $(this).val(new Intl.NumberFormat('vi-VN').format(val));
            });
        }

        // Khởi tạo dòng đầu tiên
        addProductRow();

        $('#addProduct').click(function(e) {
            e.preventDefault();
            addProductRow();
        });

        // $('#productList').on('click', '.removeItem', function() {
        //     if ($('#productList .product-row').length > 1) {
        //         $(this).closest('tr').remove();
        //     } else {
        //         toastr.error('Bạn phải có ít nhất một sản phẩm!');
        //     }
        // });

        function formatVNNumber(num) {
            return num.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ".");
        }

        // $('#productList').on('change', '.product-select', function() {
        //     let index = $(this).data('id');
        //     let value = $(this).val();

        //     Object.values(products).forEach(item => {
        //         if (value == item.id && item.product_images?.[0]?.link) {
        //             $(`#imageSelect${index}`).attr('src', item.product_images[0].link);
        //         }
        //     });

        //     Object.values(products).forEach(item => {
        //         if (value == item.id && item.price) {
        //             const formatted = formatVNNumber(item.price);
        //             $(`#priceSelect${index}`).val(formatted);
        //         }
        //     });
        //     if (dataPriceProduct) {

        //         dataPriceProduct.forEach((item) => {

        //             if (value == item.product_id) {
        //                 console.log(item);
        //                 $(`#priceSelect${index}`).val(formatVNNumber(item.custom_price));
        //             }
        //         });
        //     }

        // });


        $('#productList').on('change', '.product-select', function() {
            let index = $(this).data('id');
            let value = $(this).val();

            // ảnh
            Object.values(products).forEach(item => {
                if (value == item.id && item.product_images?.[0]?.link) {
                    $(`#imageSelect${index}`).attr('src', item.product_images[0].link);
                }
            });

            // giá: ưu tiên custom price
            const custom = getCustomPrice(value);
            if (custom && !isNaN(custom)) {
                $(`#priceSelect${index}`).val(new Intl.NumberFormat('vi-VN').format(custom));
                calculateTotal();
                return;
            }

            // fallback về giá thường nếu không có custom
            Object.values(products).forEach(item => {
                if (value == item.id && item.price) {
                    const formatted = formatVNNumber(item.price);
                    $(`#priceSelect${index}`).val(formatted);
                    calculateTotal();
                }
            });
        });


        $('#addImageConfirm').click(function(e) {
            let newImageInput = `
            <input type="file" class="form-control mt-2" name="image_confirm[]" >
        `;
            $('#listImageConfirm').append(newImageInput);
        });
        // ///////////////////////////////////////////////////////
        function calculateTotal() {
            let total = 0;
            $('.product-row').each(function() {
                const quantity = parseInt($(this).find('.quantity-input').val().replace(/\./g, '')) || 0;
                const price = parseInt($(this).find('.price-input').val().replace(/\./g, '')) || 0;
                total += quantity * price;
            });
            $('#totalAmount').text(new Intl.NumberFormat('vi-VN').format(total));
        }

        // Cập nhật tổng tiền khi thay đổi số lượng hoặc giá
        $('#productList').on('input', '.quantity-input, .price-input', function() {
            calculateTotal();
        });

        // Cập nhật tổng tiền khi thêm/xóa sản phẩm
        $('#addProduct').click(function(e) {
            e.preventDefault();
            // addProductRow();
            calculateTotal();
        });

        $('#productList').on('click', '.removeItem', function() {
            if ($('#productList .product-row').length > 1) {
                $(this).closest('tr').remove();
                calculateTotal();
            } else {
                toastr.error('Bạn phải có ít nhất một sản phẩm!');
            }
        });

        // Cập nhật tổng tiền khi thay đổi sản phẩm
        $('#productList').on('change', '.product-select', function() {
            let index = $(this).data('id');
            let value = $(this).val();

            Object.values(products).forEach(item => {
                if (value == item.id && item.product_images?.[0]?.link) {
                    $(`#imageSelect${index}`).attr('src', item.product_images[0].link);
                }
            });

            Object.values(products).forEach(item => {
                if (value == item.id && item.price) {
                    const formatted = formatVNNumber(item.price);
                    $(`#priceSelect${index}`).val(formatted);
                    calculateTotal();
                }
            });
            if (dataPriceProduct) {
                dataPriceProduct.forEach((item) => {
                    if (value == item.product_id) {
                        $(`#priceSelect${index}`).val(formatVNNumber(item.custom_price));
                        calculateTotal();
                    }
                });
            }
        });

        // Tính tổng tiền ban đầu
        calculateTotal();

        $(document).ready(function() {
            $('#order_user_phone').on('blur', function() {
                let phone = $(this).val().trim();
                console.log(phone);

                if (phone.length >= 9) {
                    $.ajax({
                        type: 'GET',
                        url: `https://nanoshop.iongeyser.com/api/retail-order/search?search=${phone}`,
                        success: function(res) {
                            if (res?.data?.[0]) {
                                // const user = res.data[0];
                                // $('#order_user_name').val(user.username);
                                // $('#order_user_address').val(user.address);



                                const user = res.data[0];
                                $('#order_user_name').val(user.username);
                                $('#order_user_address').val(user.address);
                                // nạp custom price và áp cho toàn bộ dòng
                                dataPriceProduct = normalizeCustomPrice(user.custom_price ||
                            []);
                                applyCustomPricesToAllRows();
                            }
                        }
                    });
                }
            });
        });
    </script>

    <script>
        //   $('#orderParser').on('change', function() {
        //     const input = $(this).val();
        $('#confirm_render').click(function() {
            const input = $('#orderParser').val();

            const lines = input.trim().split('\n').map(line => line.trim()).filter(line => line !== '');
            console.log(lines, 'lines');

            if (lines.length < 1) {
                $('#productList').html('');
                productIndex = 0;
                addProductRow();
                $('#notes').val("");
                $('#totalAmount').text('1');
                toastr.error('Chuỗi không đúng định dạng!');
                return;
            }

            // Phân tích thông tin người nhận và địa chỉ
            for (let line of lines) {
                const lowerLine = line.toLowerCase();

                // Phân tích thông tin người nhận
                if (lowerLine.includes('người nhận') || lowerLine.includes('kh') ||
                    lowerLine.includes('lh') || lowerLine.includes('liên hệ')) {

                    // Tìm số điện thoại trong dòng
                    const phoneMatch = line.match(/(?:0|\+84)(?:\d{9,10})/);
                    if (phoneMatch) {
                        $('#order_user_phone').val(phoneMatch[0]);
                        // Xóa số điện thoại khỏi dòng để lấy tên
                        const name = line.replace(phoneMatch[0], '').trim();
                        // Xóa các từ khóa không cần thiết
                        const cleanName = name.replace(/(?:người nhận|kh|lh|liên hệ|:)/gi, '').trim();
                        if (cleanName) {
                            $('#order_user_name').val(cleanName);
                        }
                    }
                }

                // Phân tích địa chỉ
                if (lowerLine.includes('địa chỉ') || lowerLine.includes('đc') ||
                    lowerLine.includes('địa điểm') || lowerLine.includes('nơi nhận')) {

                    // Xóa các từ khóa không cần thiết
                    const address = line.replace(/(?:địa chỉ|đc|địa điểm|nơi nhận|:)/gi, '').trim();
                    if (address) {
                        $('#order_user_address').val(address);
                    }
                }
            }

            // Kiểm tra xem có dòng nào chứa dh + số không
            const dhPattern = /dh\d+/i;
            const hasDhCode = lines.some(line => dhPattern.test(line));

            // Nếu tìm thấy dh + số, chuyển đổi mã hiện tại từ BB_ sang DH_
            if (hasDhCode) {
                let currentCode = $('input[name="code"]').val();
                currentCode = currentCode.replace(/^BB_/i, 'DH_');
                $('input[name="code"]').val(currentCode);
            }

            // Tìm dòng chứa mã đơn hàng (có chứa spm, sp, best, lzd, lzdm, tiki và không có sl)
            let rawCode = '';
            for (let line of lines) {
                const lowerLine = line.toLowerCase();
                if ((lowerLine.includes('spm') || lowerLine.includes('sp') || lowerLine.includes('tts') || lowerLine
                        .includes('best') ||
                        lowerLine.includes('lzd') || lowerLine.includes('lzdm') || lowerLine.includes('tiki')) &&
                    !lowerLine.includes('sl')) {
                    rawCode = line;
                    break;
                }
            }

            // Nếu tìm thấy mã hợp lệ thì cập nhật, nếu không thì giữ nguyên mã random
            if (rawCode) {
                let cleanedCode = rawCode.replace(/\s+/g, '_').replace(/_/g, '_').replace(/,/g, '');
                console.log(cleanedCode, 'cleanedCode2');
                if (!cleanedCode.includes('.')) {
                    cleanedCode = cleanedCode.replace(/^m/i, 'm.'); // thêm dấu chấm sau m nếu cần
                }
                console.log(cleanedCode, 'cleanedCode2');
                $('input[name="code"]').val(cleanedCode);
            }

            // Xóa dòng sản phẩm hiện tại và reset index
            $('#productList').html('');
            productIndex = 0;

            // Xử lý từng dòng sản phẩm
            for (let i = 0; i < lines.length; i++) {
                let line = lines[i];

                // Kiểm tra và loại bỏ dấu + hoặc - nếu có
                if (line.startsWith('+') || line.startsWith('-')) {
                    line = line.substring(1).trim();
                }

                // Kiểm tra xem dòng có chứa "SL" không
                if (!line.toLowerCase().includes('sl')) {
                    continue; // Bỏ qua dòng không có SL
                }

                // Tách phần tên và số lượng, chấp nhận cả 'sl:' và 'sl'
                const parts = line.split(/SL\s*:?\s*/i); // thêm ? để làm cho dấu : trở thành tùy chọn
                if (parts.length < 2) continue;
                console.log(line, 'line');
                console.log(parts, 'parts');

                const productKeyword = parts[0].replace(/[,:\-()]/g, '').trim()
                    .toLowerCase(); // ví dụ: "lõi pp 1 micro"
                // console.log(productKeyword, 'productKeyword');

                const quantity = parseInt(parts[1].replace(/[^\d]/g, ''));
                // console.log(quantity, 'quantity');

                if (!productKeyword || isNaN(quantity)) continue;

                const normalize = str => str
                    .toLowerCase()
                    .normalize('NFD')
                    .replace(/[\u0300-\u036f]/g, '')
                    .replace(/[^a-z0-9\s]/g, '')
                    .trim();

                // const keywordParts = normalize(productKeyword).split(' ');
                const ignoreWords = ['loc', 'nuoc', 'nano', 'geyser']; // các từ cần loại bỏ, không dấu, chữ thường
                let keywordParts = normalize(productKeyword).split(' ')
                    .filter(word => word && !ignoreWords.includes(word));
                console.log(keywordParts, 'keywordParts');

                // Tìm sản phẩm có nhiều từ khóa trùng khớp nhất
                let bestMatch = null;
                let maxMatches = 0;

                Object.values(products).forEach(p => {
                    const normalizedName = normalize(p.name);
                    console.log(normalizedName, 'normalizedName');

                    const nameParts = normalizedName.split(' ');
                    console.log(nameParts, 'nameParts');

                    // Đếm số từ khóa trùng khớp
                    let matchCount = [...new Set(keywordParts)].filter(x => new Set(nameParts).has(x))
                        .length;
                    console.log(matchCount, 'matchCount');

                    // Nếu số từ khóa trùng khớp nhiều hơn, cập nhật bestMatch
                    if (matchCount > maxMatches) {
                        maxMatches = matchCount;
                        bestMatch = p;
                    }
                });

                if (!bestMatch) {
                    toastr.warning(`Không tìm thấy sản phẩm: ${productKeyword}`);
                    continue;
                }

                // Thêm dòng mới với sản phẩm có nhiều từ khóa trùng khớp nhất
                addProductRow();

                // Gán dữ liệu cho dòng vừa thêm
                const currentRow = $('#productList .product-row').last();
                currentRow.find('select').val(bestMatch.id).trigger('change');
                currentRow.find('input[name$="[quantity]"]').val(quantity).trigger('input');
                $('#notes').val(input);
            }
        });

        $('#payment_amount').on('input', function(e) {
            e.preventDefault();
            let valueDiscount = $(this).val().replace(/\D/g, '');
            let setValueDiscount = new Intl.NumberFormat('vi-VN').format(valueDiscount);
            $(this).val(setValueDiscount);
        });


        // Đoạn bổ sung 

        function normalizeCustomPrice(data) {
            try {
                if (!data) return [];
                if (Array.isArray(data)) return data;
                if (typeof data === 'string') {
                    // đề phòng &apos; từ HTML
                    const s = data.replace(/&apos;/g, "'");
                    return JSON.parse(s);
                }
                return [];
            } catch (e) {
                console.warn('Cannot parse custom price', e);
                return [];
            }
        }

        // Lấy custom price theo product_id (ưu tiên giá KH)
        function getCustomPrice(productId) {
            const list = normalizeCustomPrice(dataPriceProduct);
            const found = list.find(x => String(x.product_id) === String(productId));
            return found ? parseInt(found.custom_price, 10) : null;
        }

        // Áp giá custom cho tất cả dòng đang có (nếu có)
        function applyCustomPricesToAllRows() {
            $('#productList .product-row').each(function() {
                const $row = $(this);
                const pid = $row.find('.product-select').val();
                if (!pid) return;

                const custom = getCustomPrice(pid);
                if (custom && !isNaN(custom)) {
                    $row.find('.price-input')
                        .val(new Intl.NumberFormat('vi-VN').format(custom))
                        .trigger('input'); // để calculateTotal()
                }
            });
            // đảm bảo tổng tiền cập nhật
            if (typeof calculateTotal === 'function') {
                calculateTotal();
            }
        }
    </script>

    {{-- <script>
    $('#orderParser').on('change', function() {
        const input = $(this).val();

        const lines = input.trim().split('\n').map(line => line.trim()).filter(line => line !== '');
        console.log(lines, 'lines');

        if (lines.length < 1) {
            toastr.error('Chuỗi không đúng định dạng!');
            return;
        }

        // Phân tích thông tin người nhận và địa chỉ
        for (let line of lines) {
            const lowerLine = line.toLowerCase();

            // Phân tích thông tin người nhận
            if (lowerLine.includes('người nhận') || lowerLine.includes('kh') ||
                lowerLine.includes('lh') || lowerLine.includes('liên hệ')) {

                // Tìm số điện thoại trong dòng
                const phoneMatch = line.match(/(?:0|\+84)(?:\d{9,10})/);
                if (phoneMatch) {
                    $('#order_user_phone').val(phoneMatch[0]);
                    // Xóa số điện thoại khỏi dòng để lấy tên
                    const name = line.replace(phoneMatch[0], '').trim();
                    // Xóa các từ khóa không cần thiết
                    const cleanName = name.replace(/(?:người nhận|kh|lh|liên hệ|:)/gi, '').trim();
                    if (cleanName) {
                        $('#order_user_name').val(cleanName);
                    }
                }
            }

            // Phân tích địa chỉ
            if (lowerLine.includes('địa chỉ') || lowerLine.includes('đc') ||
                lowerLine.includes('địa điểm') || lowerLine.includes('nơi nhận')) {

                // Xóa các từ khóa không cần thiết
                const address = line.replace(/(?:địa chỉ|đc|địa điểm|nơi nhận|:)/gi, '').trim();
                if (address) {
                    $('#order_user_address').val(address);
                }
            }
        }

        // Kiểm tra xem có dòng nào chứa dh + số không
        const dhPattern = /dh\d+/i;
        const hasDhCode = lines.some(line => dhPattern.test(line));

        // Nếu tìm thấy dh + số, chuyển đổi mã hiện tại từ BB_ sang DH_
        if (hasDhCode) {
            let currentCode = $('input[name="code"]').val();
            currentCode = currentCode.replace(/^BB_/i, 'DH_');
            $('input[name="code"]').val(currentCode);
        }

        // Tìm dòng chứa mã đơn hàng (có chứa spm, sp, best, lzd, lzdm, tiki và không có sl)
        let rawCode = '';
        for (let line of lines) {
            const lowerLine = line.toLowerCase();
            if ((lowerLine.includes('spm') || lowerLine.includes('sp') || lowerLine.includes('best') ||
                    lowerLine.includes('lzd') || lowerLine.includes('lzdm') || lowerLine.includes('tiki')) &&
                !lowerLine.includes('sl')) {
                rawCode = line;
                break;
            }
        }

        // Nếu tìm thấy mã hợp lệ thì cập nhật, nếu không thì giữ nguyên mã random
        if (rawCode) {
            let cleanedCode = rawCode.replace(/\s+/g, '_').replace(/_/g, '_').replace(/,/g, '');
            console.log(cleanedCode, 'cleanedCode2');
            if (!cleanedCode.includes('.')) {
                cleanedCode = cleanedCode.replace(/^m/i, 'm.'); // thêm dấu chấm sau m nếu cần
            }
            console.log(cleanedCode, 'cleanedCode2');
            $('input[name="code"]').val(cleanedCode);
        }

        // Xóa dòng sản phẩm hiện tại và reset index
        $('#productList').html('');
        productIndex = 0;

        // Xử lý từng dòng sản phẩm
        for (let i = 0; i < lines.length; i++) {
            let line = lines[i];

            // Kiểm tra và loại bỏ dấu + hoặc - nếu có
            if (line.startsWith('+') || line.startsWith('-')) {
                line = line.substring(1).trim();
            }

            // Kiểm tra xem dòng có chứa "SL" không
            if (!line.toLowerCase().includes('sl')) {
                continue; // Bỏ qua dòng không có SL
            }

            // Tách phần tên và số lượng, chấp nhận cả 'sl:' và 'sl'
            const parts = line.split(/SL\s*:?\s*/i); // thêm ? để làm cho dấu : trở thành tùy chọn
            if (parts.length < 2) continue;
            console.log(line, 'line');
            console.log(parts, 'parts');

            const productKeyword = parts[0].replace(/[,:\-()]/g, '').trim()
                .toLowerCase(); // ví dụ: "lõi pp 1 micro"
            console.log(productKeyword, 'productKeyword');

            const quantity = parseInt(parts[1].replace(/[^\d]/g, ''));
            console.log(quantity, 'quantity');

            if (!productKeyword || isNaN(quantity)) continue;

            const normalize = str => str
                .toLowerCase()
                .normalize('NFD')
                .replace(/[\u0300-\u036f]/g, '')
                .replace(/[^a-z0-9\s]/g, '')
                .trim();

            const keywordParts = normalize(productKeyword).split(' ');

            const matchedProduct = Object.values(products).find(p => {
                const normalizedName = normalize(p.name);
                return keywordParts.every(part => normalizedName.includes(part));
            });

            if (!matchedProduct) {
                toastr.warning(`Không tìm thấy sản phẩm: ${productKeyword}`);
                continue;
            }

            // Thêm dòng mới
            addProductRow();

            // Gán dữ liệu cho dòng vừa thêm
            const currentRow = $('#productList .product-row').last();
            currentRow.find('select').val(matchedProduct.id).trigger('change');
            currentRow.find('input[name$="[quantity]"]').val(quantity).trigger('input');
            $('#notes').val(input);
        }
    });
</script> --}}
@endsection