@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_collapsible1">
                <h3 class="card-title">Wallets</h3>
                <div class="card-toolbar rotate-180">
                    <span class="svg-icon svg-icon-1">

                    </span>
                </div>
            </div>
            <div id="kt_docs_card_collapsible1" class="collapse">
                <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>Wallet Id</th>
                            <th>Seller Name</th>
                            <th>Last Recharge Date</th>
                            <th>Total Credit</th>
                            <th>Add Credit</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>
                                <td><a class="btn btn-primary add-credit-btn" data-id="{{ $wallet->user_id }}">Top Up</a></td>
                            </tr>
                        @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 collapsible cursor-pointer rotate" data-bs-toggle="collapse"
                data-bs-target="#kt_docs_card_collapsible2">
                <h3 class="card-title">Bank Transfers</h3>
                <div class="card-toolbar">

                </div>
            </div>
            <div id="kt_docs_card_collapsible2" class="collapse">
                <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 collapsible cursor-pointer rotate" data-bs-toggle="collapse"
                 data-bs-target="#kt_docs_card_collapsible3">
                <h3 class="card-title">Withdrawal Requests</h3>
                <div class="card-toolbar">
                    <span class="badge badge-info">
                        @php
                        $count = 0;
                        @endphp
                        @foreach ($wallet_withdrawals as $withdrawal)
                            @if($withdrawal->status != 2 && $withdrawal->status != 1)
                                @php
                                    $count++;
                                @endphp
                            @endif
                        @endforeach
                        {{ $count }}
                    </span>
                </div>
            </div>
            <div id="kt_docs_card_collapsible3" class="collapse">
                <div class="card-body">
                    <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</th>
                            <th>Wallet Balance</th>
                            <th>Requested Amount</th>
                            <th>Action</th>
                        </tr>
                        </thead>
                        <tbody>
                        @foreach ($wallet_withdrawals as $withdrawal)
                            @if($withdrawal->status != 2 && $withdrawal->status != 1)
                            <tr>
                                <td class="text-hover-info">{{ $withdrawal->name }} <br/> <small>( {{ $withdrawal->email }} ) </small>
                                </td>
                                <td class="seller-slider">{{ $withdrawal->total }}</td>
                                <td class="seller-slider">{{ $withdrawal->amount }}</td>
                                <td>
                                    @if($withdrawal->status != 1)
                                    <a class="btn btn-success confirm-request" data-id="{{ $withdrawal->id }}"><i class="bi bi-check fs-1"></i> Confirm</a>
                                    <a class="btn btn-warning reject-request" data-id="{{ $withdrawal->id }}"><i class="bi bi-x fs-1"></i> Reject</a>
                                @else
                                        <a class="btn btn-success">Approved</a>
                                @endif
              </tr>
                            @endif
                        @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
@endsection
@push('script')
    <script>


        const modalId = "modal";


        $(document).on('click','.reject-request',async function (){

            let id = $(this).data('id');
            if (await isConfirmToProcess("Danger", "", 'Are you sure! You want to Reject', 'warning')) {
                try {
                    const url = "{{ url('/admin/sellers/wallet/withdrawal/reject') }}" + "/" + id;
                    let ajaxRequest = new HttpRequest(url, 'GET');
                    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);
                }
            }

        });

        $(document).on('click','.confirm-request',async function (){

            let id = $(this).data('id');
            if (await isConfirmToProcess("Warning", "", 'Are you sure! You want to Confirm', 'warning')) {
                try {
                    const url = "{{ url('/admin/sellers/wallet/withdrawal/confirm') }}" + "/" + id;
                    let ajaxRequest = new HttpRequest(url, 'GET');
                    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);
                }
            }

        });



        $(document).on('click','.withdraw-approval-modal',async function (e){
            e.preventDefault();
            const btn = $(this);
            const btnTitle = btn.html();
            let id = $(this).data('id');
            try {
                loadButton(btn, 'Loading ...');
                let loadURL = `${baseUrl}/admin/sellers/wallet/withdraw/approval`;
                await loadModal(modalId, loadURL);
            } catch (err) {
                toast.error("Could not load add event popup. (error_ref: add_product)");
                console.log("add_product", err);
            } finally {
                resetButton(btn, btnTitle);
            }
        });











        $(document).on('click','.add-credit-btn',async function (e){
            e.preventDefault();
            const btn = $(this);
            const btnTitle = btn.html();
            let id = $(this).data('id');
            try {
                loadButton(btn, 'Loading ...');
                let loadURL = `${baseUrl}/admin/sellers/wallet/topup/`+id;
                await loadModal(modalId, loadURL);
            } catch (err) {
                toast.error("Could not load add event popup. (error_ref: add_product)");
                console.log("add_product", err);
            } finally {
                resetButton(btn, btnTitle);
            }
        });


        $(document).on('keyup','.add-debit',function (){
            let previous = parseFloat($(this).data('total'));
            let current = parseFloat($(this).val());
            let total = previous + current;
            if($(this).val() == ""){
                $('.total-value').val("");
                $('.total-amount').val("");
            }else {
                $('.total-value').val("£" + total);
                $('.total-amount').val(total);
            }
        });


        $(document).on('submit','#add-debit-form',async function(e){
          e.preventDefault();

                try {
                    let t = new HttpRequest("{{ url('/admin/sellers/wallet/topup') }}", "POST");
                    t.set_data_by_form_object($(this));
                    let e = await t.call();
                    $(".modal").modal("hide"), toastr.success(e.message);
                    setTimeout(function (){
                        location.reload()
                    },3000)
                } catch (t) {
                    toastr.error(t)
                }

        });
    </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