@if(!isset($error))
    <div class="progress-area-step pt-4">
        <ul class="progress-steps">
            @for($i = 0; $i <= $numbers; $i++)
                @if($i == 0)
               
                    @if(!empty($track_orders[$i]))
                        @if($track_orders[$i]['title'] == 'Pending')
                            <li class="active">
                                <div class="icon"><i class="fas fa-arrow-alt-circle-right"></i></div>
                                <div class="progress-title">{{ __('Pending') }}</div>
                                
                                <div class="progress-title">{{ $date1 }}</div>
                                <div class="progress-title">{{ __('Product Pending For Approval') }}</div>
                            </li>
                        @else
                            <li>
                                <div class="icon"><i class="fas fa-arrow-alt-circle-right"></i></div>
                                <div class="progress-title">{{ __('Pending') }}</div>
                                <div class="progress-title">{{ __('Soon') }}</div>
                            </li>
                        @endif
                    @else
                        <li>
                            <div class="icon"><i class="fas fa-arrow-alt-circle-right"></i></div>
                            <div class="progress-title">{{ __('Pending') }}</div>
                            <div class="progress-title">{{ __('Soon') }}</div>
                        </li>
                    @endif
                @endif
                
                @if (!isset($track_orders[4]) )
                    @if($i == 1)
                        @if(!empty($track_orders[$i]))
                            @if($track_orders[$i]['title'] == 'In Progress')
                                <li class="active">
                                    <div class="icon"><i class="fas fa-arrow-alt-circle-right"></i></div>
                                    <div class="progress-title">{{ __('Processing') }}</div>
                                                                        <div class="progress-title">{{ $date2 }}</div>
                                    <div class="progress-title">{{ __('Product Shift For Delivery') }}</div>
                                </li>
                            @else
                                <li>
                                    <div class="icon"><i class="fas fa-arrow-alt-circle-right"></i></div>
                                    <div class="progress-title">{{ __('Processing') }}</div>
                                    <div class="progress-title">{{ __('Soon') }}</div>
                                </li>
                            @endif
                        @else
                            <li>
                                <div class="icon"><i class="fas fa-arrow-alt-circle-right"></i></div>
                                <div class="progress-title">{{ __('Processing') }}</div>
                                <div class="progress-title">{{ __('Soon') }}</div>
                            </li>
                        @endif
                    @endif

                    @if($i == 2)
                        @if(!empty($track_orders[$i]))
                            @if($track_orders[$i]['title'] == 'Delivered')
                                <li class="active">
                                    <div class="icon"><i class="fas fa-check-circle"></i></div>
                                    <div class="progress-title">{{ __('Delivered') }}</div>
                                                                        <div class="progress-title">{{ $date3 }}</div>
 
                                     @if($order->tracking_no)
                                        @if($order->tracking_name == 'Flash')
                                        <div class="progress-title">{{ __('เลขจัดส่ง') }} : 
                                            <a href="https://www.flashexpress.co.th/tracking/?tracking_number={{ $order->tracking_no }}" target="_blank" style="color: blue; text-decoration: underline;">
                                                {{ $order->tracking_no }}
                                            </a> 
                                         </div>
                                        @elseif($order->tracking_name == 'Kerry')
                                        <div class="progress-title">{{ __('เลขจัดส่ง') }} :
                                          
                                        <a href="https://th.kerryexpress.com/th/track/?track={{ $order->tracking_no }}" target="_blank" style="color: blue; text-decoration: underline;">
                                            {{ $order->tracking_no }}
                                        </a>
                                    
                                    </div>

                                        
                                        @else
                                        <div class="progress-title">{{ __('เลขจัดส่ง') }} :{{$order->tracking_no}}</div>
                                        @endif
                                   
                                    @endif
                                    <div class="progress-title">{{ __('จัดส่งสำเร็จโดย') }} : {{$order->tracking_name}} </div>
                                </li>
                            @else
                                <li>
                                    <div class="icon"><i class="fas fa-check-circle"></i></div>
                                    <div class="progress-title">{{ __('Delivered') }}</div>
                                    <div class="progress-title">{{ __('Soon') }}</div>
                                </li>
                            @endif
                        @else
                            <li>
                                <div class="icon"><i class="fas fa-check-circle"></i></div>
                                <div class="progress-title">{{ __('Delivered') }}</div>
                                <div class="progress-title">{{ __('Soon') }}</div>
                            </li>
                        @endif
                    @endif

                    @if(!isset($track_orders[3]))
                        @if($i == 3)
                            @if(!empty($track_orders[$i]))
                                @if($track_orders[$i]['title'] == 'Success')
                                    <li class="active">
                                        <div class="icon"><i class="fas fa-check-circle"></i></div>
                                        <div class="progress-title">{{ __('Success') }}</div>
                                                                                <div class="progress-title">{{ $date4 }}</div>
                                        <div class="progress-title">{{ __('Customer Received Complete') }}</div>
                                    </li>
                                @else
                                    <li>
                                        <div class="icon"><i class="fas fa-check-circle"></i></div>
                                        <div class="progress-title">{{ __('Success') }}</div>
                                        <div class="progress-title">{{ __('Soon') }}</div>
                                    </li>
                                @endif
                            @else
                                <li>
                                    <div class="icon"><i class="fas fa-check-circle"></i></div>
                                    <div class="progress-title">{{ __('Success') }}</div>
                                    <div class="progress-title">{{ __('Soon') }}</div>
                                </li>
                            @endif
                        @endif
                    @endif
                @endif

                @if(isset($track_orders[3]) && $track_orders[3]['title'] == 'Success')
                    @if($i == 3)
                        @if(!empty($track_orders[$i]))
                            @if($track_orders[$i]['title'] == 'Success')
                                <li class="active">
                                    <div class="icon"><i class="fas fa-check-circle"></i></div>
                                    <div class="progress-title">{{ __('Success') }}</div>
                                                                        <div class="progress-title">{{ $date5 }}</div>
                                    <div class="progress-title">{{ __('Customer Received Complete') }}</div>
                                </li>
                            @else
                                <li>
                                    <div class="icon"><i class="fas fa-check-circle"></i></div>
                                    <div class="progress-title">{{ __('Success') }}</div>
                                    <div class="progress-title">{{ __('Soon') }}</div>
                                </li>
                            @endif
                        @else
                            <li>
                                <div class="icon"><i class="fas fa-check-circle"></i></div>
                                <div class="progress-title">{{ __('Success') }}</div>
                                <div class="progress-title">{{ __('Soon') }}</div>
                            </li>
                        @endif
                    @endif
                @else
                    @if(!empty($track_orders[$i]))
                        @if($track_orders[$i]['title'] == 'Canceled')
                            <li class="active">
                                <div class="icon"><i class="fas fa-times-circle"></i></div>
                                <div class="progress-title">{{ __('Rejected') }}</div>
                                                                <div class="progress-title">{{ $date6 }}</div>
                                <div class="progress-title">{{ __('Product Delivery Rejected') }}</div>
                            </li>
                        {{-- @else
                            <li>
                                <div class="icon"><i class="fas fa-times-circle"></i></div>
                                <div class="progress-title">{{ __('Rejected') }}</div>
                                <div class="progress-title">{{ __('Not') }}</div>
                            </li> --}}
                        @endif
                    {{-- @else
                        <li>
                            <div class="icon"><i class="fas fa-times-circle"></i></div>
                            <div class="progress-title">{{ __('Rejected') }}</div>
                            <div class="progress-title">{{ __('Not') }}</div>
                        </li> --}}
                    @endif
                @endif

                
            @endfor
        </ul>
    </div>
@else
    <p>{{ __('Order Not Found') }}</p>
@endif