| Server IP : 66.29.137.217 / Your IP : 3.22.77.171 Web Server : LiteSpeed System : Linux premium294.web-hosting.com 4.18.0-513.11.1.lve.el8.x86_64 #1 SMP Thu Jan 18 16:21:02 UTC 2024 x86_64 User : gltevjme ( 1095) PHP Version : 7.0.33 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : OFF | Pkexec : OFF Directory : /home/./gltevjme/bofirm.gltechlimited.com/resources/views/frontend/wallet/ |
Upload File : |
@extends('frontend.layouts.app')
@section('content')
<div class="bg-page">
<!-- Page Header Start -->
<header class="page-banner-header blank-page-banner-header gradient-bg position-relative">
<div class="section-overlay">
<div class="blank-page-banner-wrap">
<div class="container">
<div class="row">
<div class="col-12 col-sm-12 col-md-12">
<div class="page-banner-content text-center">
<h3 class="page-banner-heading color-heading pb-15">{{ __('Wallet Dashboard') }}</h3>
<!-- Breadcrumb Start-->
<nav aria-label="breadcrumb">
<ol class="breadcrumb justify-content-center">
<li class="breadcrumb-item font-14"><a href="{{ url('/') }}">{{ __('Home') }}</a></li>
<li class="breadcrumb-item font-14 active" aria-current="page">{{ __('Wallet Dashboard') }}</li>
</ol>
</nav>
<!-- Breadcrumb End-->
</div>
</div>
</div>
</div>
</div>
</div>
</header>
<!-- Page Header End -->
<!-- Wishlist Page Area Start -->
<section class="wishlist-page-area">
<div class="container">
<div class="row justify-content-center">
<div class="col-md-12 col-lg-10">
<div class="affiliator-dashboard-wrap bg-white">
<div class="row affiliator-dashboard-title align-items-center border-bottom mb-30 pb-20 mx-0">
<div class="col-md-12 col-lg-5 col-xl-5 px-0">
<h5>My Wallet</h5>
</div>
<div class="col-md-12 col-lg-7 col-xl-7 px-0">
<div class="affiliate-top-title-btns text-end">
<!-- Withdrawal modal trigger Button -->
<button type="button" class="theme-btn theme-button1 default-hover-btn"
data-bs-toggle="modal" data-bs-target="#withdrawalModal">
{{ __('Request a Withdrawal') }}
</button>
<a href="{{ route('wallet.my-beneficiary') }}" class="theme-btn theme-button1 green-theme-btn default-hover-btn">{{ __('My Beneficiary') }}</a>
@if (get_option('wallet_recharge_system', 0))
<button type="button" class="theme-btn theme-button1 orange-theme-btn default-hover-btn"
data-bs-toggle="modal" data-bs-target="#rechargeModal">
{{ __('Recharge') }}
</button>
@endif
</div>
</div>
</div>
<div class="affiliate-dashboard-top-box row">
<div class="col-md-6 col-lg-4">
<div class="affiliate-dashboard-item radius-4 p-30 mb-30">
<p class="font-18">My Balance<span class="iconify ms-1" data-icon="fluent:arrow-trending-20-filled"></span></p>
<h4 class="affiliate-dashboard-item-title mt-3">
@if(get_currency_placement() == 'after')
{{userBalance()}} {{ get_currency_symbol() }}
@else
{{ get_currency_symbol() }} {{userBalance()}}
@endif
</h4>
</div>
</div>
</div>
<div class="row booking-history-tabs">
<div class="col-12">
<ul class="nav nav-tabs assignment-nav-tabs live-class-list-nav-tabs" id="myTab" role="tablist">
<li class="nav-item" role="presentation">
<button class="nav-link active" id="earning-history-tab" data-bs-toggle="tab" data-bs-target="#earning-history" type="button" role="tab"
aria-controls="earning-history" aria-selected="true">{{ __('Transaction history') }}
</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link" id="withdrawal-history-tab" data-bs-toggle="tab" data-bs-target="#withdrawal-history" type="button" role="tab" aria-controls="withdrawal-history"
aria-selected="false">{{ __('Withdrawal history') }}
</button>
</li>
@if (get_option('wallet_recharge_system', 0))
<li class="nav-item" role="presentation">
<button class="nav-link" id="wallet-recharge-history-tab" data-bs-toggle="tab" data-bs-target="#wallet-recharge-history" type="button" role="tab" aria-controls="wallet-recharge-history"
aria-selected="false">{{ __('Wallet Recharge history') }}
</button>
</li>
@endif
</ul>
<div class="tab-content" id="myTabContent">
<div class="tab-pane fade active show" id="earning-history" role="tabpanel" aria-labelledby="earning-history-tab">
<div class="">
<table id="my-earnings" class="table booking-history-past-table">
<thead>
<tr>
<th class="all">{{__('Date')}}</th>
<th class="none">{{__('Hash')}}</th>
<th class="none">{{__('Description')}}</th>
<th class="all">{{__('Type')}}</th>
<th class="all">{{__('Amount')}}</th>
</tr>
</thead>
</table>
</div>
</div>
<div class="tab-pane fade" id="withdrawal-history" role="tabpanel" aria-labelledby="withdrawal-history-tab">
<div class="">
<table id="withdrawalHistory" class="table booking-history-past-table">
<thead>
<tr>
<th class="all">{{__('Date')}}</th>
<th class="none">{{__('Transaction Id')}}</th>
<th class="none">{{__('Description')}}</th>
<th class="all">{{__('Payment Method')}}</th>
<th class="all">{{__('Amount')}}</th>
<th class="all">{{__('Status')}}</th>
{{-- <th>{{__('Action')}}</th>--}}
</tr>
</thead>
</table>
</div>
</div>
<div class="tab-pane fade" id="wallet-recharge-history" role="tabpanel" aria-labelledby="wallet-recharge-history-tab">
<div class="">
<table id="walletRechargeHistory" class="table booking-history-past-table">
<thead>
<tr>
<th class="all">{{__('Date')}}</th>
<th class="all">{{__('Transaction Id')}}</th>
<th class="all">{{__('Payment Method')}}</th>
<th class="all">{{__('Amount')}}</th>
<th class="all">{{__('Status')}}</th>
</tr>
</thead>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--Withdrawal Modal Start-->
<div class="modal fade" id="withdrawalModal" tabindex="-1" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-header border-0">
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<div class="withdrawal-modal-title text-center">
<p class="font-13 font-medium">{{ __('Available Balance') }}</p>
<h4>
@if(get_currency_placement() == 'after')
{{userBalance()}} {{ get_currency_symbol() }}
@else
{{ get_currency_symbol() }} {{userBalance()}}
@endif
</h4>
</div>
<form method="POST" action="{{route('wallet.process-withdraw')}}">
@csrf
<div class="row">
<div class="col-md-12 mb-30">
<div class="label-text-title color-heading font-medium font-16 mb-3">{{ __('Amount' ) }}
<span
class="text-danger">*</span>
</div>
<input type="number" name="amount" min="1" class="form-control" placeholder="{{ __('Type amount') }}" required>
</div>
</div>
<div class="row">
<div class="col-md-12 mb-30">
<label class="font-medium font-15 color-heading">{{ __('Beneficiary') }}<span
class="text-danger">*</span></label>
<select name="uuid" class="form-select" required>
@foreach ($beneficiaries as $beneficiary)
<option value="{{ $beneficiary->uuid }}">{{ $beneficiary->beneficiary_name.' - ('.getBeneficiaryAccountDetails($beneficiary).')' }}</option>
@endforeach
</select>
</div>
</div>
<div class="row">
<div class="col-12">
<button type="submit" class="theme-btn theme-button1 theme-button3 font-15 fw-bold w-100">{{ __('Make Withdraw') }}</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<!--Withdrawal Modal End-->
<!--Withdrawal Modal Start-->
<div class="modal fade" id="rechargeModal" tabindex="-1" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-header border-0">
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<div class="withdrawal-modal-title text-center">
<p class="font-13 font-medium">{{ __('Available Balance') }}</p>
<h4>
@if(get_currency_placement() == 'after')
{{userBalance()}} {{ get_currency_symbol() }}
@else
{{ get_currency_symbol() }} {{userBalance()}}
@endif
</h4>
</div>
<form method="GET" action="{{ route('wallet.wallet_recharge.checkout') }}">
@csrf
<div class="row">
<div class="col-md-12 mb-30">
<div class="label-text-title color-heading font-medium font-16 mb-3">{{ __('Amount' ) }}
<span class="text-danger">*</span>
</div>
<input type="number" name="amount" min="1" class="form-control" placeholder="{{ __('Type amount') }}" required>
</div>
</div>
<div class="row">
<div class="col-12">
<button type="submit" class="theme-btn theme-button1 theme-button3 font-15 fw-bold w-100">{{ __('Recharge') }}</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<!--Withdrawal Modal End-->
</section>
<!-- Wishlist Page Area End -->
</div>
@endsection
@push('script')
<script>
(function($) {
"use strict";
$('#my-earnings').DataTable({
processing: true,
serverSide: true,
pageLength: 25,
responsive: true,
ajax: "{{route('wallet.transaction-history')}}",
order: [1, 'desc'],
autoWidth:false,
language: {
'paginate': {
'previous': '<span class="iconify" data-icon="icons8:angle-left"></span>',
'next': '<span class="iconify" data-icon="icons8:angle-right"></span>'
}
},
dom: '<"row"<"col-sm-4"l><"col-sm-4"B><"col-sm-4"f>>tr<"bottom"<"row"<"col-sm-6"i><"col-sm-6"p>>><"clear">',
buttons: [
{ extend: 'copy', className: 'theme-btn theme-button1 default-hover-btn' },
{ extend: 'excel', className: 'theme-btn theme-button1 default-hover-btn' },
{ extend: 'pdf', className: 'theme-btn theme-button1 default-hover-btn' }
],
columns: [
{"data": "date", "title":'Date'},
{"data": "hash","title":"Transaction ID"},
{"data": "narration","title":"Description"},
{"data": "type","title":"Type"},
{"data": "amount","title":"Amount"},
]
});
$('#withdrawalHistory').DataTable({
processing: true,
serverSide: true,
pageLength: 25,
responsive: true,
language: {
'paginate': {
'previous': '<span class="iconify" data-icon="icons8:angle-left"></span>',
'next': '<span class="iconify" data-icon="icons8:angle-right"></span>'
}
},
ajax: "{{route('wallet.withdrawal-history')}}",
order: [1, 'desc'],
autoWidth:false,
dom: '<"row"<"col-sm-4"l><"col-sm-4"B><"col-sm-4"f>>tr<"bottom"<"row"<"col-sm-6"i><"col-sm-6"p>>><"clear">',
buttons: [
{ extend: 'copy', className: 'theme-btn theme-button1 default-hover-btn' },
{ extend: 'excel', className: 'theme-btn theme-button1 default-hover-btn' },
{ extend: 'pdf', className: 'theme-btn theme-button1 default-hover-btn' }
],
columns: [
{"data": "date", "title":'Date'},
{"data": "transection_id","title":"Transaction ID"},
{"data": "note","title":"Description"},
{"data": "beneficiary","title":"Payment Method"},
{"data": "amount","title":"amount"},
{"data": "status","title":"Status"},
]
});
$('#walletRechargeHistory').DataTable({
processing: true,
serverSide: true,
pageLength: 25,
responsive: true,
language: {
'paginate': {
'previous': '<span class="iconify" data-icon="icons8:angle-left"></span>',
'next': '<span class="iconify" data-icon="icons8:angle-right"></span>'
}
},
ajax: "{{route('wallet.recharge-history')}}",
order: [0, 'desc'],
autoWidth:false,
dom: '<"row"<"col-sm-4"l><"col-sm-4"B><"col-sm-4"f>>tr<"bottom"<"row"<"col-sm-6"i><"col-sm-6"p>>><"clear">',
buttons: [
{ extend: 'copy', className: 'theme-btn theme-button1 default-hover-btn' },
{ extend: 'excel', className: 'theme-btn theme-button1 default-hover-btn' },
{ extend: 'pdf', className: 'theme-btn theme-button1 default-hover-btn' }
],
columns: [
{"data": "date", "title":'Date'},
{"data": "transaction_id","title":"Transaction ID"},
{"data": "payment_method","title":"Payment Method"},
{"data": "amount","title":"amount"},
{"data": "status","title":"Status"},
]
});
})(jQuery)
</script>
@endpush