@php 
    // تعيين اللغة لضمان استمرارها في طلبات الـ AJAX
    app()->setLocale($getLocale); 
@endphp

@if (isset($data) && !empty($data) && count($data) > 0)
    <div class="table-responsive" style="padding: 0 15px 15px 15px; overflow-x: auto;"> 
        <table class="table text-md-nowrap text-center our-table" id="SearchProductTable" width="100%"
            style="border: 2px solid rgba(0,0,0,.3); border-collapse: separate; border-spacing: 0 5px;">
            <thead>
                <tr style="background-color: #f9f9f9;">
                    <th style="font-size: 15px">#</th>
                    <th style="font-size: 15px">{{ __('home.productNo') }}</th>
                    <th style="font-size: 15px">{{ __('home.product') }}</th>
                    <th style="font-size: 15px">{{ __('home.productlocation') }}</th>
                    <th style="font-size: 15px">{{ __('home.quantity') }}</th>
                    @can('System setting')
                    <th style="font-size: 13px">{{ __('home.purchaseproductwithouttax') }}</th>
                    @endcan
                    <th style="font-size: 13px">{{ __('home.sellingproduct without tax') }}</th>
                    <th style="font-size: 13px">{{ __('home.notesClient') }}</th>
                    <th style="font-size: 15px; min-width: 100px;">{{ __('home.Add') }} </th>
                </tr>
            </thead>
            <tbody>
                @foreach ($data as $product)
                    <tr id="row_{{ $product->id }}">
                        <td>{{ $product->id }}</td>
                        <td style="color:{{ $product->products_mix != 0 ? 'red' : 'green' }}; font-size:18px;">
                            {{ $product->Product_Code }}
                        </td>
                        <td>{{ $product->product_name }}</td>
                        <td>{{ $product->Product_Location }}</td>
                        <td>
                            @if($product->numberofpice <= 0)
                                <span style="color:red; font-size:19px;">{{ $product->numberofpice }} / {{ __('home.notavailable') }}</span>
                            @else
                                <span style="color:green; font-size:18px;">{{ $product->numberofpice }}</span>
                            @endif
                        </td>
                        @can('System setting')
                        <td>{{ $product->purchasingـprice }}</td>
                        @endcan
                        <td>{{ $product->sale_price }}</td>
                        <td>{{ $product->notes }}</td>
                        
                        <td style="position: relative; z-index: 9999;">
                            <div style="display: flex; flex-direction: column; gap: 4px; align-items: center;">
                                <button
                                    style="width: 90px; padding: 6px; background:{{ $product->numberofpice <= 0 ? 'grey' : 'green' }}; border: 1px solid white; color:white; cursor: pointer; position: relative; z-index: 10000;"
                                    type="button" 
                                    onclick="handleAction(event, 'choose', '{{$product->id}}','{{$product->Product_Code}}','{{$product->product_name}}','{{$product->purchasingـprice}}','{{$product->sale_price}}','{{$product->Product_Location}}','{{$product->numberofpice}}','{{$currentrow}}')">
                                    {{ __('home.Add') }}
                                </button>

                                <button style="width: 90px; padding: 6px; cursor: pointer; position: relative; z-index: 10000;" 
                                    class="btn btn-warning btn-sm" 
                                    type="button"
                                    onclick="handleAction(event, 'replace', '{{$product->id}}')">
                                    {{ __('home.transactions') }}
                                </button>

                                @php
                                    $count = App\Models\products::where('main_product', $product->main_product)->where('main_product', '!=', 0)->count();
                                @endphp

                                @if($count > 1)
                                    <button style="width: 90px; padding: 6px; cursor: pointer; position: relative; z-index: 10000;" 
                                        class="btn btn-info btn-sm" 
                                        type="button"
                                        onclick="handleAction(event, 'original', '{{$product->main_product}}')">
                                        {{ __('home.replace') }}
                                    </button>
                                @endif
                            </div>
                        </td>
                    </tr>
                @endforeach
            </tbody>
        </table>
        
        <div class="justify-content-start" id="ajax_pagination_in_search">
            {{ $data->links() }}
        </div>
    </div>

    <script>
    function handleAction(e, type, ...args) {
        // 1. منع الأكشن الافتراضي ومنع وصول النقرة للسكرول بار خلف الزرار
        if (e) {
            e.preventDefault();
            e.stopPropagation();
        }

        // 2. تنفيذ الوظيفة المطلوبة
        try {
            if (type === 'choose') {
                chooseProduct(...args);
            } else if (type === 'replace') {
                replaceproduct(...args);
            } else if (type === 'original') {
                replaceproductorginal(...args);
            }
        } catch (error) {
            console.error("Error executing function:", error);
        }

        // 3. قفل المودال يدوياً لضمان عدم بقائه مفتوحاً بعد اختيار المنتج
        // نستخدم setTimeout لضمان انتهاء تنفيذ الوظائف السابقة
        setTimeout(function() {
            $('.modal').modal('hide');
            // تأكد من إزالة الطبقة الرمادية (backdrop) يدوياً لو علقت
            $('.modal-backdrop').remove();
            $('body').removeClass('modal-open');
            $('body').css('padding-right', '0px');
        }, 100);
    }
    </script>

@else
    <div class="alert alert-danger">
        {{ __('home.notfounddata') }}
    </div>
@endif