@extends('panel.master')
@section('t')کاربران@stop
@section('content')
<div class="content-wrapper">
        <div class="content-header">
            <div class="container-fluid">
                <div class="row mb-2">
                    <div class="col-sm-6">
                        <h1 class="m-0 text-dark">{{ request('invoice_id', '') }}</h1>
                    </div>
                    <div class="col-sm-6">
                        <ol class="breadcrumb float-sm-left">
                            <li class="breadcrumb-item active">فروش</li>
                            <li class="breadcrumb-item active">مناطق تحت پوشش</li>
                            <li class="breadcrumb-item active">فیش ها</li>
                        </ol>
                    </div>
                </div>
            </div>
        </div>
        <section class="content">
          
<div class="row">
    <div class="col-md-12">
        <div class="card card-primary">
            <div class="card-header">
                <h3 class="card-title">اطلاعات اسکن</h3>
            </div>
            <div class="card-body">
                <form id="scanForm">
                    @csrf
                    <input type="hidden" name="invoice_id" id="invoiceId" value="{{ request('invoice_id', '') }}">
                    
                    <div class="row">
                        <div class="col-md-4">
                            <div class="form-group">
                                <label for="sourceShelf">قفسه مبدا</label>
                                <input type="text" class="form-control" id="sourceShelf" name="source_shelf" required>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                <label for="targetShelf">قفسه مقصد</label>
                                <input type="text" class="form-control" id="targetShelf" name="target_shelf" required>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                <label for="barcodeInput">کد کالا</label>
                                <div class="input-group">
                                    <input type="text" class="form-control" id="barcodeInput" autofocus>
                                    <div class="input-group-append">
                                        <button class="btn btn-outline-secondary" type="button" id="manualEntry">
                                            <i class="fas fa-keyboard"></i>
                                        </button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>

        <div class="card">
            <div class="card-header">
                <h3 class="card-title">لیست کالاهای اسکن شده</h3>
            </div>
            <div class="card-body table-responsive p-0">
                <table class="table table-hover text-center">
                    <thead>
                        <tr>
                            <th>ردیف</th>
                            <th>کد کالا</th>
                            <th>نام کالا</th>
                            <th>تعداد در کارتن</th>
                            <th>تعداد اسکن شده</th>
                            <th>عملیات</th>
                        </tr>
                    </thead>
                    <tbody id="itemsTable">
                        <!-- آیتم‌ها اینجا نمایش داده می‌شوند -->
                    </tbody>
                </table>
            </div>
            <div class="card-footer text-center">
                <button id="submitBtn" class="btn btn-success btn-lg">
                    <i class="fas fa-save"></i> ثبت نهایی
                </button>
            </div>
        </div>
    </div>
</div>

<!-- Modal ویرایش -->
<div class="modal fade" id="editModal" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">ویرایش تعداد</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <input type="hidden" id="editRowId">
                <div class="form-group">
                    <label for="editQuantity">تعداد جدید</label>
                    <input type="number" class="form-control" id="editQuantity" min="1">
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">انصراف</button>
                <button type="button" class="btn btn-primary" id="saveEdit">ذخیره</button>
            </div>
        </div>
    </div>
</div>

  </section>
    </div>
@stop



@section('extrajs')

<script src="{{ asset('p/js/sweetalert2@11.js') }}"></script>

