@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">{{ __('Order 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'] == 'Confirmed')
                                <li class="active">
                                    <div class="icon"><i class="fas fa-arrow-alt-circle-right"></i></div>
                                    <div class="progress-title">{{ __('Confirmed') }}</div>
                                    <div class="progress-title">
                                        {{ date('l, d M, Y', strtotime($track_orders[$i]['created_at'])) }}</div>
                                    <div class="progress-title">{{ __('We Have Confirmed Your Order') }}</div>
                                </li>
                            @else
                                <li>
                                    <div class="icon"><i class="fas fa-arrow-alt-circle-right"></i></div>
                                    <div class="progress-title">{{ __('Confirmed') }}</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">{{ __('Confirmed') }}</div>
                                <div class="progress-title">{{ __('Soon') }}</div>
                            </li>
                        @endif
                    @endif


                    @if ($i == 2)
                        @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">{{ __('In Progress 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 == 3)
                        @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">{{ __('Order Delivery Complete') }}</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 == 4)
                    @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">{{ __('Canceled') }}</div>
                                <div class="progress-title">
                                    {{ date('l, d M, Y', strtotime($track_orders[$i]['created_at'])) }}</div>
                                <div class="progress-title">{{ __('Order Delivery Rejected') }}</div>
                            </li>
                        @else
                            <li>
                                <div class="icon"><i class="fas fa-times-circle"></i></div>
                                <div class="progress-title">{{ __('Canceled') }}</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">{{ __('Canceled') }}</div>
                            <div class="progress-title">{{ __('Not') }}</div>
                        </li>
                    @endif
                @endif

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