@if($order->status=='pending') 
        <div class="  m-auto round10 p-3 pl-4 pr-4 form-cont" >
                    <div class="container register-header  m-auto">
                        <div class="active">
                            <span class="select-register-step step">1</span>
                            <span class="select-register-step check"><i class="fa fa-check"></i></span>
                            <span class="font12 bold">
                               {{trans('delegates_dashboard.pending')}}
                            </span>
                        </div>
                        <div class="line-between"></div>
                        <div class="current" >
                            <span class="select-register-step step">2</span>
                            <span class="select-register-step check"><i class="fa fa-check"></i></span>
                            <span class="font12 bold">
                               {{trans('delegates_dashboard.inprogress')}}
                            </span>
                        </div>
                        <div class="line-between"></div>
                        <div class="" >
                            <span class="select-register-step step">3</span>
                            <span class="select-register-step check"><i class="fa fa-check"></i></span>
                            <span class="font12 bold">
                              {{trans('delegates_dashboard.reached_receive')}}
                            </span>
                        </div>
                        <div class="line-between"></div>
                        <div class="" >
                            <span class="select-register-step step">4</span>
                            <span class="select-register-step check"><i class="fa fa-check"></i></span>
                            <span class="font12 bold">
                              {{trans('delegates_dashboard.reached_deliver')}}
                            </span>
                        </div>
                        <div class="line-between"></div>
                        <div class="" >
                            <span class="select-register-step step">5</span>
                            <span class="select-register-step check"><i class="fa fa-check"></i></span>
                            <span class="font12 bold">
                               {{trans('delegates_dashboard.finished')}}  
                            </span>
                        </div>
                    </div>
        </div>
       @elseif($order->status=="inprogress")
            <div class="  m-auto round10 p-3 pl-4 pr-4 form-cont" >
                        <div class="container register-header  m-auto">
                            <div class="active">
                                <span class="select-register-step step">1</span>
                                <span class="select-register-step check"><i class="fa fa-check"></i></span>
                                <span class="font12 bold">
                                {{trans('delegates_dashboard.pending')}}
                                </span>
                            </div>
                            <div class="line-between"></div>
                            <div class="active" >
                                <span class="select-register-step step">2</span>
                                <span class="select-register-step check"><i class="fa fa-check"></i></span>
                                <span class="font12 bold">
                                {{trans('delegates_dashboard.inprogress')}}
                                </span>
                            </div>
                            <div class="line-between"></div>
                            <div class="current" >
                                <span class="select-register-step step">3</span>
                                <span class="select-register-step check"><i class="fa fa-check"></i></span>
                                <span class="font12 bold">
                                {{trans('delegates_dashboard.reached_receive')}}
                                </span>
                            </div>
                            <div class="line-between"></div>
                            <div class="" >
                                <span class="select-register-step step">4</span>
                                <span class="select-register-step check"><i class="fa fa-check"></i></span>
                                <span class="font12 bold">
                                {{trans('delegates_dashboard.reached_deliver')}}
                                </span>
                            </div>
                            <div class="line-between"></div>
                            <div class="" >
                                <span class="select-register-step step">5</span>
                                <span class="select-register-step check"><i class="fa fa-check"></i></span>
                                <span class="font12 bold">
                                {{trans('delegates_dashboard.finished')}}  
                                </span>
                            </div>
                        </div>
            </div>
       @elseif($order->status=="reached_receive_location")
         <div class="  m-auto round10 p-3 pl-4 pr-4 form-cont" >
                    <div class="container register-header  m-auto">
                        <div class="active">
                            <span class="select-register-step step">1</span>
                            <span class="select-register-step check"><i class="fa fa-check"></i></span>
                            <span class="font12 bold">
                               {{trans('delegates_dashboard.pending')}}
                            </span>
                        </div>
                        <div class="line-between"></div>
                        <div class="active" >
                            <span class="select-register-step step">2</span>
                            <span class="select-register-step check"><i class="fa fa-check"></i></span>
                            <span class="font12 bold">
                               {{trans('delegates_dashboard.inprogress')}}
                            </span>
                        </div>
                        <div class="line-between"></div>
                        <div class="active" >
                            <span class="select-register-step step">3</span>
                            <span class="select-register-step check"><i class="fa fa-check"></i></span>
                            <span class="font12 bold">
                              {{trans('delegates_dashboard.reached_receive')}}
                            </span>
                        </div>
                        <div class="line-between"></div>
                        <div class="current" >
                            <span class="select-register-step step">4</span>
                            <span class="select-register-step check"><i class="fa fa-check"></i></span>
                            <span class="font12 bold">
                              {{trans('delegates_dashboard.reached_deliver')}}
                            </span>
                        </div>
                        <div class="line-between"></div>
                        <div class="" >
                            <span class="select-register-step step">5</span>
                            <span class="select-register-step check"><i class="fa fa-check"></i></span>
                            <span class="font12 bold">
                               {{trans('delegates_dashboard.finished')}}  
                            </span>
                        </div>
                    </div>
        </div>
        @elseif($order->status=="reached_deliver_location")
        <div class="  m-auto round10 p-3 pl-4 pr-4 form-cont" >
                    <div class="container register-header  m-auto">
                        <div class="active">
                            <span class="select-register-step step">1</span>
                            <span class="select-register-step check"><i class="fa fa-check"></i></span>
                            <span class="font12 bold">
                               {{trans('delegates_dashboard.pending')}}
                            </span>
                        </div>
                        <div class="line-between"></div>
                        <div class="active" >
                            <span class="select-register-step step">2</span>
                            <span class="select-register-step check"><i class="fa fa-check"></i></span>
                            <span class="font12 bold">
                               {{trans('delegates_dashboard.inprogress')}}
                            </span>
                        </div>
                        <div class="line-between"></div>
                        <div class="active" >
                            <span class="select-register-step step">3</span>
                            <span class="select-register-step check"><i class="fa fa-check"></i></span>
                            <span class="font12 bold">
                              {{trans('delegates_dashboard.reached_receive')}}
                            </span>
                        </div>
                        <div class="line-between"></div>
                        <div class="active" >
                            <span class="select-register-step step">4</span>
                            <span class="select-register-step check"><i class="fa fa-check"></i></span>
                            <span class="font12 bold">
                              {{trans('delegates_dashboard.reached_deliver')}}
                            </span>
                        </div>
                        <div class="line-between"></div>
                        <div class="current" >
                            <span class="select-register-step step">5</span>
                            <span class="select-register-step check"><i class="fa fa-check"></i></span>
                            <span class="font12 bold">
                               {{trans('delegates_dashboard.finished')}}  
                            </span>
                        </div>
                    </div>
        </div>
        @elseif($order->status=="finished")
        <div class="  m-auto round10 p-3 pl-4 pr-4 form-cont" >
                    <div class="container register-header  m-auto">
                        <div class="active">
                            <span class="select-register-step step">1</span>
                            <span class="select-register-step check"><i class="fa fa-check"></i></span>
                            <span class="font12 bold">
                               {{trans('delegates_dashboard.pending')}}
                            </span>
                        </div>
                        <div class="line-between"></div>
                        <div class="active" >
                            <span class="select-register-step step">2</span>
                            <span class="select-register-step check"><i class="fa fa-check"></i></span>
                            <span class="font12 bold">
                               {{trans('delegates_dashboard.inprogress')}}
                            </span>
                        </div>
                        <div class="line-between"></div>
                        <div class="active" >
                            <span class="select-register-step step">3</span>
                            <span class="select-register-step check"><i class="fa fa-check"></i></span>
                            <span class="font12 bold">
                              {{trans('delegates_dashboard.reached_receive')}}
                            </span>
                        </div>
                        <div class="line-between"></div>
                        <div class="active" >
                            <span class="select-register-step step">4</span>
                            <span class="select-register-step check"><i class="fa fa-check"></i></span>
                            <span class="font12 bold">
                              {{trans('delegates_dashboard.reached_deliver')}}
                            </span>
                        </div>
                        <div class="line-between"></div>
                        <div class="active" >
                            <span class="select-register-step step">5</span>
                            <span class="select-register-step check"><i class="fa fa-check"></i></span>
                            <span class="font12 bold">
                               {{trans('delegates_dashboard.finished')}}  
                            </span>
                        </div>
                    </div>
        </div> 
        @else
        <div class="  m-auto round10 p-3 pl-4 pr-4 form-cont" >
                    <div class="container register-header  m-auto">
                        <div class="active">
                            <span class="select-register-step step">1</span>
                            <span class="select-register-step check"><i class="fa fa-check"></i></span>
                            <span class="font12 bold">
                               {{trans('delegates_dashboard.pending')}}
                            </span>
                        </div>
                        <div class="line-between"></div>
                        <div class="current" >
                            <span class="select-register-step step">2</span>
                            <span class="select-register-step check"><i class="fa fa-check"></i></span>
                            <span class="font12 bold">
                               {{trans('delegates_dashboard.inprogress')}}
                            </span>
                        </div>
                        <div class="line-between"></div>
                        <div class="" >
                            <span class="select-register-step step">3</span>
                            <span class="select-register-step check"><i class="fa fa-check"></i></span>
                            <span class="font12 bold">
                              {{trans('delegates_dashboard.reached_receive')}}
                            </span>
                        </div>
                        <div class="line-between"></div>
                        <div class="" >
                            <span class="select-register-step step">4</span>
                            <span class="select-register-step check"><i class="fa fa-check"></i></span>
                            <span class="font12 bold">
                              {{trans('delegates_dashboard.reached_deliver')}}
                            </span>
                        </div>
                        <div class="line-between"></div>
                        <div class="" >
                            <span class="select-register-step step">5</span>
                            <span class="select-register-step check"><i class="fa fa-check"></i></span>
                            <span class="font12 bold">
                               {{trans('delegates_dashboard.finished')}}  
                            </span>
                        </div>
                    </div>
        </div>
    @endif