@extends('admin::layouts.master')

@push('styles')
    <style>
        table#attribute-table tr td a.button {
            display: none;
        }

        table#attribute-table tr:hover td a.button {
            display: inline-block;
        }
    </style>
@endpush

@section('content')
    <div class="header-container-order">
        <h1 class="h4 fw-700 mb-3">{{ translate('Return code') }}: {{ $return->return_id }}</h1>
        <a href="javascript:history.back()" class="btn btn-secondary btn-sm mb-3">Back</a>
    </div>
    <div class="row gutters-5">
        <div class="col-lg">
            <div class="card">
                <div class="card-header">
                    <h2 class="h2 fs-16 fw-600 mb-0">{{ translate('Order Return Details') }}</h2>
                </div>
                <div class="card-header">
                    <div class="flex-grow-1 row">
                        <div class="col-md mb-3">
                            <div>
                                <div class="fs-15 fw-600 mb-2">{{ translate('Customer info') }}</div>
                                <div><span class="opacity-80 mr-2 ml-0">{{ translate('Name') }}:</span>
                                    {{ $return->user->name ?? '' }}</div>
                                <div><span class="opacity-80 mr-2 ml-0">{{ translate('Email') }}:</span>
                                    {{ $return->user->email ?? '' }}</div>
                                <div><span class="opacity-80 mr-2 ml-0">{{ translate('Phone') }}:</span>
                                    {{ $return->user->phone ?? '' }}</div>
                            </div>
                        </div>
                        <div class="col-md-6 col-xl-4">
                            <table class="table table-borderless table-sm">
                                <tbody>
                                    <tr>
                                        <td class="">{{ translate('Order Code') }}:</td>
                                        <td class="text-right text-info fw-700">
                                            {{ $return->order->order_code ?? 'Not provided' }}
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="">{{ translate('Order Date') }}:</td>
                                        <td class="text-right fw-700">{{ $return->created_at->format('d.m.Y') }}</td>
                                    </tr>
                                    <tr>
                                        <td class="">{{ translate('Payment method') }}:</td>
                                        <td class="text-right fw-700">
                                            {{ strtoupper(str_replace('_', ' ', $return->order->payment_type)) }}</td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
                <div class="card-header">
                    <div class="flex-grow-1 row align-items-start">

                        <div class="col-md-3 mr-auto ml-0">
                            <div class="mb-3">
                                <label class="mb-0">{{ translate('Payment Status') }}</label>
                                <select class="form-control aiz-selectpicker" id="update_payment_status"
                                    data-minimum-results-for-search="Infinity"
                                    data-selected="{{ $return->order->payment_type }}" disabled>

                                    <option value="cod" disabled>{{ translate('COD') }} </option>
                                    <option value="razorpay" disabled>{{ translate('Razorpay') }}</option>
                                    <option value="stripe" disabled>{{ translate('Stripe') }}</option>

                                </select>
                            </div>
                            <div class="mb-3">
                                <label class="mb-0">{{ translate('Return Status') }}</label>
                                <select class="form-control aiz-selectpicker" id="update_return_status"
                                    data-minimum-results-for-search="Infinity"
                                    data-selected="{{ strtolower($return->status) }}"
                                    @if ($return->status == 'returned') disabled @endif>
                                    <option value="pending">{{ translate('Pending') }}</option>
                                    <option value="accepted">{{ translate('Accepted') }}</option>
                                    <option value="rejected">{{ translate('Rejected') }}</option>
                                    <option value="returned">{{ translate('Returned') }}</option>

                                </select>
                            </div>
                        </div>
                        <div class="col-md-auto w-md-250px">
                            @php
                                $shipping_address = json_decode($return->shipping_address);
                            @endphp
                            <h5 class="fs-14 mb-3">{{ translate('Shipping address') }}</h5>
                            <address class="">
                                {{ $return->user->name }}<br>
                                {{ optional($return->address)->address }}<br>
                                {{ $return->user->phone }}<br>
                                {{ optional($return->address)->landmark }}<br>
                                {{ $return->country->name }},
                                {{ optional($return->address)->address_type == 1 ? 'Home' : 'Office' }}
                            </address>
                        </div>
                        <div class="col-md-auto w-md-250px">
                            @php
                                $billing_address = json_decode($return->billing_address);
                            @endphp
                            <h5 class="fs-14 mb-3">{{ translate('Billing address') }}</h5>
                            <address class="">
                                {{ $return->user->name }}<br>
                                {{ optional($return->address)->address }}<br>
                                {{ $return->user->phone }}<br>
                                {{ optional($return->address)->landmark }}<br>
                                {{ $return->country->name }}
                            </address>
                        </div>
                    </div>
                </div>

                <div class="card-body">
                    <table class="aiz-table table-bordered">
                        <thead>
                            <tr class="">
                                <th class="text-center" width="5%" data-breakpoints="lg">SN</th>
                                <th width="30%">{{ translate('Product') }}</th>
                                <th class="text-center" width="20%">{{ translate('Return Reason') }}</th>
                                <th class="text-center" data-breakpoints="lg">{{ translate('Qty') }}</th>
                                <th class="text-center" data-breakpoints="lg">{{ translate('MRP') }}</th>
                                <th class="text-center" data-breakpoints="lg">{{ translate('Offer Price') }}</th>
                                @if (!empty($total_with_discount))
                                    <th class="text-center" data-breakpoints="lg">{{ translate('Discounted Total') }}</th>
                                @endif
                                <th class="text-center" data-breakpoints="lg">{{ translate('Total') }}</th>
                            </tr>
                        </thead>
                        <tbody>

                            <tr>
                                <td>1</td>
                                <td>
                                    @if ($return->orderDetails->product != null)
                                        <div class="media">
                                            <img src="{{ uploadedAsset($return->orderDetails->product->thumbnail) }}"
                                                class="size-60px mr-3">
                                            <div class="media-body">
                                                <h4 class="fs-14 fw-400">{{ $return->orderDetails->product->name }}</h4>
                                                @if ($return->orderDetails->variation)
                                                    <div>
                                                        @foreach ($return->orderDetails->variation->combinations as $combination)
                                                            <span class="mr-2">
                                                                <span
                                                                    class="opacity-50">{{ $combination->attribute->name }}</span>:
                                                                {{ $combination->attributeValue->attribute_value }}
                                                            </span>
                                                        @endforeach
                                                    </div>
                                                @endif
                                            </div>
                                        </div>
                                    @else
                                        <strong>{{ translate('Product Unavailable') }}</strong>
                                    @endif
                                </td>
                                <td class="text-center">{{ $return->return_reason }}</td>
                                <td class="text-center">{{ $return->orderDetails->quantity }}</td>
                                <td class="text-center">
                                    @if (auth('admin')->user()->country->symbol_position == 'left')
                                        {{ auth('admin')->user()->country->currency_symbol }}
                                    @endif

                                    {{ decimal_price($return->orderDetails->mrp) }}

                                    @if (auth('admin')->user()->country->symbol_position == 'right')
                                        {{ auth('admin')->user()->country->currency_symbol }}
                                    @endif
                                </td>
                                <td class="text-center">
                                    @if (auth('admin')->user()->country->symbol_position == 'left')
                                        {{ auth('admin')->user()->country->currency_symbol }}
                                    @endif
                                    {{ decimal_price($return->orderDetails->offer_price) }}

                                    @if (auth('admin')->user()->country->symbol_position == 'right')
                                        {{ auth('admin')->user()->country->currency_symbol }}
                                    @endif
                                </td>
                                @if (!empty($total_with_discount))
                                    <td class="text-center">
                                        @if (auth('admin')->user()->country->symbol_position == 'left')
                                            {{ auth('admin')->user()->country->currency_symbol }}
                                        @endif

                                        {{ decimal_price($total_with_discount) }}

                                        @if (auth('admin')->user()->country->symbol_position == 'right')
                                            {{ auth('admin')->user()->country->currency_symbol }}
                                        @endif
                                    </td>
                                @endif
                                <td class="text-center">

                                    @if (auth('admin')->user()->country->symbol_position == 'left')
                                        {{ auth('admin')->user()->country->currency_symbol }}
                                    @endif
                                    @php

                                        $priceToUse =
                                            $return->orderDetails->offer_price == 0 ||
                                            $return->orderDetails->offer_price === null
                                                ? $return->orderDetails->mrp
                                                : $return->orderDetails->offer_price;

                                    @endphp
                                    {{ decimal_price($return->orderDetails->quantity * $priceToUse) }}

                                    @if (auth('admin')->user()->country->symbol_position == 'right')
                                        {{ auth('admin')->user()->country->currency_symbol }}
                                    @endif
                                </td>
                            </tr>

                        </tbody>
                    </table>
                    <div class="row">
                        <div class="col-xl-4 col-md-6 ml-auto mr-0">
                            <table class="table">
                                <tbody>
                                    <tr>
                                        <td><strong class="">{{ translate('Total Amount') }} :</strong></td>
                                        <td>

                                            @if (auth('admin')->user()->country->symbol_position == 'left')
                                                {{ auth('admin')->user()->country->currency_symbol }}
                                            @endif

                                            {{ decimal_price($return->return_amount) }}

                                            @if (auth('admin')->user()->country->symbol_position == 'right')
                                                {{ auth('admin')->user()->country->currency_symbol }}
                                            @endif
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <strong class=""> {{ translate('Coupon Discount') }}
                                                ({{ $return->order->discount_percentage }}%) :</strong>
                                        </td>
                                        <td>
                                            @if (auth('admin')->user()->country->symbol_position == 'left')
                                                {{ auth('admin')->user()->country->currency_symbol }}
                                            @endif

                                            {{ decimal_price($return->coupon_amount) }}
                                            @if (auth('admin')->user()->country->symbol_position == 'right')
                                                {{ auth('admin')->user()->country->currency_symbol }}
                                            @endif
                                        </td>
                                    </tr>
                                    <tr>
                                        <td><strong class="">{{ translate('Grand Total') }} :</strong></td>
                                        <td class=" h4">

                                            @if (auth('admin')->user()->country->symbol_position == 'left')
                                                {{ auth('admin')->user()->country->currency_symbol }}
                                            @endif

                                            {{ decimal_price($return->grand_total) }}

                                            @if (auth('admin')->user()->country->symbol_position == 'right')
                                                {{ auth('admin')->user()->country->currency_symbol }}
                                            @endif
                                        </td>
                                    </tr>

                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>


        </div>
        <div class="col col-lg-auto w-lg-300px">
            <div class="card">
                <div class="card-header">
                    <h3 class="fs-16 mb-0">{{ translate('Comments') }}</h3>
                </div>
                <div class="card-body">
                    <form action="{{ route('admin.orders.returns.comments') }}" method="POST">
                        @csrf
                        <input type="hidden" name="order_id" value="{{ $return->order_id }}">
                        <input type="hidden" name="id" value="{{ $return->id }}">
                        <div class="form-group mb-1">
                            <textarea type="text" class="form-control form-control-sm" name="comments" rows="8" required> {{ $return->comments }}</textarea>
                        </div>
                        <div class="text-right">
                            <button class="btn btn-sm btn-primary" type="submit">{{ translate('Save') }}</button>
                        </div>
                    </form>
                </div>
            </div>
            <div class="card">
                <div class="card-header">
                    <h3 class="fs-16 mb-0">{{ translate('Return Log') }}</h3>
                </div>
                <div class="card-body">
                    @foreach ($return->returnLogs as $returnLog)
                        <div class="mb-3">
                            <div class="p-2 bg-soft-secondary rounded">
                                {{ $returnLog->translatable_note ? translate($returnLog->note) : $returnLog->note }}
                            </div>
                            @isset($returnLog->user_id)
                                <span
                                    class="fs-12 opacity-60">{{ translate('by') . ' ' . ($returnLog->user->name ?? translate('Deleted user')) . ' at ' . $returnLog->created_at->format('h:ia, d-m-Y') }}</span>
                            @endisset

                            @isset($returnLog->admin_id)
                                <span
                                    class="fs-12 opacity-60">{{ translate('by') . ' ' . ($returnLog->admin->name ?? translate('Deleted user')) . ' at ' . $returnLog->created_at->format('h:ia, d-m-Y') }}</span>
                            @endisset

                        </div>
                    @endforeach
                </div>
            </div>
        </div>
    </div>
@endsection


@section('modal')
    @include('admin::modals.delete_modal')
    @include('admin::modals.confirm_modal')
    @include('orders::modals.update_return_status_modal')
@endsection

@section('script')
    @include('tax::scripts.index_scripts')

    <script type="text/javascript">
        $('#update_return_status').on('change', function() {

            $("#update-return-modal").modal("show");

            $("#update-return-confirm").on('click', function() {
                var return_id = {{ $return->id }};
                var status = $('#update_return_status').val();
                $.post('{{ route('admin.orders.returns.status') }}', {
                    _token: '{{ @csrf_token() }}',
                    return_id: return_id,
                    status: status
                }, function(data) {
                    if (data.status == "success") {
                        AIZ.plugins.notify('success', data.msg);
                        setTimeout(function() {
                            location.reload(true);
                        }, 500)

                    } else {
                        AIZ.plugins.notify('danger', data.msg);
                        setTimeout(function() {
                            location.reload(true);
                        }, 3000);
                    }
                });

            });
        });
    </script>
@endsection