@extends('front.layout.master')
@section('content')

{{--    <main class="main-content col-xs-12">--}}
{{--        <div class="reviews-wrap cart-wrap orders-wrap">--}}
{{--            <div class="category-head">--}}
{{--                <div class="container">--}}
{{--                    <div class="head-inner">--}}
{{--                        <div>--}}
{{--                            <a href="index.html">--}}
{{--                                <img src="images/new/arrow-right.svg" alt="" />--}}
{{--                            </a>--}}
{{--                            <span>طلباتك</span>--}}
{{--                        </div>--}}
{{--                        <ul class="nav nav-tabs">--}}
{{--                            <li class="nav-item">--}}
{{--                                <button class="nav-link active" data-bs-toggle="tab" data-bs-target="#progressOrders" type="button">--}}
{{--                                    طلباتى القادمة--}}
{{--                                </button>--}}
{{--                            </li>--}}
{{--                            <li class="nav-item">--}}
{{--                                <button class="nav-link" data-bs-toggle="tab" data-bs-target="#prevOrders" type="button">--}}
{{--                                    طلباتي السابقة--}}
{{--                                </button>--}}
{{--                            </li>--}}
{{--                        </ul>--}}

{{--                    </div>--}}
{{--                </div>--}}
{{--            </div>--}}
{{--            <div class="reviews-body">--}}
{{--                <div class="tab-content">--}}
{{--                    <div class="tab-pane fade show active" id="progressOrders">--}}
{{--                        <div class="container">--}}
{{--                            <ul>--}}
{{--                                @if(count($data['first']) > 0)--}}
{{--                                    @foreach($data['first'] as $first)--}}
{{--                                        --}}{{--                        @dd($first)--}}
{{--                                        --}}{{--                      <span>#{{$first['mac_address']}}</span>--}}

{{--                                        <li>--}}
{{--                                            <div class="order-info">--}}
{{--                                                <div>--}}
{{--                                                    <img src="{{asset('front/images/new/order-icon.svg')}}" alt="" />--}}
{{--                                                    رقم الطلب--}}
{{--                                                </div>--}}
{{--                                                <span>#{{$first['order_number']}}</span>--}}
{{--                                            </div>--}}
{{--                                            <div class="order-review-list">--}}
{{--                                                <ul>--}}
{{--                                                    <li>--}}
{{--                                                        عدد المنتجات--}}
{{--                                                        <span>{{$first['productCount']}}</span>--}}
{{--                                                    </li>--}}
{{--                                                    <li>--}}
{{--                                                        اجمالى الطلب--}}
{{--                                                        <span>{{$first['total']}} د.ك</span>--}}
{{--                                                    </li>--}}
{{--                                                    <li>--}}
{{--                                                        طريقة الدفع--}}
{{--                                                        <span>{{$first['payment_method']}}</span>--}}
{{--                                                    </li>--}}
{{--                                                </ul>--}}
{{--                                            </div>--}}
{{--                                            <a href="{{route('order-details' , $first['id'])}}" style="    width: 100%;">--}}
{{--                                                <div class="order-status shipping">--}}
{{--                                                    تتبع الطلب--}}
{{--                                                    <span>{{trans('admin.'.$first['status'])}}</span>--}}
{{--                                                </div>--}}
{{--                                            </a>--}}

{{--                                        </li>--}}
{{--                                    @endforeach--}}
{{--                                @else--}}

{{--                                    <div class="alert alert-warning text-center">--}}
{{--                                        <strong>تنبيه!</strong> لا يوجد طلبات في السله.--}}
{{--                                    </div>--}}

{{--                                @endif--}}

{{--                            </ul>--}}
{{--                        </div>--}}
{{--                    </div>--}}



{{--                    <div class="tab-pane fade" id="prevOrders">--}}
{{--                        <div class="container">--}}
{{--                            <ul>--}}

{{--                                @if(count($data['second']) > 0)--}}

{{--                                    @foreach($data['second'] as $second)--}}

{{--                                        <li>--}}
{{--                                            <div class="order-info">--}}
{{--                                                <div>--}}
{{--                                                    <img src="{{asset('front/images/new/order-icon.svg')}}" alt="" />--}}
{{--                                                    رقم الطلب--}}
{{--                                                </div>--}}
{{--                                                <span>#{{$second['order_number']}}</span>--}}
{{--                                            </div>--}}
{{--                                            <div class="order-review-list">--}}
{{--                                                <ul>--}}
{{--                                                    <li>--}}
{{--                                                        عدد المنتجات--}}
{{--                                                        <span>{{$second['productCount']}}</span>--}}
{{--                                                    </li>--}}
{{--                                                    <li>--}}
{{--                                                        اجمالى الطلب--}}
{{--                                                        <span>{{$second['total']}} د.ك</span>--}}
{{--                                                    </li>--}}
{{--                                                    <li>--}}
{{--                                                        تاريخ الطلب--}}
{{--                                                        <span>{{$second['order_created']}}</span>--}}
{{--                                                    </li>--}}
{{--                                                </ul>--}}
{{--                                            </div>--}}
{{--                                            <a href="{{route('order-details' , $second['id'])}}" style="    width: 100%;">--}}
{{--                                                <div class="order-status delivered">--}}
{{--                                                    حالة الطلب--}}
{{--                                                    <span>{{trans('admin.'.$second['status'])}}</span>--}}
{{--                                                </div>--}}
{{--                                            </a>--}}

{{--                                            <div class="order-btns">--}}
{{--                                                <a href="#" class="btn btn-border" id="orderDuplicate" data-id="{{ $second['id']}}" data-url="{{route('get-order-duplicate')}}">--}}
{{--                                                    اعادة الطلب--}}
{{--                                                    <img src="{{asset('front/images/new/reorder.svg')}}" alt="" />--}}
{{--                                                </a>--}}
{{--                                                <a href="#" class="btn btn-border">--}}
{{--                                                    تقييم--}}
{{--                                                    <img src="{{asset('front/images/new/review.svg')}}" alt="" />--}}
{{--                                                </a>--}}
{{--                                            </div>--}}
{{--                                        </li>--}}
{{--                                    @endforeach--}}
{{--                                @else--}}

{{--                                    <div class="alert alert-warning text-center">--}}
{{--                                        <strong>تنبيه!</strong> لا يوجد طلبات في السله.--}}
{{--                                    </div>--}}

{{--                                @endif--}}

{{--                            </ul>--}}
{{--                        </div>--}}
{{--                    </div>--}}
{{--                </div>--}}
{{--            </div>--}}
{{--        </div>--}}
{{--    </main>--}}
    <main class="main-content">
        <div class="order-wrap">
            <div class="container">
                <div class="row">
                    <div class="col-lg-5 col-12">
                        <div class="prev-orders">
                            <h3 class="order-main-head">الطلبات السابقة</h3>
                            @if(count($data) > 0)

                                @foreach($data as $da)
                            <div class="order-card">
                                <div class="order-item">
                                    <div class="top">
                                        <div class="right">
                                            <ul>
                                                <li>
                                                    رقم الطلب
                                                    <b>{{$da['order_number']}}</b>
                                                </li>
                                                <li>
                                                    اجمالي الطلب
                                                    <b>{{$da['total']}} K.D</b>
                                                </li>
                                            </ul>
                                        </div>
                                        <div class="left">تاريخ الطلب : {{$da['order_created']}}</div>
                                    </div>
                                    <div class="middle">
                                        <ul>
                                            @if($da['status'] == 'pending')
                                                <li class="active">انتظار الموافقة</li>
                                                <li class="">قيد التجهيز</li>
                                                <li class="">قيد التوصيل</li>
                                                <li class="">تم الاستلام</li>

                                            @elseif($da['status'] == 'confirm')
                                                <li class="active">انتظار الموافقة</li>
                                                <li  class="active">قيد التجهيز</li>
                                                <li class="">قيد التوصيل</li>
                                                <li class="">تم الاستلام</li>


                                            @elseif($da['status'] == 'out_of_delivery')

                                                <li class="active">انتظار الموافقة</li>
                                                <li  class="active">قيد التجهيز</li>
                                                <li class="active">قيد التوصيل</li>
                                                <li class="">تم الاستلام</li>

                                            @elseif($da['status'] == 'delivered')
                                                <li class="active">انتظار الموافقة</li>
                                                <li  class="active">قيد التجهيز</li>
                                                <li class="active">قيد التوصيل</li>
                                                <li  class="active">تم الاستلام</li>


                                            @endif




                                        </ul>
                                    </div>
                                    <div class="bottom">
                                        <div>
                                            <button type="button" class="btn orderDetials" data-id="{{$da['id']}}">تفاصيل الطلب</button>
                                            <button type="button" class="btn btn-outline">
                                                اعادة الطلب
                                            </button>
                                        </div>
                                        <button type="button" class="btn btn-cancel">
                                            الغاء الطلب
                                        </button>
                                    </div>
                                </div>
                            </div>

                                @endforeach

                            @endif
                        </div>
                    </div>
                    <div class="col-lg-7 col-12">
                      <div class="" id="append_order">

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

@endsection

@push('js')
    <script>
        $('body').on('click', '.orderDetials',  function() {
            var id = $(this).data('id'); // Get the value of the selected radio button

            // Send AJAX request
            $.ajax({
                url: '{{ route("order-details") }}', // Replace with your route URL
                method: 'get',
                data: {
                    id: id
                },
                dataType: 'html', // Corrected: 'json' should be in quotes
                success: function(response) {
                    $('#append_order').empty();
                    $('#append_order').append(response);


                },
                error: function(xhr, status, error) {
                    // Handle any errors
                    console.log('Error:', error);
                }
            });
        });
    </script>

@endpush