@extends('layouts.back-end.app')

@section('title',\App\CPU\translate('refund_transactions'))

@section('content')
    <div class="content container-fluid ">
        <!-- Page Title -->
        <div class="mb-3">
            <h2 class="h1 mb-0 text-capitalize d-flex align-items-center gap-2">
                <img width="20" src="{{asset('/public/assets/back-end/img/order_report.png')}}" alt="">
                {{ \App\CPU\translate('transaction_report')}}
            </h2>
        </div>
        <!-- End Page Title -->

        <!-- Inlile Menu -->
        @include('admin-views.report.transaction-report-inline-menu')
        <!-- End Inlile Menu -->

        <div class="card">
            <div class="card-header border-0 px-3 py-4">
                <div class="w-100 d-flex flex-wrap gap-3 align-items-center">
                    <h4 class="mb-0 mr-auto">
                        {{ \App\CPU\translate('total_transaction')}}
                        <span class="badge badge-soft-dark radius-50 fz-14">{{$refund_transactions->total()}}</span>
                    </h4>
                    <form action="{{ url()->current() }}" method="GET" class="mb-0">
                        <!-- Search -->
                        <div class="input-group input-group-merge input-group-custom">
                            <div class="input-group-prepend">
                                <div class="input-group-text">
                                    <i class="tio-search"></i>
                                </div>
                            </div>
                            <input id="datatableSearch_" type="search" name="search" class="form-control"
                                   placeholder="{{ \App\CPU\translate('Search by orders id _or_refund_id')}}" aria-label="Search orders"
                                   value="{{ $search }}">
                            <button type="submit" class="btn btn--primary">{{ \App\CPU\translate('search')}}</button>
                        </div>
                        <!-- End Search -->
                    </form>
                    <form action="#" id="form-data" method="GET">
                        <div class="d-flex flex-wrap gap-2 align-items-center">
                            <select class="form-control __form-control w-auto" name="payment_method" id="payment_method">
                                <option value="all" {{ $payment_method=='all' ? 'selected': '' }}>{{\App\CPU\translate('all')}}</option>
                                <option value="cash" {{ $payment_method=='cash' ? 'selected': '' }}>{{\App\CPU\translate('cash')}}</option>
                                <option value="digitally_paid" {{ $payment_method=='digitally_paid' ? 'selected': '' }}>{{\App\CPU\translate('digitally_paid')}}</option>
                                <option value="customer_wallet" {{ $payment_method=='customer_wallet' ? 'selected': '' }}>{{\App\CPU\translate('customer_wallet')}}</option>
                            </select>
                            <button type="submit" class="btn btn--primary px-4 min-w-120 __h-45px" onclick="formUrlChange(this)"
                                    data-action="{{ url()->current() }}">
                                {{\App\CPU\translate('filter')}}
                            </button>
                            <div>
                                <button type="button" class="btn btn-outline--primary text-nowrap btn-block"
                                        data-toggle="dropdown">
                                    <i class="tio-download-to"></i>
                                    {{\App\CPU\translate('Export')}}
                                    <i class="tio-chevron-down"></i>
                                </button>
                                <ul class="dropdown-menu dropdown-menu-right">
                                    <li>
                                        <a class="dropdown-item"
                                           href="{{ route('admin.transaction.refund-transaction-export-excel', ['payment_method'=>$payment_method, 'search'=>$search]) }}"  >{{\App\CPU\translate('Excel')}}</a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </form>
                </div>
            </div>

            <div class="table-responsive">
                <table id="datatable"
                       style="text-align: {{Session::get('direction') === "rtl" ? 'right' : 'left'}};"
                       class="table table-hover table-borderless table-thead-bordered table-nowrap table-align-middle card-table w-100 __table-refund">
                    <thead class="thead-light thead-50 text-capitalize">
                    <tr>
                        <th>{{\App\CPU\translate('SL')}}</th>
                        <th>{{\App\CPU\translate('product')}}</th>
                        <th>{{\App\CPU\translate('refund_id')}}</th>
                        <th>{{\App\CPU\translate('order_id')}}</th>
                        <th>{{\App\CPU\translate('shop_name')}}</th>
                        <th>{{ \App\CPU\translate('payment_method') }}</th>
                        <th>{{\App\CPU\translate('payment_status')}}</th>
                        <th>{{\App\CPU\translate('paid_by')}}</th>
                        <th>{{\App\CPU\translate('amount')}}</th>
                        <th class="text-center">{{\App\CPU\translate('transaction_type')}}</th>
                    </tr>
                    </thead>
                    <tbody>
                    @foreach ($refund_transactions as $key=>$refund_transaction)
                        <tr class="text-capitalize">
                            <td>
                                {{$refund_transactions->firstItem()+$key}}
                            </td>
                            <td>
                                @if($refund_transaction->order_details->product)
                                    <a href="{{route('admin.product.view',[$refund_transaction->order_details->product->id])}}" class="media align-items-center gap-2">
                                        <img src="{{ \App\CPU\ProductManager::product_image_path('thumbnail')}}/{{$refund_transaction->order_details->product->thumbnail }}" class="avatar border" alt="">
                                        <span class="media-body title-color hover-c1">
                                            {{ isset($refund_transaction->order_details->product->name) ? \Illuminate\Support\Str::limit($refund_transaction->order_details->product->name, 20) : '' }}
                                        </span>
                                    </a>
                                @else
                                    <span>{{\App\CPU\translate('not_found')}}</span>
                                @endif
                            </td>
                            <td class="text-center">
                                @if ($refund_transaction->refund_id)
                                    <a href="{{route('admin.refund-section.refund.details',['id'=>$refund_transaction['refund_id']])}}" class="title-color hover-c1">
                                        {{$refund_transaction->refund_id}}
                                    </a>
                                @else
                                    <span>{{\App\CPU\translate('not_found')}}</span>
                                @endif
                            </td>
                            <td>
                                <a href="{{route('admin.orders.details',['id'=>$refund_transaction->order_id])}}" class="title-color hover-c1">
                                    {{$refund_transaction->order_id}}
                                </a>
                            </td>
                            <td>
                                @if($refund_transaction->order->seller_is == 'seller' && $refund_transaction->order->seller)
                                    {{ $refund_transaction->order->seller->shop->name }}
                                @else
                                    {{\App\CPU\translate('inhouse')}}
                                @endif
                            </td>

                            <td>
                                {{\App\CPU\translate(str_replace('_',' ',$refund_transaction->payment_method))}}
                            </td>
                            <td>
                                {{\App\CPU\translate(str_replace('_',' ',$refund_transaction->payment_status))}}
                            </td>
                            <td>
                                {{\App\CPU\translate($refund_transaction->paid_by)}}
                            </td>
                            <td>
                                {{\App\CPU\Helpers::currency_converter($refund_transaction->amount)}}
                            </td>
                            <td class="text-center">
                                {{\App\CPU\translate($refund_transaction->transaction_type == 'Refund' ? 'refunded' : str_replace('_',' ',$refund_transaction->transaction_type))}}
                            </td>
                        </tr>
                    @endforeach
                    </tbody>
                </table>
                @if(count($refund_transactions)==0)
                    <div class="text-center p-4">
                        <img class="mb-3 w-160" src="{{asset('public/assets/back-end')}}/svg/illustrations/sorry.svg"
                             alt="Image Description">
                        <p class="mb-0">{{ \App\CPU\translate('No_data_to_show')}}</p>
                    </div>
                @endif
            </div>

            <div class="table-responsive mt-4">
                <div class="px-4 d-flex justify-content-lg-end">
                    <!-- Pagination -->
                    {{$refund_transactions->links()}}
                </div>
            </div>
        </div>
    </div>
@endsection