@extends('layouts.index')

@section('content')

    <div class="container-fluid  pt-3">

        {{-- Breadcrumb Section --}}
        @php
            $pages = [] ; $page = [] ;
            $page['title'] = __('lang.home') ; $page['route'] = route('home') ; $page['color'] = 'text_3' ;
            $pages[] = $page ;
            $page['title'] = __('lang.myAccount') ; $page['route'] = 'javascript:void(0)' ; $page['color'] = 'text_3' ;
            $pages[] = $page ;
            $page['title'] = __('lang.myOrders') ; $page['route'] = 'javascript:void(0)' ; $page['color'] = 'text_1' ;
            $pages[] = $page ;
        @endphp
        @include('components.breadcrumb',$pages)

        <div class="container pb-5">
            <div class="row delivery-information">
                <div class="col-lg-3 col-12">
                    @include('auth.account-menu',['activePage'=>'my_orders','route'=>'getOrders'])
                </div>
                <div class="col-lg-9  col-12">

                    <div class="card border-raduis-btm-0 mb-5">
                        <div class="row p-0 m-0 order-filter mx-1">
                             <a aria-label="filter all orders" href="javascript:void(0)" class="item col-auto text_1 px-2 py-3 font-15 active" data-type="all" onClick="filterOrderByType(this)"> {{ __('lang.all') }}</a>
                             <a aria-label="filter new orders" href="javascript:void(0)" class="item col-auto text_1 px-2 py-3 font-15" data-type="1" onClick="filterOrderByType(this)"> {{ __('lang.new') }}</a>
                             <a aria-label="filter canceled orders" href="javascript:void(0)" class="item col-auto text_1 px-2 py-3 font-15" data-type="0" onClick="filterOrderByType(this)"> {{ __('lang.canceled') }}</a>
                             <a aria-label="filter on the way orders" href="javascript:void(0)" class="item col-auto text_1 px-2 py-3 font-15" data-type="3" onClick="filterOrderByType(this)"> {{ __('lang.on_the_way') }}</a>
                             <a aria-label="filter received orders" href="javascript:void(0)" class="item col-auto text_1 px-2 py-3 font-15" data-type="4" onClick="filterOrderByType(this)"> {{ __('lang.recevied') }}</a>
                             <a aria-label="filter canceled by client orders" href="javascript:void(0)" class="item col-auto text_1 px-2 py-3 font-15" data-type="5" onClick="filterOrderByType(this)"> {{ __('lang.canceledByClient') }}</a>
                             <a aria-label="filter accepted orders" href="javascript:void(0)" class="item col-auto text_1 px-2 py-3 font-15" data-type="2" onClick="filterOrderByType(this)"> {{ __('lang.accepted') }}</a>
                             <a aria-label="filter refunded orders" href="javascript:void(0)" class="item col-auto text_1 px-2 py-3 font-15" data-type="9" onClick="filterOrderByType(this)"> {{ __('lang.refunded') }}</a>
                        </div>
                        <div class="card-body  order-filter">
                            <div class="row  mb-3">
                                <div class="col-md-6">
                                    <div class="input-group searchInput">
                                        <span class="input-group-text" id="order-search"> <i class="fas fa-search  "></i></span>
                                        <input type="text" class="form-control" placeholder="{{__('lang.SearchyourOrders')}}" aria-label="order" id="order-search"  aria-describedby="order-search" onkeyup="filterByOrderNo(this)">
                                    </div>
                                </div>
                                {{-- <div class="col-6 text-end">
                                    <select name="text" id="text" class="form-control ">
                                        <option value="">{{ __('lang.all') }}</option>
                                        <option value="">{{ __('lang.new') }}</option>
                                        <option value="">{{ __('lang.canceled') }}</option>
                                        <option value="">{{ __('lang.on_the_way') }}</option>
                                        <option value="">{{ __('lang.recevied') }}</option>
                                        <option value="">{{ __('lang.canceledByClient') }}</option>
                                        <option value="">{{ __('lang.accepted') }}</option>
                                        <option value="">{{ __('lang.refunded') }}</option>
                                    </select>
                                </div> --}}
                            </div>
                            @forelse($orders as $key => $order)
                            <div class="row  mb-3 order-item order-type-{{ $order->orders_status }} align-items-center order-id-{{ $order->orders_no }}">
                                <hr/>

                                <div class="col-md-3 text_1 font-18  position-relative">
                                    <!-- {{ $key+1 }}. -->
                                    @foreach ($order->items as $key => $item)

                                        @if($key <= 1 && $item->products_image)