<div class="tab_wrapper orders_tab">

    @if($count == 0)
        <div class="alert alert-danger py-4 text-center my-5" role="alert">
            {{__('web.not_exist_orders')}}
        </div>
    @else
        <h2 class="sec_title text-uppercase color-primary fw-bold text-center mb-5">
            {{ __('web.my_orders') }}
            <img src="{{url('')}}/assets/web/images/title_line.svg" class="d-block m-auto" alt=""/>
        </h2>
        
    
        <ul class="nav nav-pills mb-0" id="pills-tab" role="tablist">
            <li class="nav-item" role="presentation">
                <button class="nav-link active" id="pills-tab1-tab" data-bs-toggle="pill" onclick="showOrder(this)" data-id="all" data-bs-target="#pills-tab1" type="button" role="tab" aria-controls="pills-tab1" aria-selected="true">
                    {{ __('web.all') }}
                </button>
            </li>
            <li class="nav-item" role="presentation">
                <button class="nav-link" id="pills-tab2-tab" data-bs-toggle="pill" onclick="showOrder(this)" data-id="progress" data-bs-target="#pills-tab2" type="button" role="tab" aria-controls="pills-tab2" aria-selected="false">
                    {{ __('web.in_progress') }}
                </button>
            </li>
            <li class="nav-item" role="presentation">
                <button class="nav-link" id="pills-tab3-tab" data-bs-toggle="pill" onclick="showOrder(this)" data-id="preparing" data-bs-target="#pills-tab3" type="button" role="tab" aria-controls="pills-tab3" aria-selected="false">
                    {{ __('web.preparing') }}
                </button>
            </li>
            <li class="nav-item" role="presentation">
                <button class="nav-link" id="pills-tab4-tab" data-bs-toggle="pill" onclick="showOrder(this)" data-id="shipping" data-bs-target="#pills-tab4" type="button" role="tab" aria-controls="pills-tab4" aria-selected="false">
                    {{ __('web.shipping') }}
                </button>
            </li>
            <li class="nav-item" role="presentation">
                <button class="nav-link" id="pills-tab5-tab" data-bs-toggle="pill" onclick="showOrder(this)" data-id="recieved" data-bs-target="#pills-tab5" type="button" role="tab" aria-controls="pills-tab5" aria-selected="false">
                    {{ __('web.recieved') }}
                </button>
            </li>
        </ul>
        <div class="tab-content" id="pills-tabContent">
            <div class="tab-pane fade show active" id="pills-tab1" role="tabpanel" aria-labelledby="pills-tab1-tab">
                <div class="tab-wrapper" id="all">
                </div>
            </div>
            <div class="tab-pane fade" id="pills-tab2" role="tabpanel" aria-labelledby="pills-tab2-tab">
                <div class="tab-wrapper" id="progress">
                </div>
            </div>
            <div class="tab-pane fade" id="pills-tab3" role="tabpanel" aria-labelledby="pills-tab3-tab">
                <div class="tab-wrapper" id="preparing">
                </div>
            </div>
            <div class="tab-pane fade" id="pills-tab4" role="tabpanel" aria-labelledby="pills-tab4-tab">
                <div class="tab-wrapper" id="shipping">
                </div>
            </div>
            <div class="tab-pane fade" id="pills-tab5" role="tabpanel" aria-labelledby="pills-tab5-tab">
                <div class="tab-wrapper" id="recieved">
                </div>
            </div>
        </div>
    @endif
</div>
