@extends('layouts.app')
@section('content')
    @include('includes.bread_crumb_with_header', [
      'header' => 'Wallets',
      'bread_crumbs' => ['Home' => "", 'Sellers' => ''],
  ])
    <div class="card mb-5 mb-xl-6 mx-8 ">
        <div class="card shadow-sm">
            <div class="card-header collapsible cursor-pointer rotate" data-bs-toggle="collapse"
                data-bs-target="#kt_docs_card_collapsible">
                <h3 class="card-title">Bank Transfers</h3>
                <div class="card-toolbar rotate-180">
                    <span class="svg-icon svg-icon-1">

                    </span>
                </div>
            </div>
            <div id="kt_docs_card_collapsible" class="collapse show">
                <div class="card-body">
                    <!--begin::Table-->
                    <table id="wallet_datatable" class="table table-striped table-row-bordered gy-5 gs-7">
                        <thead>
                            <tr class="fw-semibold fs-6 text-gray-400 text-center">
                                <th>Seller Name</th>
                                <th>Seller Email</th>
                                <th>Last Recharge Date</th>
                                <th>Ref No</th>
                                <th>Amount</th>
                                <th>Approve Credit</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($bank_payments as $bankPayment)
                                @if (!empty($bankPayment->walletlog))
                                    @if ($bankPayment->walletlog->status == 1)
                                        <tr>
                                            <td>{{ $bankPayment->walletlog->wallet->user->name }}</td>
                                            <td>{{ $bankPayment->walletlog->wallet->user->email }}</td>
                                            <td>{{ $bankPayment->created_at->format('Y-m-d') }}</td>
                                            <td>

                                                {{ $bankPayment->extra }} (<span role="button" class="text-muted fw-semibold text-muted fs-7 ref-number text-hover-primary cp-ref">{{$bankPayment->reference}}</span>)
                                                <span class="cp d-none bg-success badge">copied!</span>

                                                {{-- <a class="btn text-muted click-to-copy">
                                                    <i class="bi bi-back"></i> copy
                                                </a> --}}
                                            </td>
                                            <td>{{ $bankPayment->amount }} <small class="text-muted">GBP</small></td>
                                            <td>
                                                <a data-id="{{ $bankPayment->walletlog->id }}" data-status="0"
                                                    class="btn btn-primary btn-sm me-1 seller-wallet-approve-model">
                                                    Approve
                                                </a>
                                                <a data-id="{{ $bankPayment->walletlog->id }}" data-status="2"
                                                    class="btn btn-danger btn-sm me-1 seller-wallet-approve-model">
                                                    Reject
                                                </a>
                                            </td>
                                        </tr>
                                    @endif
                                @endif
                            @endforeach
                        </tbody>
                    </table>
                    <!--end::Table-->
                </div>
            </div>
        </div>
    </div>

    <div class="card mb-5 mb-xl-6 mx-8 ">
        <div class="card shadow-sm">
            <div class="card-header cursor-pointer rotate">
                <h3 class="card-title">Wallets</h3>
                <div class="card-toolbar rotate-180">
                    <span class="svg-icon svg-icon-1">

                    </span>
                </div>
            </div>
            <div class="collapse show">
                <div class="card-body">
                    <!--begin::Table-->
                    <table id="wallet_datatable" class="table table-striped table-row-bordered gy-5 gs-7">
                        <thead>
                            <tr class="fw-semibold fs-6 text-gray-400">
                                <th>Wallet Id</th>
                                <th>Seller Name</th>
                                <th>Last Recharge Date</th>
                                <th>Total Credit</th>
{{--                                <th class="text-end">Actions</th>--}}
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($wallets as $wallet)
                                <tr>
                                    <td class="seller-id text-hover-info">{{ $wallet->id }}
                                    </td>
                                    <td class="seller-slider">{{ $wallet->user->name ?? '' }}</td>
                                    <td>{{ !empty($wallet->user->payment->date) ? $wallet->user->payment->date : '' }}</td>
                                    <td>{{ $wallet->amount }}</td>
{{--                                    <!--begin::Action=-->--}}
{{--                                    <td class="text-end">--}}
{{--                                        <a href="#" class="btn btn-sm btn-light btn-active-light-primary"--}}
{{--                                            data-kt-menu-trigger="click" data-kt-menu-placement="bottom-end">Actions--}}
{{--                                            <!--begin::Svg Icon | path: icons/duotune/arrows/arr072.svg-->--}}
{{--                                            <span class="svg-icon svg-icon-5 m-0">--}}
{{--                                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"--}}
{{--                                                    xmlns="http://www.w3.org/2000/svg">--}}
{{--                                                    <path--}}
{{--                                                        d="M11.4343 12.7344L7.25 8.55005C6.83579 8.13583 6.16421 8.13584 5.75 8.55005C5.33579 8.96426 5.33579 9.63583 5.75 10.05L11.2929 15.5929C11.6834 15.9835 12.3166 15.9835 12.7071 15.5929L18.25 10.05C18.6642 9.63584 18.6642 8.96426 18.25 8.55005C17.8358 8.13584 17.1642 8.13584 16.75 8.55005L12.5657 12.7344C12.2533 13.0468 11.7467 13.0468 11.4343 12.7344Z"--}}
{{--                                                        fill="currentColor"></path>--}}
{{--                                                </svg>--}}
{{--                                            </span>--}}
{{--                                            <!--end::Svg Icon-->--}}
{{--                                        </a>--}}
{{--                                        <!--begin::Menu-->--}}
{{--                                        <div class="menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-600 menu-state-bg-light-primary fw-semibold fs-7 w-150px py-4"--}}
{{--                                            data-kt-menu="true">--}}
{{--                                            <div class="menu-item px-3 dispatch">--}}
{{--                                                <a class="menu-link px-3 product-edit d-flex gap-5">--}}

{{--                                                    <i class="bi bi-gift"></i>--}}

{{--                                                    Gift Credits</a>--}}
{{--                                            </div>--}}

{{--                                        </div>--}}
{{--                                        <!--end::Menu-->--}}
{{--                                    </td>--}}
{{--                                    <!--end::Action=-->--}}
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                    <!--end::Table-->
                </div>
            </div>
        </div>
    </div>
@endsection
@push('script')
    <script>
        $(document).on('click', '.seller-wallet-gift-model', function() {

            $('.custom-modal-size').addClass('mw-400px').removeClass('mw-650px');
            loadFormModal("#", "method", "Gift Credit", "", "Gift Credit", "submitButtonClass",
                `  <!--begin::Input group-->
                    <div class="row g-9 mb-8 ">
                        <!--begin::Col-->
                        <div class="col-md-6 fv-row">
                            <label class="fs-6 fw-semibold mb-2">ID</label>
                            <input type="text" class="form-control form-control-solid" placeholder="DXN-0000" name="id" disabled="disabled" />
                        </div>
                        <!--end::Col-->
                        <!--begin::Col-->
                        <div class="col-md-6 fv-row">
                            <label class="fs-6 fw-semibold mb-2">Name</label>
                            <input type="text" class="form-control form-control-solid" placeholder="XXXXXXXXX" name="name" disabled="disabled" />
                        </div>
                        <!--end::Col-->
                    </div>
                <!--end::Input group-->
                <!--begin::Input group-->
                    <div class="row g-9 mb-8">
                        <!--begin::Col-->
                        <div class="col-md-12 fv-row">
                            <label class="fs-6 fw-semibold mb-2">Credit</label>
                            <input type="text" class="form-control form-control-solid" placeholder="100" name="credit"  />
                        </div>
                        <!--end::Col-->
                    </div>
                <!--end::Input group-->
                  `);
        });
    </script>
    <script>
        $(document).on("click", ".seller-wallet-approve-model", async function(e) {
            e.preventDefault()
            let id = $(this).attr('data-id');
            var status = $(this).attr('data-status');
            var btn_name = $(this).text();

            if (await isConfirmToProcess("Warning", "", 'Are you sure! You want to ' + btn_name, 'warning')) {
                try {
                    const url = "{{ url('/admin/sellers/wallet') }}" + "/" + id;
                    let ajaxRequest = new HttpRequest(url, 'PUT');
                    ajaxRequest.set_data_as_object({
                        '_token': csrfToken,
                        'status': status
                    });
                    let response = await ajaxRequest.call();
                    toastr.success(response.message);
                    location.reload();
                } catch (err) {
                    toastr.error(err);
                }
            }
        });
    </script>
    <script>
        $('select.select-wallet').select2({
            dropdownParent: $('#kt_modal_new_target'),
            minimumResultsForSearch: Infinity
        });
    </script>

    <script>
        $('.cp-ref').on('click',function(){
            var urlField = $(this).text();
			navigator.clipboard.writeText(urlField);

            var cls = $(this).closest('tr').find('.cp');
            cls.removeClass('d-none');

            setTimeout(function(){

                console.log('aa');
                cls.addClass('d-none');

            }, 2000);
        })
    </script>
@endpush