@extends('admin.layouts.app')
@section('panel')
    <div class="d-flex flex-wrap justify-content-end mb-3">
        <form action="">
            <div class="d-inline">
                <div class="input-group justify-content-end">
                    <input type="text" name="search" value="{{ request()->search }}" class="form-control bg--white"
                        placeholder="@lang('Search order number,product title')...">
                    <button class="btn btn--primary input-group-text"><i class="fa fa-search"></i></button>
                </div>
            </div>
        </form>
    </div>
    @include('admin.components.tabs.order')
    <div class="row">
        <div class="col-lg-12">
            <div class="card b-radius--10 ">
                <div class="card-body p-0">
                    <div class="table-responsive--sm table-responsive">
                        <table class="table table--light style--two custom-data-table">
                            <thead>
                                <tr>
                                    <th>@lang('Order No')</th>
                                    <th>@lang('User')</th>
                                    <th>@lang('Price')</th>
                                    <th>@lang('Refund')</th>
                                    <th>@lang('Status')</th>
                                    <th>@lang('Time')</th>
                                    <th>@lang('Action')</th>
                                </tr>
                            </thead>
                            <tbody>
                                @forelse($orders as $order)
                                    <tr>
                                        <td><strong>#{{__($order->order_number)}}</strong></td>
                                        <td>{{$order->user?->username}}</td>
                                        <td>{{$general->cur_sym}}{{showAmount($order->price)}}<br>({{$order->license_type}})
                                        </td>
                                        <td data-label="Refund">

                                            @if($order->is_refund == 0)
                                                <span class="badge badge--success">@lang('No')</span>
                                            @elseif($order->is_refund == 1)
                                                <span class="badge badge--warning">@lang('Pending')</span>
                                            @elseif($order->is_refund == 2)
                                                <span class="badge badge--warning">@lang('Refunded')</span>
                                                <br>
                                                <span>{{$order->percent_refunded}}%</span>
                                            @elseif($order->is_refund == 3)
                                                <span class="badge badge--danger">@lang('Declined')</span>
                                            @endif

                                        </td>
                                        
                                        <td>@php echo $order->statusBadge($order->status) @endphp</td>
                                        <td>{{ showDateTime($order->created_at)}}</td>
                                        <td>
                                            <a href="{{route('admin.orders.details', $order->id)}}"
                                                class="btn btn-sm btn--primary ms-1"> <i class="la la-eye"></i> </a>
                                            @if($order->is_refund != 0 && $order->is_refund != 2 && $order->is_refund != 3 )
                                                <button type="button" class="btn btn-sm btn-outline--primary editModalBtn"
                                                    title="@lang('Refund')" data-id="{{$order->id}}">
                                                    <i class="fas fa-undo"></i>
                                                </button>
                                            @endif
                                        </td>
                                    </tr>
                                @empty
                                    <tr>
                                        <td class="text-muted text-center" colspan="100%">{{__($emptyMessage) }}</td>
                                    </tr>
                                @endforelse
                            </tbody>
                        </table><!-- table end -->
                    </div>
                </div>
                @if ($orders->hasPages())
                    <div class="card-footer py-4">
                        @php echo paginateLinks($orders) @endphp
                    </div>
                @endif
            </div><!-- card end -->
        </div>
    </div>

    <div class="modal fade" id="editCategoryModal" tabindex="-1" role="dialog" aria-labelledby="editModalLabel"
        aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title" id="editModalLabel">@lang('Refund Request')</h4>
                    <button type="button" class="close btn btn--danger" data-bs-dismiss="modal" aria-label="Close"><i
                            class="las la-times"></i>
                    </button>
                </div>
                <form action="{{route('admin.orders.refund.submit')}}" method="post" enctype="multipart/form-data">
                    @csrf
                    <input type="hidden" name="id">
                    <div class="modal-body">
                        <div class="row">
                            <div class="col-lg-12">
                                <div class="form-group mt-2">
                                    <label for="refund">@lang('Refund')</label>
                                    <select id="refund" name="refund" class="form-control">
                                        <option>@lang('Select Option')</option>
                                        <option value="decline">@lang('Decline')</option>
                                        <option value="25">@lang('25%')</option>
                                        <option value="50">@lang('50%')</option>
                                        <option value="75">@lang('75%')</option>
                                        <option value="100">@lang('100%')</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="submit" class="btn btn--primary">@lang('Submit')</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
@endsection


@push('script')
    <script>
        (function ($) {
            "use strict";

            $('.editModalBtn').on('click', function () {
                var modal = $('#editCategoryModal');
                var id = $(this).data('id');
                modal.find('input[name=id]').val(id);
                modal.modal('show');
            });

        })(jQuery);

    </script>
@endpush