<script>
$(document).ready(function() { 
    const barcodeInput = $('#barcodeInput');
    const itemsTable = $('#itemsTable');
    const submitBtn = $('#submitBtn');
    const editModal = $('#editModal');
    const sourceShelf = $('#sourceShelf');
    const targetShelf = $('#targetShelf');
    const invoiceId = $('#invoiceId');
    
    let scannedItems = [];
    let invoiceItems = {};
    let sourceShelfVerified = false;
    let targetShelfVerified = false;

    // مدیریت اسکن بارکد
    barcodeInput.on('keypress', function(e) {
        if (e.which === 13) {
            e.preventDefault();
            processBarcode($(this).val().trim());
            $(this).val('').focus();
        }
    });

    // بررسی قفسه مبدا
    sourceShelf.on('change', function() {
        const shelfCode = $(this).val().trim();
        if (shelfCode) {
            verifyShelf(shelfCode, 'source');
        }
    });

    // بررسی قفسه مقصد
    targetShelf.on('change', function() {
        const shelfCode = $(this).val().trim();
        if (shelfCode) {
            verifyShelf(shelfCode, 'target');
        }
    });

    // تایید قفسه
    function verifyShelf(shelfCode, type) {
        // در اینجا می‌توانید بررسی‌های لازم روی قفسه انجام دهید
        // برای نمونه فقط یک تایید ساده انجام می‌دهیم
        if (shelfCode.length > 0) {
            if (type === 'source') {
                sourceShelfVerified = true;
                sourceShelf.removeClass('is-invalid').addClass('is-valid');
            } else {
                targetShelfVerified = true;
                targetShelf.removeClass('is-invalid').addClass('is-valid');
            }
        } else {
            if (type === 'source') {
                sourceShelfVerified = false;
                sourceShelf.removeClass('is-valid').addClass('is-invalid');
            } else {
                targetShelfVerified = false;
                targetShelf.removeClass('is-valid').addClass('is-invalid');
            }
        }
    }

    // پردازش بارکد
    function processBarcode(barcode) {
        if (!sourceShelfVerified) {
            showAlert('خطا', 'لطفاً ابتدا قفسه مبدا را اسکن کنید', 'error');
            sourceShelf.focus();
            return;
        }

        if (!invoiceId.val()) {
            showAlert('خطا', 'شناسه فاکتور مشخص نیست', 'error');
            return;
        }

        // بررسی کالا در فاکتور
      $.ajax({
    url: '/api/check-invoice-item',
    method: 'POST',
    headers: {
        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
    },
    data: {
        product_code: barcode,
        invoice_id: invoiceId.val(),
        _token: '{{ csrf_token() }}' // اضافه کردن این خط
    },
    success: function(response) {
        if (!response.exists) {
            // کالا در فاکتور نیست
            addScannedItem({
                product_code: barcode,
                name: 'نامشخص',
                carton_quantity: 1,
                scanned_quantity: 1,
                status: 'not-in-fact'
            });
            showAlert('خطا', response.message, 'error');
            return;
        }

        // ذخیره اطلاعات کالا از فاکتور
        invoiceItems[barcode] = response.product;

        // بررسی موجودی در قفسه مبدا
        checkShelfStock(barcode, sourceShelf.val(), response.product.carton_quantity, function(success) {
            if (success) {
                // اضافه کردن کالا به لیست
                addNewItem(barcode);
            }
        });
    },
    error: function(xhr, status, error) {
        console.error(xhr.responseText); // برای دیباگ بهتر
        showAlert('خطا', 'خطا در ارتباط با سرور: ' + error, 'error');
    }
});

    // بررسی موجودی قفسه
   

    // اضافه کردن آیتم جدید
    function addNewItem(barcode) {
        const existingItems = scannedItems.filter(item => item.product_code === barcode);
        const totalScanned = existingItems.reduce((sum, item) => sum + item.scanned_quantity, 0);
        const invoiceItem = invoiceItems[barcode];

        if (totalScanned + invoiceItem.carton_quantity > invoiceItem.quantity) {
            // تعداد از فاکتور بیشتر شده
            addScannedItem({
                product_code: barcode,
                name: invoiceItem.name,
                carton_quantity: invoiceItem.carton_quantity,
                scanned_quantity: invoiceItem.carton_quantity,
                status: 'exceeded'
            });
            showAlert('هشدار', 'تعداد اسکن شده از مقدار فاکتور بیشتر شده است', 'warning');
        } else {
            // اضافه کردن به لیست
            addScannedItem({
                product_code: barcode,
                name: invoiceItem.name,
                carton_quantity: invoiceItem.carton_quantity,
                scanned_quantity: invoiceItem.carton_quantity,
                status: 'in-fact'
            });
        }
    }

    // اضافه کردن به لیست اسکن شده
    function addScannedItem(item) {
        item.id = Date.now(); // ID منحصر به فرد
        scannedItems.push(item);
        renderTable();
    }
}
    // رندر جدول
    function renderTable() {
        itemsTable.empty();
        
        scannedItems.forEach((item, index) => {
            const row = `
                <tr class="${item.status}" data-id="${item.id}">
                    <td>${index + 1}</td>
                    <td>${item.product_code}</td>
                    <td>${item.name}</td>
                    <td>${item.carton_quantity}</td>
                    <td>${item.scanned_quantity}</td>
                    <td>
                        <button class="btn btn-xs btn-warning edit-btn" data-id="${item.id}">
                            <i class="fas fa-edit"></i>
                        </button>
                        <button class="btn btn-xs btn-danger delete-btn" data-id="${item.id}">
                            <i class="fas fa-trash"></i>
                        </button>
                    </td>
                </tr>
            `;
            itemsTable.append(row);
        });

        // اضافه کردن ایونت‌های ویرایش و حذف
        $('.edit-btn').on('click', function() {
            const itemId = parseInt($(this).data('id'));
            openEditModal(itemId);
        });

        $('.delete-btn').on('click', function() {
            const itemId = parseInt($(this).data('id'));
            deleteItem(itemId);
        });
    }

 function checkShelfStock(productCode, shelfCode, quantity, callback) {
        $.ajax({
            url: '/api/check-shelf-stock',
            method: 'POST',
             headers: {
        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
    },
            data: {
                product_code: productCode,
                shelf_code: shelfCode,
                quantity: quantity,
                 _token: '{{ csrf_token() }}'
            },
            success: function(response) {
                if (!response.available) {
                    showAlert('خطا', response.message, 'error');
                    callback(false);
                } else {
                    callback(true);
                }
            },
            error: function() {
                showAlert('خطا', 'خطا در بررسی موجودی قفسه', 'error');
                callback(false);
            }
        });
    }
    // باز کردن مودال ویرایش
    function openEditModal(itemId) {
        const item = scannedItems.find(item => item.id === itemId);
        if (item) {
            $('#editRowId').val(itemId);
            $('#editQuantity').val(item.scanned_quantity);
            editModal.modal('show');
        }
    }

    // ذخیره ویرایش
    $('#saveEdit').on('click', function() {
        const itemId = parseInt($('#editRowId').val());
        const newQuantity = parseInt($('#editQuantity').val());
        
        if (isNaN(newQuantity)) {
            showAlert('خطا', 'لطفاً یک عدد معتبر وارد کنید', 'error');
            return;
        }

        const itemIndex = scannedItems.findIndex(item => item.id === itemId);
        if (itemIndex !== -1) {
            // بررسی موجودی قفسه برای مقدار جدید
            const item = scannedItems[itemIndex];
            checkShelfStock(item.product_code, sourceShelf.val(), newQuantity, function(success) {
                if (success) {
                    // بروزرسانی مقدار
                    scannedItems[itemIndex].scanned_quantity = newQuantity;
                    
                    // بررسی وضعیت جدید
                    const invoiceItem = invoiceItems[item.product_code];
                    if (invoiceItem) {
                        const totalScanned = scannedItems
                            .filter(i => i.product_code === item.product_code)
                            .reduce((sum, i) => sum + i.scanned_quantity, 0);
                        
                        if (totalScanned > invoiceItem.quantity) {
                            scannedItems[itemIndex].status = 'exceeded';
                        } else {
                            scannedItems[itemIndex].status = 'in-fact';
                        }
                    }
                    
                    renderTable();
                    editModal.modal('hide');
                }
            });
        }
    });

    // حذف آیتم
    function deleteItem(itemId) {
        Swal.fire({
            title: 'آیا مطمئن هستید؟',
            text: 'این ردیف حذف خواهد شد',
            icon: 'warning',
            showCancelButton: true,
            confirmButtonText: 'بله, حذف کن',
            cancelButtonText: 'انصراف',
            confirmButtonColor: '#d33'
        }).then((result) => {
            if (result.isConfirmed) {
                scannedItems = scannedItems.filter(item => item.id !== itemId);
                renderTable();
                Swal.fire('حذف شد!', 'ردیف مورد نظر حذف شد.', 'success');
            }
        });
    }

    // ثبت نهایی
    submitBtn.on('click', function() {
        if (!sourceShelfVerified || !targetShelfVerified) {
            showAlert('خطا', 'لطفاً قفسه مبدا و مقصد را تأیید کنید', 'error');
            return;
        }

        if (scannedItems.length === 0) {
            showAlert('خطا', 'هیچ آیتمی برای ثبت وجود ندارد', 'error');
            return;
        }

        // بررسی نهایی موجودی قفسه مبدا
        let allItemsValid = true;
        let checkCount = 0;

        scannedItems.forEach(item => {
            checkShelfStock(item.product_code, sourceShelf.val(), item.scanned_quantity, function(success) {
                checkCount++;
                if (!success) {
                    allItemsValid = false;
                }

                // وقتی همه بررسی‌ها انجام شد
                if (checkCount === scannedItems.length) {
                    if (allItemsValid) {
                        submitData();
                    } else {
                        showAlert('خطا', 'موجودی برخی کالاها در قفسه مبدا کافی نیست', 'error');
                    }
                }
            });
        });
    });

    // ارسال داده به سرور
    function submitData() {
        const itemsToSubmit = scannedItems.map(item => ({
            product_code: item.product_code,
            quantity: item.scanned_quantity
        }));

        $.ajax({
            url: '/api/save-scan',
            method: 'POST',
             headers: {
        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
    },
            data: {
                source_shelf: sourceShelf.val(),
                target_shelf: targetShelf.val(),
                items: itemsToSubmit,
                invoice_id: invoiceId.val(),
                 _token: '{{ csrf_token() }}'
            },
            success: function(response) {
                if (response.success) {
                    showAlert('موفق', response.message, 'success');
                    scannedItems = [];
                    renderTable();
                    sourceShelf.val('').removeClass('is-valid');
                    targetShelf.val('').removeClass('is-valid');
                    sourceShelfVerified = false;
                    targetShelfVerified = false;
                    sourceShelf.focus();
                } else {
                    showAlert('خطا', response.message, 'error');
                }
            },
            error: function() {
                showAlert('خطا', 'خطا در ارتباط با سرور', 'error');
            }
        });
    } 

    // نمایش اعلان
    function showAlert(title, text, icon) {
        Swal.fire({
            title: title,
            text: text,
            icon: icon,
            confirmButtonText: 'متوجه شدم'
        });     
    }

    // ورود دستی
    $('#manualEntry').on('click', function() {
        const barcode = barcodeInput.val().trim();
        if (barcode) {
            processBarcode(barcode);
            barcodeInput.val('').focus();
        }
    });
});
</script>
@stop

@section('extraCss')
<style>
    .in-fact { background-color: #d4edda !important; }
    .not-in-fact { background-color: #f8d7da !important; }
    .exceeded { background-color: #fff3cd !important; }
    .scanner-input { opacity: 0; height: 0; }
    @font-face {
  font-family: 'Shabnam';
  src: url('/font/Shabnam-FD.woff2') format('woff2'),
       url('/font/Shabnam-FD.woff') format('woff');
  font-display: swap; /* نمایش فونت جایگزین تا بارگیری کامل */
}
</style>
@stop