@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">{{ date('l, d M, Y',strtotime($track_orders[$i]['created_at'])) }}</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[3]))


                @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">{{ date('l, d M, Y',strtotime($track_orders[$i]['created_at'])) }}</div>
                            <div class="progress-title">{{ __('Product Shift For Delevery') }}</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">{{ date('l, d M, Y',strtotime($track_orders[$i]['created_at'])) }}</div>
                            <div class="progress-title">{{ __('Product Delevery Compleate') }}</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

                @endif

                @if($i == 3)
                    @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">{{ date('l, d M, Y',strtotime($track_orders[$i]['created_at'])) }}</div>
                            <div class="progress-title">{{ __('Product Delevery 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