@extends('admin.layouts.container')

@section('content')
    <div class="side-title d-print-none">
        <h3>{{ $head ?? ''}}</h3>
    </div>

    <div class="border-item">
        <div class="row tab-wrapper w-100">

            <div class="card card-info w-100">
                <div class="card-header">
                    <h3 class="card-title">{{ __('orders::orders.user_data') }}</h3>
                </div>
                <!-- /.card-header -->
                <div class="card-body">

                    <ul class="d-flex flex-wrap w-100 bordered-ul mt-4">
                        <li class="flex-li">
                            <span class="order-details-head">{{ __('orders::orders.customer_name') }} :</span>
                            <span class="order-details-value">
                                {{ $order->user->name ?? $order->user->username ?? "" }}
                            </span>
                        </li>
                        <li class="flex-li">
                            <span class="order-details-head">{{ __('orders::orders.customer_phone') }} :</span>
                            <span class="order-details-value">
                                {{ $order->user->phone ?? "" }}
                            </span>
                        </li>
                        <li class="flex-li">
                            <span class="order-details-head">{{ __('orders::orders.customer_email') }} :</span>
                            <span class="order-details-value">
                                {{ $order->user->email ?? "" }}
                            </span>
                        </li>
                        <li class="flex-li">
                            <span class="order-details-head">{{ __('orders::orders.membership_number') }} :</span>
                            <span class="order-details-value">
                                <a href="{{ route ("members.edit", $order->user->id ?? "") }}" target="_blank">
                                    #{{ $order->user->id ?? "" }}
                                </a>
                            </span>
                        </li>
                        {{-- <li class="flex-li">
                            <span class="order-details-head">{{ __('users::users.chat') }} :</span>
                            <span class="order-details-value">
                                <a href="{{ route("chats.index", ['user_id' => $order->user->id ?? ""]) }}"
                                   target="_blank">
                                    <i class="bi bi-chat-dots"></i>
                                </a>
                            </span>
                        </li> --}}
                    </ul>
                </div> <!-- end of card-body -->
            </div> <!-- end of card -->

            <div class="card card-info w-100">
                <div class="card-header">
                    <h3 class="card-title">{{ __('orders::orders.order_data') }}</h3>
                </div>
                <!-- /.card-header -->
                <div class="card-body">

                    <form class="form-row form-submit-loader" method="post" action="{{ $action }}">
                        @method('PUT')
                        @csrf
                        <div class="form-group col">
                            <label>{{ meta('status', $lang) ?? __('orders::orders.status') }} </label>
                            <select name="status"
                                    class="form-control status-select {{ $errors->has('status') ? 'is-invalid' : '' }}">
                                <option value="">{{__('orders::orders.status')}}</option>
                                @foreach(getOrderStatusIds() as $statusId)
                                    <option
                                        value="{{ $statusId }}" @selected(old('status', $order->status->value ?? null) == $statusId)>
                                        {{ getOrderStatusName($statusId) }}
                                    </option>
                                @endforeach
                            </select>
                        </div> <!-- end of form-group -->
                        <div class="form-group col text-center">
                            <button type="submit" class="butn add_button mt-4">
                                <span>{{ __('dashboard.save') }}</span></button>
                        </div> <!-- end of form-group -->
                    </form>

                    <ul class="d-flex flex-wrap w-100 bordered-ul mt-4">
                        <li class="flex-li">
                            <span class="order-details-head">{{ __('orders::orders.order_id') }} :</span>
                            <span class="order-details-value">
                                {{ $order->id }}
                            </span>
                        </li>
                        <li class="flex-li">
                            <span class="order-details-head">{{ __('orders::orders.order_date') }} :</span>
                            <span class="order-details-value">
                                {{ $order->created_at->format('Y-m-d') }}
                            </span>
                        </li>
                        <li class="flex-li">
                            <span class="order-details-head">{{ __('orders::orders.order_time') }} :</span>
                            <span class="order-details-value">
                                {{ $order->created_at->format('h:i A') }}
                            </span>
                        </li>
                        <li class="flex-li">
                            <span class="order-details-head">{{ __('orders::orders.payment_method') }} :</span>
                            <span class="order-details-value">
                                {{ $order->paymentMethod->currentDescription->title ?? "-" }}
                            </span>
                        </li>
                        <li class="flex-li">
                            <span class="order-details-head">{{ __('orders::orders.payment_status') }} :</span>
                            <span class="order-details-value">
                                {{ __("orders::orders.payment_status_$order->payment_status") }}
                            </span>
                        </li>
                        <li class="flex-li">
                            <span class="order-details-head">{{ __('orders::orders.coupon') }} :</span>
                            <span class="order-details-value">
                                {{ $order->coupon->name ?? "-" }}
                            </span>
                        </li>
                    </ul>
                </div> <!-- end of card-body -->
            </div> <!-- end of card -->

            @if($order->orderDetails?->isNotEmpty())
                <div class="card card-info w-100">
                    <div class="card-header">
                        <h3 class="card-title">
                            {{ __('orders::orders.products') }}
                        </h3>
                    </div>
                    <!-- /.card-header -->
                    <div class="card-body">

                        <table class="table table-bordered bordered-tbl half-width-tbl mt-25 text-center">
                            <thead>
                            <tr>
                                <th>
                                    {{ __('products::products.image') }}
                                </th>
                                <th>
                                    {{ __('products::products.title') }}
                                </th>
                                {{-- <th>
                                    {{ __('products::products.account_number') }}
                                </th> --}}
                                <th>
                                    {{ __('products::products.price') }}
                                </th>
                                {{-- <th>
                                    {{ __('products::products.category_id') }}
                                </th> --}}
                                <th>
                                    {{ __('products::products.quantity') }}
                                </th>
                                <th>
                                    {{ __('orders::orders.total') }}
                                </th>
                            </tr>
                            </thead>
                            <tbody>
                            @foreach($order->orderDetails as $orderDetail)
                                <tr>
                                    <td>
                                        <img src="{{ getImage($orderDetail->product->image ?? "") }}" alt=""
                                             width="100" class="img-responsive img-thumbnail">
                                    </td>
                                    <td>
                                        {{ $orderDetail->product->currentDescription->title ?? "" }}
                                    </td>
                                    {{-- <td>
                                        {{ $product->uuid ?? "" }}
                                    </td> --}}
                                    <td>
                                        {{ format_number($orderDetail->converted_amounts['price'] ?? 0) . ' ' . $order->currency_code }}
                                    </td>
                                    {{-- <td>
                                        {{ $product->category->currentDescription->name ?? "" }}
                                    </td> --}}
                                    <td>
                                        {{ $orderDetail->qty }}
                                    </td>
                                    <td>
                                        {{ format_number($orderDetail->converted_amounts['subtotal'] ?? 0) . ' ' . $order->currency_code }}
                                    </td>
                                </tr>
                            @endforeach
                            </tbody>
                        </table>

                    </div> <!-- end of card-body -->
                </div> <!-- end of card -->
            @endif

            <div class="card card-info w-100">
                <div class="card-header">
                    <h3 class="card-title">{{ __('orders::orders.invoice_details') }}</h3>
                </div>
                <!-- /.card-header -->
                <div class="card-body">

                    <table
                        class="table table-bordered bordered-tbl half-width-tbl mt-25 text-center custom-bordered table-padding">
                        <tbody>
                        <tr>
                            <td>
                                <span class="order-details-head">
                                    {{-- __('orders::orders.subtotal') --}}
                                    {{ __('orders::orders.cost') }}
                                </span>
                            </td>
                            <td>
                                <span class="order-details-value">
                                    {{ format_number($order->converted_amounts['subtotal_before_discount'] ?? 0) ." ".$order->currency_code }}
                                </span>
                            </td>
                        </tr>
                        @if($order->coupon_discount > 0)
                            <tr>
                                <td>
                                    <span class="order-details-head">
                                        {{ __('orders::orders.coupon_discount') }}
                                    </span>
                                </td>
                                <td>
                                    <span class="order-details-value">
                                        {{ format_number($order->converted_amounts['coupon_discount'] ?? 0) ." ".$order->currency_code }}
                                    </span>
                                </td>
                            </tr>
                        @endif
                        @if($order->tax_amount > 0)
                            <tr>
                                <td>
                                    <span class="order-details-head">
                                        {{ __('orders::orders.tax_amount') }}
                                    </span>
                                </td>
                                <td>
                                    <span class="order-details-value">
                                        {{ format_number($order->converted_amounts['tax_amount'] ?? 0) ." ".$order->currency_code }}
                                    </span>
                                </td>
                            </tr>
                        @endif
                        @if($order->shipping_fee > 0)
                            <tr>
                                <td>
                                    <span class="order-details-head">
                                        {{ __('settings.shipping_fee') }}
                                    </span>
                                </td>
                                <td>
                                    <span class="order-details-value">
                                        {{ format_number($order->converted_amounts['shipping_fee'] ?? 0) ." ".$order->currency_code }}
                                    </span>
                                </td>
                            </tr>
                        @endif

                        {{-- <tr>
                            <td>
                                <span class="order-details-head">
                                    {{ __('orders::orders.management_ratio') }}
                                </span>
                            </td>
                            <td>
                                <span class="order-details-value">
                                    {{ format_number($order->converted_amounts['system_commission'] ?? 0) ." ".$order->currency_code }}
                                </span>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <span class="order-details-head">
                                    {{ __('orders::orders.teacher_ratio') }}
                                </span>
                            </td>
                            <td>
                                <span class="order-details-value">
                                    {{ format_number($order->converted_amounts['teacher_commission'] ?? 0) ." ".$order->currency_code }}
                                </span>
                            </td>
                        </tr> --}}

                        <tr>
                            <td>
                                <span class="order-details-head">
                                    {{ __('orders::orders.total') }}
                                </span>
                            </td>
                            <td>
                                <span class="order-details-value">
                                    {{ format_number($order->converted_amounts['total'] ?? 0) ." ".$order->currency_code }}
                                </span>
                            </td>
                        </tr>
                        </tbody>
                    </table>
                </div> <!-- end of card-body -->
            </div> <!-- end of card -->

        </div> <!-- end of row -->

        @if(is_file(public_path('storage/'.$order->barcode_photo)))
            <div class="barcode_photo">
                <img src="{{ getImage($order->barcode_photo) }}" alt="" class="qr-img"/>
            </div>
        @endif

        <div class="text-center mt-5 col-12 d-print-none">
            <a href="{{ route('orders.export', $order->id ?? null) }}" class="btn btn-info mx-1 d-none">
                <i class="bi bi-file-earmark-excel-fill"></i>
                {{ __('general.export_excel') }}
            </a>
            @if(_is_file($order->pdf))
                <a href="{{ _asset($order->pdf) }}" target="_blank" class="btn btn-primary">
                    {{ __('orders::orders.download_invoice') }}
                </a>
            @endif
            <a href="javascript:;" class="btn btn-warning mx-1 d-none" onclick="printPage();">
                <i class="bi bi-printer"></i>
                {{ __('general.print') }}
            </a>
            {{-- <a href="{{ isRouteHas('orders.print.invoice', $order->id) }}" target="_blank"
               class="btn btn-warning mx-1">
                <i class="bi bi-printer"></i>
                {{ __('general.print') }}
            </a> --}}
        </div> <!-- end buttons container div -->

    </div> <!-- end of border-item div -->

@endsection

@push('stack_scripts')
    <script>

    </script>
@endpush

@section('inner_js')
    <!-- Editor JS files -->
    <script src="{{ asset('/assets/admin/js/lib/tinymce.min.js') }}"></script>
    <script>
        let route_prefix = "{{ url(config('lfm.prefix')) }}",
            url = "{{url('/')}}/",
            currentLanguage = "{{$lang}}",
            imagePath = "{{asset('')}}",
            inputName = null;
    </script>
    <script src="{{ asset('assets/admin/js/editor.js') }}"></script>

    {{-- get regions by country --}}
    @include('admin.partials._script')
@endsection