@extends('backend.layouts.app')
@section('head')

    <link rel="stylesheet" href="{{asset('assets/css/datatable.css')}}">

@endsection
@section('content')

<!-- Basic Data Tables -->
<!--===================================================-->
<div class="card">
    <div class="card-header">
        <h5 class="mb-0 h6">{{translate('Refund Request All')}}</h5>
    </div>
    <div class="card-body">

        <div class="row">
            {{--                {!!  \App\Services\SelectService::multi_select_2_status('status',$status,trans('cp.datatable.status')) !!}--}}
            {!!  \App\Services\SelectService::multi_select_2('users',$users,trans('User')) !!}
            {!!  \App\Services\SelectService::select_featured('refund_status',translate('Refund Status'))!!}
        </div>
        <div class="row">
            {!! \App\Services\ButtonService::apply_filter_button() !!}
        </div>

        <table id="datatable" class="table table-striped w-100">
            <thead>

            <th style="text-align: center">
                <input type="checkbox" id="select_all"/></th>
            <th class="text-left">#</th>
            <th class="text-left">{{translate('Code')}}</th>
            <th class="text-left">{{translate('Seller Name')}}</th>
            <th class="text-left">{{translate('Product')}}</th>
            <th class="text-left">{{translate('price')}}</th>
            <th class="text-left">{{translate('Seller Approval')}}</th>
            <th class="text-left">{{translate('Refund Status')}}</th>
            <th class="text-left">{{translate('created at')}}</th>
            <th class="text-left">{{translate('updated at')}}</th>
            <th class="text-left w-150px">{{translate('actions')}}</th>

            </thead>
            <tbody>

            </tbody>
        </table>
    </div>
</div>
@endsection


{{--<td class="text-right">--}}
{{--    @can('accept_refund_request')--}}
{{--        <a class="btn btn-soft-success btn-icon btn-circle btn-sm" onclick="refund_request_money('{{ $refund->id }}')" title="{{ translate('Refund Now') }}">--}}
{{--            <i class="las la-backward"></i>--}}
{{--        </a>--}}
{{--    @endcan--}}
{{--    @can('reject_refund_request')--}}
{{--        <a class="btn btn-soft-danger btn-icon btn-circle btn-sm" onclick="reject_refund_request('{{ route('reject_reason_show', $refund->id )}}', '{{$refund->id}}', '{{ optional($refund->order)->code }}')"  title="{{ translate('Reject Refund Request') }}">--}}
{{--            <i class="las la-trash"></i>--}}
{{--        </a>--}}
{{--    @endcan--}}
{{--    <a href="{{ route('reason_show', $refund->id) }}" class="btn btn-soft-primary btn-icon btn-circle btn-sm" title="{{ translate('View Reason') }}">--}}
{{--        <i class="las la-eye"></i>--}}
{{--    </a>--}}
{{--</td>--}}
@section('modal')
    <div class="modal fade reject_refund_request" id="modal-basic">
    	<div class="modal-dialog">
    		<div class="modal-content">
                <form class="form-horizontal member-block" action="{{ route('reject_refund_request')}}" method="POST">
                    @csrf
                    <input type="hidden" name="refund_id" id="refund_id" value="">
                    <div class="modal-header">
                        <h5 class="modal-title h6">{{translate('Reject Refund Request !')}}</h5>
                        <button type="button" class="close" data-dismiss="modal"></button>
                    </div>
                    <div class="modal-body">
                        <div class="form-group row">
                            <label class="col-md-3 col-form-label">{{translate('Order Code')}}</label>
                            <div class="col-md-9">
                            <input type="text" value="" id="order_id" class="form-control" disabled>
                            </div>
                        </div>
                        <div class="form-group row">
                            <label class="col-md-3 col-form-label">{{translate('Reject Reason')}}</label>
                            <div class="col-md-9">
                                <textarea type="text" name="reject_reason" id="reject_reason" rows="5" class="form-control" placeholder="{{translate('Reject Reason')}}" required></textarea>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-light" data-dismiss="modal">{{translate('Close')}}</button>
                        <button type="submit" class="btn btn-success">{{translate('Submit')}}</button>
                    </div>
                </form>
            </div>
    	</div>
    </div>

    <div class="modal fade approve_refund_request" id="modal-basic">
    	<div class="modal-dialog">
    		<div class="modal-content">
                <form class="form-horizontal member-block" action="{{ route('refund_request_money_by_admin')}}" method="POST">
                    @csrf
                    <input type="hidden" name="refund_id" id="approve_refund_id" value="">
                    <div class="modal-header">
                        <h5 class="modal-title h6">{{translate('Approve Refund Request !')}}</h5>
                        <button type="button" class="close" data-dismiss="modal"></button>
                    </div>
                    <div class="modal-body">
                        <p class="text-center">{{translate('Do you want to approve this refund request?')}}</p>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-light" data-dismiss="modal">{{translate('Close')}}</button>
                        <button type="submit" class="btn btn-success">{{translate('Approve')}}</button>
                    </div>
                </form>
            </div>
    	</div>
    </div>

@endsection

@section('script')

    <script src="{{asset('assets/js/datatable.js')}}"></script>

    <script src="//cdn.jsdelivr.net/npm/sweetalert2@11"></script>
    {!! $datatable_script !!}
    {!! $switch_script !!}
    <script type="text/javascript">
        function update_refund_approval(el){
            $.post('{{ route('vendor_refund_approval') }}',{_token:'{{ @csrf_token() }}', el:el}, function(data){
                if (data == 1) {
                    AIZ.plugins.notify('success', '{{ translate('Approval has been done successfully') }}');
                }
                else {
                    AIZ.plugins.notify('danger', '{{ translate('Something went wrong') }}');
                }
            });
        }

        function refund_request_money(refund_id){
            $('.approve_refund_request').modal('show');
            $('#approve_refund_id').val(refund_id);
        }

        function reject_refund_request(url, id, order_id){
          $.get(url, function(data){
              $('.reject_refund_request').modal('show');
              $('#refund_id').val(id);
              $('#order_id').val(order_id);
              $('#reject_reason').html(data);
          });
         }
    </script>
@endsection