@extends('shop.layouts.app')

@section('content')
     <section class="profiles clearfix  bg-gray-300" id="login">
        <div class="container-fluid">

            <div class="col-12">
                <div class="row">
                    @include('shop.customer.sidebar')

                    <div class="col-md-9">
                        <div class="orders p-right">
                            <h3 class="mb-4">Orders</h3>
                            {{-- <div class="col-12">
                                <div class="row">
                                    <div class="col-md-8 pl-0">
                                        <form class="form-inline" method="GET" action="{{route('customer.order.index')}}">
                                            <div class="form-group mb-2">
                                                <input type="search" value="{{request()->search}}" class="form-control" name="search" id="search-text" placeholder="Search..">
                                            </div>
                                        </form>
                                    </div>
                                </div>
                            </div> --}}

                            <div class="table-responsive">

                            <table class="table w-100">
                                <thead class="thead-dark">
                                    <tr>
                                        <th scope="col">Order ID</th>
                                        <th scope="col">Date</th>
                                        <th scope="col">Total</th>
                                        <th scope="col">Status</th>
                                        <th scope="col">Actions</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @if (!empty($orders))
                                        @foreach ($orders as $order)
                                            <tr>
                                                <th scope="row">{{$order->id}}</th>
                                                <td>{{ \Carbon\Carbon::parse($order->created_at)->diffForHumans() }}</td>
                                                <td>₹ {{ $order->grand_total }}</td>
                                                <td>
                                                    @switch($order->status)
                                                        @case('pending')
                                                            <span class="badge badge-warning">{{$order->status}}</span>
                                                            @break
                                                        @case('packing')
                                                            <span class="badge badge-secondary">{{$order->status}}</span>
                                                            @break
                                                        @case('shipping')
                                                            <span class="badge badge-info">{{$order->status}}</span>
                                                            @break
                                                        @case('packed')
                                                            <span class="badge badge-info">{{$order->status}}</span>
                                                            @break
                                                        @case('cancel')
                                                            <span class="badge badge-danger">{{$order->status}}</span>
                                                            @break
                                                        @case('hold')
                                                            <span class="badge badge-secondary">{{$order->status}}</span>
                                                            @break
                                                        @default
                                                            <span class="badge badge-success">{{$order->status}}</span>
                                                    @endswitch
                                                </td>
                                                <td><a href="{{route('customer.order.show', $order)}}"><i class="fa fa-eye" aria-hidden="true"></i></a></td>
                                            </tr>
                                        @endforeach
                                    @endif
                                </tbody>
                            </table>
                            {{ $orders->links() }}
                            </div>


                        </div>
                    </div>
                </div>
            </div>


        </div>
    </section>
@endsection