@extends('layouts.back-end.body')
@section('content')
    <div class="app-content pt-3 p-md-3 p-lg-4">
        <div class="container-xl">

            <div class="row g-3 align-items-center justify-content-between">
                <div class="col-auto">
                    <h1 class="app-page-title"><svg xmlns="http://www.w3.org/2000/svg" width="22" height="22"
                            fill="currentColor" class="bi bi-cart4" viewBox="0 0 16 16">
                            <path
                                d="M0 2.5A.5.5 0 0 1 .5 2H2a.5.5 0 0 1 .485.379L2.89 4H14.5a.5.5 0 0 1 .485.621l-1.5 6A.5.5 0 0 1 13 11H4a.5.5 0 0 1-.485-.379L1.61 3H.5a.5.5 0 0 1-.5-.5zM3.14 5l.5 2H5V5H3.14zM6 5v2h2V5H6zm3 0v2h2V5H9zm3 0v2h1.36l.5-2H12zm1.11 3H12v2h.61l.5-2zM11 8H9v2h2V8zM8 8H6v2h2V8zM5 8H3.89l.5 2H5V8zm0 5a1 1 0 1 0 0 2 1 1 0 0 0 0-2zm-2 1a2 2 0 1 1 4 0 2 2 0 0 1-4 0zm9-1a1 1 0 1 0 0 2 1 1 0 0 0 0-2zm-2 1a2 2 0 1 1 4 0 2 2 0 0 1-4 0z" />
                        </svg><span class="sub-navicate">{{ __('message.order') }}</span>
                </div>
            </div>

            <div class="app-card app-card-notification shadow-sm mb-4">
                <div class="app-card-body p-4 input-p-4" style="padding-bottom: 0px !important;">
                    <div class="table-responsive tables-view">
                        <!-- searcy -->
                        <div class="" style="padding:10px 0px 10px 10px;">
                            <form method="get" id="search-form">
                                <div class="row" style="margin-bottom:0px;">
                                    <div class="col-xs-6 col-sm-4">
                                        <!-- Search -->
                                        <input type="text" id="q" class="form-control-sm" name="q"
                                            title="{{ __('message.search') }} (Phone, Name).." value="{{ $q ?? '' }}"
                                            placeholder="{{ __('message.search') }} (Phone, Name).." required
                                            style="display: inline;">
                                    </div>
                                    <div class="col-xs-6 col-sm-6">
                                        <button type="submit" class="btn btn-primary btn-sm" style="display:inline;">
                                            <i class="fa fa-search"></i>
                                            {{ __('message.search') }}
                                        </button>
                                        <a href="{{ route('order.index') }}" type="reset" class="btn btn-warning btn-sm"
                                            style="display:inline;">
                                            <i class="fa fa-refresh"></i>
                                            <span class="hidden-xs">{{ __('message.refresh') }}</span>
                                        </a>
                                    </div>
                                </div>
                            </form>
                        </div>
                        <!-- searcy -->
                        <table id="" class="table dataTable no-footer" aria-describedby="approve-table_info"
                            style="width:100%">
                            <!-- order-table -->
                            <thead>
                                <tr>
                                    <th>#</th>
                                    <th>{{ __('message.name') }}</th>
                                    <th>{{ __('message.phone') }}</th>
                                    <th>{{ __('message.date') }}</th>
                                    <th>{{ __('message.status') }}</th>
                                    <th>{{ __('message.product') }}</th>
                                    <th>{{ __('message.price') }}</th>
                                    <th>{{ __('message.commision') }}</th>
                                    <th>{{ __('message.total price') }}</th>
                                    <th>{{ __('message.action') }}</th>
                                </tr>
                            </thead>
                            <tbody>
                                @if ($orders->count() > 0)
                                    @foreach ($orders as $index => $order)
                                        <tr>
                                            <th scope="row">{{ $index + 1 }}</th>
                                            <td>{{ $order->user->actual_name ?? '' }}</td>
                                            <td>{{ $order->customer->phone ?? '' }}</td>
                                            <td>
                                                {{ $order->created_at->format('d/m/Y h:i') }}
                                            </td>
                                            <td>
                                                @if ($order->is_approve == 1)
                                                    <span class="badge badge-success">
                                                        {{ __('message.completed') }}
                                                    </span>
                                                @elseif ($order->is_stop == 1)
                                                    <span class="badge badge-danger">
                                                        {{ __('message.rejected by customer') }}
                                                    </span>
                                                @else
                                                    <span class="badge badge-warning">
                                                        {{ __('message.pending') }}
                                                    </span>
                                                @endif
                                            </td>
                                            <td>
                                                                                                @if ($product)
                                                    {{ __('message.code') }}:{{ $product->product_code }}-
                                                    {{ __('message.price') }}:{{ $product->price }} ฿-
                                                    {{ __('message.product') }}:{{ $product->product_title }}-
                                                    {{ __('message.commission') }}:{{ $product->commission->price ?? 0 }}฿
                                                @else
                                                @endif
                                            </td>
                                            {{-- <td>{{ $order->product->price ?? '0.00' }} THB</td> --}}
                                            <td style="font-weight:bold;">
                                                {{-- {{ isset($order->commission) ? number_format($order->commission, 2) : '0.00' }} --}}
                                                THB {{ $order->price ?? '0.00' }}
                                            </td>
                                            <td style="font-weight:bold;">
                                                THB {{ $order->commission ?? '0.00' }}
                                            </td>
                                            <td style="font-weight:bold;">
                                                                                                THB {{ number_format($order->totalprice, 2) ?? '0.00' }}
                                            </td>
                                            <td>
                                                <a class="btn btn-sm btn-danger btn-xs btn-action"
                                                    @if ($order->is_confirm == 1) disabled style="opacity: 0.5;" onclick="alert('{{ __('message.can not delete') }}')" @else href="{{ route('admin.order.delete', $order) }}" @endif>
                                                    <span style="white-space: nowrap;"><i class="fa fa-trash"></i>
                                                        {{ __('message.delete') }}</span></a>
                                            </td>
                                        </tr>
                                    @endforeach
                                @else
                                    <tr class="odd">
                                        <td valign="top" colspan="11" class="dataTables_empty">No matching records
                                            found.</td>
                                    </tr>
                                @endif
                            </tbody>
                        </table>

                        {{ $orders->appends($_GET)->links() }}
                    </div><!--//table-responsive-->
                </div>
            </div>
        </div>
    </div>
    {{-- include('back-end.order.script') --}}
@endsection