@extends('admin.layout.master')

@section('css')
    <link rel="stylesheet" type="text/css" href="{{asset('admin/app-assets/vendors/css/extensions/sweetalert2.min.css')}}">
    <link rel="stylesheet" type="text/css" href="{{asset('admin/index_page.css')}}">
@endsection

@section('content')
<div class="content-body">

    <div class="mb-1 d-flex justify-content-between m-0">

        <x-admin.filter 
            datefilter="true" 
            order="true" 
            :searchArray="[
                'order_num' => [
                    'input_type' => 'text' , 
                    'input_name' => __('admin.order_number') , 
                ] , 
                'user_id' => [
                    'input_type' => 'text' , 
                    'input_name' => __('admin.user') , 
                ] , 
                'provider_id' => [
                    'input_type' => 'text' , 
                    'input_name' => __('admin.provider') , 
                ] , 
            ]" 
        />

    </div>

    {{-- Product Orders Table --}}
    <div class="table_content_append">
        {{-- Table will be loaded here via AJAX --}}
    </div>
</div>
    
@endsection

@section('js')

    <script src="{{asset('admin/app-assets/vendors/js/extensions/sweetalert2.all.min.js')}}"></script>
    <script src="{{asset('admin/app-assets/js/scripts/extensions/sweet-alerts.js')}}"></script>

    <script>
        var currentStatus = {{ $status !== null ? $status : 'null' }};
        
        // Override getData function to include status
        function getData(array) {
            array = array || {};
            
            // Add status if exists
            if (currentStatus !== null) {
                array.status = currentStatus;
            }
            
            $.ajax({
                type: "get",
                url: "{{ route('admin.product_orders.index') }}",
                data: array,
                dataType: "json",
                cache: false,
                beforeSend: function() {
                    $('.table_loader').fadeIn('slow');
                },
                success: function (response) {
                    if (response && response.html) {
                        $('.table_content_append').html(response.html);
                    } else {
                        $('.table_content_append').html('<div class="d-flex flex-column w-100 align-center mt-4"><img src="{{asset("/storage/images/no_data.png")}}" width="200px" alt=""><span class="mt-2" style="font-family: cairo">{{__("admin.there_are_no_matches_matching")}}</span></div>');
                    }
                    $('.table_loader').fadeOut('slow');
                },
                error: function(xhr) {
                    console.error('Error loading orders:', xhr);
                    $('.table_content_append').html('<div class="d-flex flex-column w-100 align-center mt-4"><img src="{{asset("/storage/images/no_data.png")}}" width="200px" alt=""><span class="mt-2" style="font-family: cairo">{{__("admin.there_are_no_matches_matching")}}</span></div>');
                    $('.table_loader').fadeOut('slow');
                }
            });
        }
        
        // input date js
        var $list = $(":input[type='date']");
        $(window).on('load', function() {
            if ($($list).length > 0) {
                $(document).find($list).addClass("custom-input-date");
                $(document).find($list).parents(".controls").addClass("parent-input-date");
            }

            var statrtLength = $('#start').length;
            var endLength = $('#start').length;

            if(statrtLength > 0 && endLength > 0){
                var start = flatpickr(document.querySelector('#start'), {
                    wrap: true,
                    disableMobile: true,
                    locale: "{{ app()->getLocale() }}",
                    dateFormat: "m-d-Y",
                    onChange: function(selectedDates, dateStr, instance) {
                        end.set('minDate', dateStr);
                    }
                });

                var end = flatpickr(document.querySelector('#end'), {
                    wrap: true,
                    disableMobile: true,
                    locale: "{{ app()->getLocale() }}",
                    dateFormat: "m-d-Y",
                    onChange: function(selectedDates, dateStr, instance) {
                        start.set('maxDate', dateStr);
                    }
                });
            }
        });

        function searchArray() {
            var searchArray = {};
            $('.search-input').each(function(key, input) {
                searchArray[$(this).attr('name')] = $(this).val();
            });
            return searchArray;
        }

        $(document).on('change', '.search-input', function (e) {
            e.preventDefault();
            getData({'searchArray' : searchArray()});
        });

        $(document).on('click', '.reloadTable', function (e) {
            e.preventDefault();
            getData();
        });

        $(document).on('click', '.pagination a', function (e) {
            e.preventDefault();
            getData({page : $(this).attr('href').split('page=')[1], 'searchArray' : searchArray()});
        });

        $('.table_loader').fadeOut('slow');
        
        // Load data on page load
        getData();
        
        $('.clean-input').on('click' ,function(){
            $(this).siblings('input').val(null);
            $(this).siblings('select').val(null);
            getData({'searchArray' : searchArray()});
        });

        // Finish order - مباشرة بدون تأكيد
        $(document).on('click', '.finish-order-btn', function (e) {
            e.preventDefault();
            e.stopPropagation();
    
            var finishRoute = $(this).data('finish-route');
            
            if (!finishRoute) {
                console.error('Finish route missing');
                alert('{{ __("admin.something_went_wrong") }}');
                return;
            }
    
            // إرسال الطلب مباشرة بدون تأكيد
            $.ajax({
                url: finishRoute,
                type: 'POST',
                dataType: 'json',
                data: {
                    _token: $('meta[name="csrf-token"]').attr('content')
                },
                success: function (response) {
                    if (response && response.status === 'success') {
                        // إعادة تحميل الصفحة مباشرة
                        location.reload();
                    } else {
                        alert(response.msg || '{{ __("admin.something_went_wrong") }}');
                    }
                },
                error: function (xhr) {
                    console.error('Finish error:', xhr.status, xhr.responseText);
                    let errorMsg = '{{ __("admin.something_went_wrong") }}';
                    if (xhr.responseJSON && xhr.responseJSON.msg) {
                        errorMsg = xhr.responseJSON.msg;
                    } else if (xhr.responseJSON && xhr.responseJSON.message) {
                        errorMsg = xhr.responseJSON.message;
                    }
                    alert(errorMsg);
                }
            });
        });
    </script>
@endsection