@extends('backend.adminlayouts.master')

@section('body')

    <!-- Page header -->

    <h3 class="text-gray-700 text-3xl font-medium">{{ __('admin.sidebar.orders.orders') }}</h3>

    <!-- Activity table (small breakpoint and up) -->

    <div class="mt-8">
        <div class="flex flex-col mt-4">
            <div class="align-middle overflow-x-auto shadow sm:rounded-lg mb-4">
                <table class="min-w-full divide-y divide-gray-200">
                    <thead>
                    <tr>
                        <th class="px-6 py-3 bg-gray-50 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
                            {{ __('admin.orders.order_number') }}
                        </th>
                        <th class="px-6 py-3 bg-gray-50 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
                            {{ __('admin.orders.client') }}
                        </th>
                        <th class="px-6 py-3 bg-gray-50 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
                            {{ __('admin.orders.payment_method') }}
                        </th>
                        <th class="px-6 py-3 bg-gray-50 text-right text-xs font-medium text-gray-500 uppercase tracking-wider">
                            {{ __('admin.orders.amount') }}
                        </th>
                        <th class="px-6 py-3 bg-gray-50 text-center text-xs font-medium text-gray-500 uppercase tracking-wider">
                            {{ __('admin.orders.status') }}
                        </th>
                        <th class="px-6 py-3 bg-gray-50 text-right text-xs font-medium text-gray-500 uppercase tracking-wider">
                            {{ __('admin.orders.order_date') }}
                        </th>
                    </tr>
                    </thead>
                    <tbody class="bg-white divide-y divide-gray-200">

                        @forelse ($orders as $order)
                            <tr class="bg-white">
                                <td class="px-6 py-4 text-left whitespace-nowrap text-sm text-gray-500">
                                    <div class="flex items-center">
                                        <a href="{{ route('adminOrders.show',[ $order->id]) }}"
                                           class="group inline-flex space-x-2 truncate text-sm">
                                            <div class="flex-shrink-0 h-10 w-10">
                                                <img class="h-10 w-10" src="/uploads/icon/order.svg"
                                                     alt=""/>
                                            </div>
                                        </a>
                                        <a href="{{ route('adminOrders.show',[ $order->id]) }}"
                                           class="ml-3">


                                            <div class="text-sm leading-5 font-medium text-gray-900">
                                                #{{ $order->order_number }}</div>
                                        </a>
                                    </div>
                                </td>
                                <td class="px-6 py-4 pr-4 whitespace-nowrap text-sm text-gray-900">
                                    <div class="flex items-center">
                                        <div class="flex-shrink-0 h-10 w-10">
                                            <img class="h-10 w-10" src="/uploads/icon/avatar.svg" alt=""/>
                                        </div>

                                        <div class="ml-4">
                                            <div
                                                class="text-sm leading-5 font-medium text-gray-900">{{ $order->billing_name }}</div>
                                            <div class="text-sm leading-5 text-gray-500">{{ $order->email }}</div>
                                        </div>
                                    </div>
                                </td>
                                @if($order->payment_method === 'card-payment')
                                <td class="px-6 py-4 text-right whitespace-nowrap text-sm text-gray-500">
                                    <p>{{ __('admin.orders.card_payment') }}</p>
                                </td>
                                @endif
                                @if($order->payment_method === 'cash-on-delivery')
                                    <td class="px-6 py-4 text-right whitespace-nowrap text-sm text-gray-500">
                                       <p>{{ __('admin.orders.cash_on_delivery') }}</p>
                                    </td>
                                @endif
                                <td class="px-6 py-4 text-right whitespace-nowrap text-sm text-gray-500">
                                    <span
                                        class="text-gray-900 font-medium">{{ priceView($order->grand_total)}} </span>
                                </td>

                                @if($order->is_paid == '1')
                                    <td class="px-6 py-4 text-right whitespace-nowrap text-sm text-gray-900">

                                            <a href="{{ route('adminOrders.show',[ $order->id]) }}"
                                               class="group inline-flex space-x-2 text-sm">
                                                <!-- Heroicon name: solid/cash -->
                                                <svg
                                                    class="flex-shrink-0 h-5 w-5 text-gray-400 group-hover:text-gray-500"
                                                    xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"
                                                    fill="currentColor"
                                                    aria-hidden="true">
                                                    <path fill-rule="evenodd"
                                                          d="M4 4a2 2 0 00-2 2v4a2 2 0 002 2V6h10a2 2 0 00-2-2H4zm2 6a2 2 0 012-2h8a2 2 0 012 2v4a2 2 0 01-2 2H8a2 2 0 01-2-2v-4zm6 4a2 2 0 100-4 2 2 0 000 4z"
                                                          clip-rule="evenodd"/>
                                                </svg>

                                                <p class=" text-gray-500 group-hover:text-gray-900">
                                                    {{ __('admin.orders.payment_received') }}
                                                </p>

                                            </a>

                                    </td>
                                @else
                                    <td class="px-6 py-4 text-right whitespace-nowrap text-sm text-gray-900">

                                        <a href="{{ route('adminOrders.show',[ $order->id]) }}"
                                           class="group inline-flex space-x-2 text-sm">
                                            <!-- Heroicon name: solid/cash -->
                                            <svg
                                                class="flex-shrink-0 h-5 w-5 text-gray-400 group-hover:text-gray-500"
                                                xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"
                                                fill="currentColor"
                                                aria-hidden="true">
                                                <path fill-rule="evenodd"
                                                      d="M4 4a2 2 0 00-2 2v4a2 2 0 002 2V6h10a2 2 0 00-2-2H4zm2 6a2 2 0 012-2h8a2 2 0 012 2v4a2 2 0 01-2 2H8a2 2 0 01-2-2v-4zm6 4a2 2 0 100-4 2 2 0 000 4z"
                                                      clip-rule="evenodd"/>
                                            </svg>

                                            <p class=" text-gray-500 group-hover:text-gray-900">
                                                {{ __('admin.orders.not_paid') }}
                                            </p>

                                        </a>

                                    </td>
                                @endif

                                <td class="px-6 py-4 text-right whitespace-nowrap text-sm text-gray-500">
                                    <time
                                        datetime="2020-07-11">{{ Carbon\Carbon::parse($order->created_at)->format('d/m/Y H:s') }}</time>
                                </td>
                            </tr>
                        @empty
                            <table class="min-w-full divide-y divide-gray-200">

                                <tbody class="bg-white divide-y divide-gray-200">
                                <tr class="bg-white">

                                    <td class="max-w-0 w-full px-6 py-4 whitespace-nowrap text-sm text-gray-900">
                                        <div class="flex ">
                                            <!-- Heroicon name: solid/cash -->
                                            <p class="text-gray-500  font-size-24 truncate group-hover:text-gray-900">
                                                Nici o comanda efectuata </p>

                                        </div>
                                    </td>

                                </tr>


                                <!-- More transactions... -->
                                </tbody>
                            </table>
                            <!-- Pagination -->
                        @endforelse


                    <!-- More transactions... -->
                    </tbody>
                </table>
                <!-- Pagination -->

            </div>

        </div>
        {{ $orders->links('vendor.pagination.tailwind') }}

    </div>


    <script src="https://code.jquery.com/jquery-3.5.1.min.js"
            integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
@endsection