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

@section('page_title')
    {{ __('admin::app.sales.refunds.add-title') }}
@stop

@section('content-wrapper')
    <div class="content full-page">
        <form method="POST" action="{{ route('admin.sales.refunds.store', $order->id) }}" @submit.prevent="onSubmit">
            @csrf()

            <div class="page-header">
                <div class="page-title">
                    <h1>
                        <i class="icon angle-left-icon back-link" onclick="history.length > 1 ? history.go(-1) : window.location = '{{ url('/admin/dashboard') }}';"></i>

                        {{ __('admin::app.sales.refunds.add-title') }}
                    </h1>
                </div>

                <div class="page-action">
                    <button type="submit" class="btn btn-lg btn-primary">
                        {{ __('admin::app.sales.refunds.add-title') }}
                    </button>
                </div>
            </div>

            <div class="page-content">
                <div class="sale-container">
                    <accordian :title="'{{ __('admin::app.sales.orders.products-ordered') }}'" :active="true">
                        <div slot="body">
                            <div class="control-group" :class="[errors.has('refund_id') ? 'has-error' : '']">
                                <label>{{__('Refund Id')}}</label>
                                <input type="text" v-validate="'required'" class="control"
                                       id="refund_id" name="refund_id"
                                       data-vv-as="&quot;{{ __('Refund Id') }}&quot;"/>

                                <span class="control-error" v-if="errors.has('refund_id')">
                                    @verbatim{{ errors.first('refund_id') }}@endverbatim
                                </span>
                            </div>
                            <div class="control-group" :class="[errors.has('refund_amount') ? 'has-error' : '']">
                                <label>{{__('Refund Amount')}}</label>
                                <input type="text" v-validate="'required|numeric|min_value:1|max_value:{{$order->base_grand_total}}'" class="control"
                                       id="refund_amount" name="refund_amount"
                                       data-vv-as="&quot;{{ __('Refund Amount') }}&quot;"/>

                                <span class="control-error" v-if="errors.has('refund_amount')">
                                    @verbatim{{ errors.first('refund_amount') }}@endverbatim
                                </span>
                            </div>
                            <div class="control-group" :class="[errors.has('cancellation_amount') ? 'has-error' : '']">
                                <label>{{__('Cancellation Amount')}}</label>
                                <input type="text" v-validate="'required|numeric|min_value:0|max_value:{{$order->base_grand_total}}'" class="control"
                                       id="cancellation_amount" name="cancellation_amount"
                                       data-vv-as="&quot;{{ __('Cancellation Amount') }}&quot;"/>

                                <span class="control-error" v-if="errors.has('cancellation_amount')">
                                    @verbatim{{ errors.first('cancellation_amount') }}@endverbatim
                                </span>
                            </div>
                            <div class="table">
                                <table>
                                    <thead>
                                    <tr>
                                        <th>{{ __('admin::app.sales.orders.SKU') }}</th>
                                        <th>{{ __('admin::app.sales.orders.product-name') }}</th>
                                        <th>{{ __('admin::app.sales.orders.price') }}</th>
                                        <th>{{ __('admin::app.sales.orders.item-status') }}</th>
                                        <th>{{ __('admin::app.sales.orders.subtotal') }}</th>
                                        <th>{{ __('admin::app.sales.orders.tax-percent') }}</th>
                                        <th>{{ __('admin::app.sales.orders.tax-amount') }}</th>
                                        @if ($order->base_discount_amount > 0)
                                            <th>{{ __('admin::app.sales.orders.discount-amount') }}</th>
                                        @endif
                                        <th>{{ __('admin::app.sales.orders.grand-total') }}</th>
                                    </tr>
                                    </thead>

                                    <tbody>
                                    @foreach ($order->items as $item)
                                        <tr>
                                            <td>{{ $item->type == 'configurable' ? $item->child->sku : $item->sku }}</td>

                                            <td>
                                                {{ $item->name }}

                                                @if (isset($item->additional['attributes']))
                                                    <div class="item-options">

                                                        @foreach ($item->additional['attributes'] as $attribute)
                                                            <b>{{ $attribute['attribute_name'] }} : </b>{{ $attribute['option_label'] }}</br>
                                                        @endforeach

                                                    </div>
                                                @endif
                                            </td>
                                            <td>{{ core()->currency($item->base_price) }}</td>

                                            <td>
                                                <span class="qty-row">
                                                    {{ $item->qty_ordered ? __('admin::app.sales.orders.item-ordered', ['qty_ordered' => $item->qty_ordered]) : '' }}
                                                </span>
                                                <span class="qty-row">
                                                    {{ $item->qty_invoiced ? __('admin::app.sales.orders.item-invoice', ['qty_invoiced' => $item->qty_invoiced]) : '' }}
                                                </span>
                                                <span class="qty-row">
                                                    {{ $item->qty_shipped ? __('admin::app.sales.orders.item-shipped', ['qty_shipped' => $item->qty_shipped]) : '' }}
                                                </span>
                                                <span class="qty-row">
                                                    {{ $item->qty_refunded ? __('admin::app.sales.orders.item-refunded', ['qty_refunded' => $item->qty_refunded]) : '' }}
                                                </span>
                                                <span class="qty-row">
                                                    {{ $item->qty_canceled ? __('admin::app.sales.orders.item-canceled', ['qty_canceled' => $item->qty_canceled]) : '' }}
                                                </span>
                                            </td>

                                            <td>{{ core()->currency($item->base_total) }}</td>
                                            <td>{{ round($item->tax_percent, 2) }}%</td>
                                            <td>{{ core()->currency($item->base_tax_amount) }}</td>
                                            @if ($order->base_discount_amount > 0)
                                                <td>{{ core()->currency($item->base_discount_amount) }}</td>
                                            @endif
                                            <td>{{ core()->currency($item->base_total)}}</td>
                                        </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                            <table class="sale-summary">
                                <tr>
                                    <td>{{ __('admin::app.sales.orders.subtotal') }}</td>
                                    <td>-</td>
                                    <td>{{ core()->currency($order->base_sub_total) }}</td>
                                </tr>

                                <tr>
                                    <td>{{ __('admin::app.sales.orders.shipping-handling') }}</td>
                                    <td>-</td>
                                    <td>{{ core()->currency($order->base_shipping_amount) }}</td>
                                </tr>

                                @if ($order->base_discount_amount > 0)
                                    <tr>
                                        <td>{{ __('admin::app.sales.orders.discount') }}</td>
                                        <td>-</td>
                                        <td>-{{ core()->currency($order->base_discount_amount) }}</td>
                                    </tr>
                                @endif

                                <tr class="border">
                                    <td>{{ __('admin::app.sales.orders.tax') }}</td>
                                    <td>-</td>
                                    <td>{{ core()->currency($order->base_tax_amount) }}</td>
                                </tr>

                                <tr class="bold">
                                    <td>{{ __('admin::app.sales.orders.grand-total') }}</td>
                                    <td>-</td>
                                    <td>{{ core()->currency($order->base_grand_total) }}</td>
                                </tr>

                                <tr class="bold">
                                    <td>{{ __('admin::app.sales.orders.total-paid') }}</td>
                                    <td>-</td>
                                    <td>{{ core()->currency($order->base_paid_amount) }}</td>
                                </tr>

                                <tr class="bold">
                                    <td>{{ __('admin::app.sales.orders.total-refunded') }}</td>
                                    <td>-</td>
                                    <td>{{ core()->currency($order->base_grand_total_refunded) }}</td>
                                </tr>

                                <tr class="bold">
                                    <td>{{ __('admin::app.sales.orders.total-due') }}</td>
                                    <td>-</td>
                                    <td>{{ core()->currency($order->base_balance_amount) }}</td>
                                </tr>
                            </table>
                        </div>
                    </accordian>
                </div>
            </div>
        </form>
    </div>
@stop