@extends('layouts/layoutMaster')

@section('title', __('locale.Wallet Request'))

@section('vendor-style')
  @vite(['resources/assets/vendor/libs/datatables-bs5/datatables.bootstrap5.scss', 'resources/assets/vendor/libs/datatables-responsive-bs5/responsive.bootstrap5.scss', 'resources/assets/vendor/libs/datatables-buttons-bs5/buttons.bootstrap5.scss', 'resources/assets/vendor/libs/select2/select2.scss', 'resources/assets/vendor/libs/sweetalert2/sweetalert2.scss'])
@endsection

@section('vendor-script')
  @vite(['resources/assets/vendor/libs/datatables-bs5/datatables-bootstrap5.js', 'resources/assets/vendor/libs/select2/select2.js', 'resources/assets/vendor/libs/sweetalert2/sweetalert2.js'])
@endsection


@section('content')

  <!-- Product List Table -->
  <div class="card">
    <div class="card-header border-bottom">
      <h5 class="card-title">{{ __('locale.Filter') }}</h5>
      <div class="d-flex justify-content-between align-items-center row pt-4 gap-6 gap-md-0 g-md-6">
        <div class="col-md-4 wallet_status"></div>
        <div class="col-md-4 customer"></div>
      </div>
    </div>
    <div class="card-datatable">
      <table class="datatables-wallet table">
        <thead class="border-top">
          <tr>
            <th></th>
            <th></th>
            <th>{{ __('locale.User Details') }}</th>
            <th>{{ __('locale.Amount Details') }}</th>
            <th>{{ __('locale.Bank Detail') }}</th>
            <th>{{ __('locale.Note') }}</th>
            <th>{{ __('locale.Txn Detail') }}</th>
            <th>{{ __('locale.Status') }}</th>
            <th>{{ __('locale.Actions') }}</th>
          </tr>
        </thead>
      </table>
    </div>
  </div>
  @include('_partials/_modals/modal-cancel-wallet')
  @include('_partials/_modals/modal-accept-wallet')
@endsection
@section('page-script')
  @vite(['resources/assets/js/wallet.js'])
  <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
  <script type="text/javascript">
    $(document).on('click', '.cancel-modal', function() {
      $('#id_cancel').val($(this).data('id'));
      $('#status_cancel').val($(this).data('status'));
      $('#cancelWalletModal').modal('show');


    });
    $(document).on('click', '.accept-modal', function() {
      $('#id_accept').val($(this).data('id'));
      $('#status_accept').val($(this).data('status'));
      $('#acceptWalletModal').modal('show');
    });


    $('.modal-footer').on('click', '.CloseM', function(event) {
      event.preventDefault();
      id = $('#id_cancel').val();
      status = $('#status_cancel').val();
      admin_note = $('#modalNote').val();
      $.ajax({
        type: 'POST',
        url: `${baseURL}/withdrawal_requests/changestatus`,
        header: {
          'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        },
        data: {
          '_method': 'POST',
          '_token': $('meta[name="csrf-token"]').attr('content'),
          'id': id,
          'status': status,
          'notes': admin_note,
        },
        success: function(data) {
          const toastType = data.status == 200 ? 'bg-success' : 'bg-warning';
          window.showToast({
            title: 'Withdrawal Request 👛',
            message: data.message,
            type: toastType,
            animation: 'animate__fadeInUp',
            time: 'Just now',
            delay: 3000
          });
          $('#cancelWalletModal').modal('hide');
          $('#status-' + data.data).replaceWith(
            `<button type="button" class="btn bg-label-danger waves-effect" id="status-${data.data}">${status}</button>`
          );
          $('.hide-' + data.data).hide();
        },
        error: function(data, e, ts, et) {
          console.log(data);
        }
      });
    });
    $('.modal-footer').on('click', '.CloseModel', function(event) {
      event.preventDefault();
      id = $('#id_accept').val();
      status = $('#status_accept').val();
      tran_fee = $('#tran_fee').val();
      txn_id = $('#txn_id').val();
      txn_detail = $('#txn_detail').val();
      var APP_URL = {!! json_encode(url('/')) !!};
      $.ajax({
        type: 'POST',
        url: `${baseURL}/withdrawal_requests/changestatus`,
        header: {
          'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        },
        data: {
          '_method': 'POST',
          '_token': $('meta[name="csrf-token"]').attr('content'),
          'id': id,
          'status': status,
          'tran_fee': tran_fee,
          'txn_id': txn_id,
          'txn_detail': txn_detail,
        },
        success: function(data) {
          const toastType = data.status == 200 ? 'bg-success' : 'bg-warning';
          window.showToast({
            title: 'Withdrawal Request 👛',
            message: data.message,
            type: toastType,
            animation: 'animate__fadeInUp',
            time: 'Just now',
            delay: 3000
          });
          $('#acceptWalletModal').modal('hide');
          $('#status-' + data.data).replaceWith(
            `<button type="button" class="btn bg-label-success waves-effect" id="status-${data.data}">${status}</button>`
          );
          $('.hide-' + data.data).hide();

        },
        error: function(data, e, ts, et) {
          console.log(data);
        }
      });
    });
  </script>
@endsection