@extends('main.layouts.app')
@section('content')
<style>
.br-20 {border-radius: 20px;}
.bg_blue_color {border-radius: 20px !important;background-color: #0E194D !important;}
.user_message{
    color:#0E194D;
}
</style>
<div class="main-content">
        <section class="section">
            {{-- <div class="section-header">
                <h1><i class="fa fa-fw fa-chart-line"></i> Dashboard</h1>
            </div> --}}

            <div class="section-header d-block bg_blue_color mb-4">
                <div class="row">
                    <div class="col-12">
                        <div class="d-flex align-items-center justify-content-between">
                            <div>
                                <div class="dash-text">
                                    <h5 class="text-white depo mb-0">
                                        <a href="/admin/dashboard"><img src="/img/homepage.png" alt="image"> </a>
                                        Dashboard
                                    </h5>
                                </div>
                            </div>

                            <div>
                                <div class="dash-text">
                                    <button class="btn btn-primary" title="Members Transfer" data-toggle="modal" data-target="#otherwallettransfer"><i class="fa fa-list-alt" aria-hidden="true"></i> <span class="d-none d-sm-inline-block"> Members Transfer</span></button>
                                    <button class="btn btn-primary" title="Members Transfer" data-toggle="modal" data-target="#otherwallettransfer1"><i class="fa fa-list-alt" aria-hidden="true"></i> <span class="d-none d-sm-inline-block"> Withdraw Amount</span></button>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
            <div class="alert alert-success" style="display: none;" role="alert"></div>
            <div class="alert alert-danger" style="display: none;" role="alert"></div>

            <div class="section-body">
                <div class="row">
                    <div class="col-lg-4 col-md-6 col-sm-6 col-12">
                        <div class="card card-statistic-1">
                            <a href="index.php?hal=userlist&fltrby=reg">
                                <div class="card-icon bg-info">
                                    <i class="far fa-address-book"></i>
                                </div>
                            </a>
                            <div class="card-wrap">
                                <div class="card-header">
                                    <h4>Registered</h4>
                                </div>
                                <div class="card-body">
                                    {{ $total_registration }} </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6 col-sm-6 col-12">
                        <div class="card card-statistic-1">
                            <a href="index.php?hal=userlist">
                                <div class="card-icon bg-info">
                                    <i class="far fa-handshake"></i>
                                </div>
                            </a>
                            <div class="card-wrap">
                                <div class="card-header">
                                    <h4>Member</h4>
                                </div>
                                <div class="card-body">
                                    {{ $member }} </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6 col-sm-6 col-12">
                        <div class="card card-statistic-1">
                            <a href="index.php?hal=historylist">
                                <div class="card-icon bg-warning">
                                    <i class="far fa-money-bill-alt"></i>
                                </div>
                            </a>
                            <div class="card-wrap">
                                <div class="card-header">
                                    <h4>Income</h4>
                                </div>
                                <div class="card-body">
                                    {{ $income }} </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-lg-4 col-md-6 col-sm-6 col-12">
                        <div class="card card-statistic-1">
                            <a href="">
                                <div class="card-icon bg-info">
                                    <i class="far fa-hdd"></i>
                                </div>
                            </a>
                            <div class="card-wrap">
                                <div class="card-header">
                                    <h4>Product</h4>
                                </div>
                                <div class="card-body">
                                    {{ $product }} </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6 col-sm-6 col-12">
                        <div class="card card-statistic-1">
                            <a href="index.php?hal=saleslist">
                                <div class="card-icon bg-info">
                                    <i class="far fa-list-alt"></i>
                                </div>
                            </a>
                            <div class="card-wrap">
                                <div class="card-header">
                                    <h4>Order</h4>
                                </div>
                                <div class="card-body">
                                    {{ $order }} </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6 col-sm-6 col-12">
                        <div class="card card-statistic-1">
                            <a href="index.php?txadminfo=order&hal=historylist">
                                <div class="card-icon bg-warning">
                                    <i class="far fa-chart-bar"></i>
                                </div>
                            </a>
                            <div class="card-wrap">
                                <div class="card-header">
                                    <h4>Sales</h4>
                                </div>
                                <div class="card-body">
                                    {{ $order }}
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="row">
                    {{-- <div class="col-lg-4 col-md-12 col-12 col-sm-12"> --}}
                    <div class="col-lg-12 col-md-12 col-12 col-sm-12">
                        <div class="card">
                            <div class="card-header">
                                <h4>Recent Members</h4>
                                <div class="card-header-action">
                                    <a href="/admin/managemember" class="btn btn-primary" data-toggle="tooltip"
                                        title="View All"><i class="fa fa-ellipsis-h"></i></a>
                                </div>
                            </div>
                            <div class="card-body">
                                @if ($users->count() != 0)
                                    @foreach ($users as $data)
                                        <li class="media">
                                            <img class="mr-3 rounded-circle" width="48"
                                                src="../assets/image/mbr_defaultimage.jpg" alt="avatar">
                                            <div class="media-body">
                                                <div class="float-right text-small text-success">
                                                    {{ $data->created_at }}</div>
                                                <div class="media-title"><a
                                                        href="index.php?hal=getuser&getId=1&getMpid=">{{ $data->name }}</a>
                                                </div>
                                                <div class="float-right media-title"><span class="badge badge-secondary"
                                                        data-toggle="tooltip" title="Registered only"><i
                                                            class="fa fa-fw fa-user"></i></span></div>
                                                <span class="text-small text-muted">
                                                    <div>{{ $data->name }}</div>
                                                    <div data-toggle="tooltip" title="suryaprakash@shreeagt.com">
                                                        {{ $data->email }}</div>
                                                </span>
                                            </div>
                                        </li>
                                    @endforeach
                                @else
                                    <ul class="list-unstyled list-unstyled-border">
                                        <div class="text-center mt-4 text-muted">
                                            <div>
                                                <i class="fa fa-3x fa-question-circle"></i>
                                            </div>
                                            <div>No Record Found</div>
                                        </div>
                                    </ul>
                                @endif
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
            <script src="../assets/js/chart.min.js" type="d4605dfa654c247db93bd42c-text/javascript"></script>

            <script src="../assets/js/acpchart.js" type="d4605dfa654c247db93bd42c-text/javascript"></script>
        </section>
    </div>

    <div class="modal fade" id="myModal" role="dialog" aria-labelledby="...">
        <div class="modal-dialog modal-lg modal-dialog-centered" role="document">

            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">New message</h5>
                    <button type="button" class="close" data-dismiss="modal"><span
                            aria-hidden="true">&times;</span></button>
                </div>
                <div class="modal-body">
                </div>
            </div>
        </div>
    </div>

    {{-- other's Modal transfer --}}

  <div class="modal fade" id="otherwallettransfer" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered" role="document">
      <div class="modal-content">
        <div class="modal-header">
          <h5 class="modal-title" id="exampleModalLongTitle">Member Transfer</h5>
          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
        </div>
        <div class="modal-body">
            {{-- <p>25% deduction in Wallet Commission</p> --}}

            <div class="form-group">
                <label for="Email">Email<span class="text-danger">*</span></label>
                <input type="email" class="form-control email-transfer" name="email" placeholder="Email" onfocusout="verifyMember(this)" id="member_email">
                <span class="email-transfer-error error_message"></span>
                <span class="username-message user_message"></span>
                <span class="error_message" id="email-member-error"></span>
            </div>


            <div class="form-group">
                <label for="Amount">Amount Transfer<span class="text-danger">*</span></label>
                <input type="number" class="form-control" name="otheramounttransfer" id="member_amount_transfer" placeholder="Amount Transfer">
                <span id="otheramounttransfererror" class="error_message"></span>
            </div>


            {{-- <div class="form-group">
                <label for="Phone">Recipient Phone<span class="text-danger">*</span></label>
                <input type="number" class="form-control" name="phone" id="phonetransfer" placeholder="Phone">
                <span id="phonetransfererror" class="error_message"></span>
            </div> --}}

            <div class="form-group">
                <label for="select-wallet">To Select Wallet</label>
                <select class="form-control" id="member-select-wallet" name='select-wallet'>
                    <option value="">Select your Wallet </option>
                  {{-- <option value="auto_pull_wallet">Autopull Wallet</option> --}}
                  <option value="salary_wallet">Salary Wallet</option>
                  <option value="gold_wallet">Gold Wallet</option>
                  <option value="gold_cmsn_amt">Goldplan Commission Wallet</option>
                  <option value="gold_walt_interest_amt">Goldplan Interest Wallet</option>
                  {{-- <option value="auto_pull_wallet">Autopull Wallet</option> --}}

                  <option value="game_wallet">Game Wallet</option>
                  <option value="game_commission_wallet
                  ">Game Commission Wallet</option>
                  <option value="withdrawal_wallet
                  ">Withdrawal Wallet</option>
                  <option value="winning_wallet
                  ">Winning Wallet</option>
                  {{-- <option value="auto_pull_wallet">Game Winning</option>
                  <option value="auto_pull_wallet">Withdrawal Wallet</option> --}}


                  <option value="ref_wal_amt">Referral Wallet</option>
                  <option value="sip_commission_walt">Sip Commission Wallet</option>
                  <option value="auto_pull_wallet">Auto Pull Wallet</option>
                  {{-- <option value="prdct_walt_amt">Product Wallet</option> --}}

                </select>

                <span id="other-select-walleterror" class="error_message"></span>
            </div>
        </div>
        <div class="modal-footer justify-content-center pt-0">
          {{-- <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button> --}}
          <button type="button" class="btn btn-primary" id="membertransfer-walletsubmit">Submit</button>
        </div>
      </div>
    </div>
  </div>
  <div class="modal fade" id="otherwallettransfer1" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered" role="document">
      <div class="modal-content">
        <div class="modal-header">
          <h5 class="modal-title" id="exampleModalLongTitle">Withdraw Amount</h5>
          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
        </div>
        <div class="modal-body">
            {{-- <p>25% deduction in Wallet Commission</p> --}}

            <div class="form-group">
                <label for="Email">Email<span class="text-danger">*</span></label>
                <input type="email" class="form-control email-transfer" name="email" placeholder="Email" id="widthdrawal_email" onfocusout="verifyMember(this)">
                {{-- <span id="emailtransfererror" class="error_message"></span> --}}
                <span class="email-transfer-error error_message"></span>
                <span class="error_message" id="email-withdrawal-error"></span>
                <span class="username-message user_message"></span>
            </div>


            <div class="form-group">
                <label for="Amount">Amount Transfer<span class="text-danger">*</span></label>
                <input type="number" class="form-control" name="otheramounttransfer" id="withdrawalamounttransfer" placeholder="Amount Transfer">
                <span id="withdrawal_error" class="error_message"></span>

            </div>


            {{-- <div class="form-group">
                <label for="Phone">Recipient Phone<span class="text-danger">*</span></label>
                <input type="number" class="form-control" name="phone" id="phonetransfer" placeholder="Phone">
                <span id="phonetransfererror" class="error_message"></span>
            </div> --}}

            <div class="form-group">
                <label for="select-wallet">To Select Wallet</label>
                <select class="form-control" id="withdrawal-select-wallet" name='select-wallet'>
                    <option value="">Select your Wallet </option>
                  {{-- <option value="auto_pull_wallet">Autopull Wallet</option> --}}
                  <option value="salary_wallet">Salary Wallet</option>
                  <option value="gold_wallet">Gold Wallet</option>
                  <option value="gold_cmsn_amt">Goldplan Commission Wallet</option>
                  <option value="gold_walt_interest_amt">Goldplan Interest Wallet</option>
                  {{-- <option value="auto_pull_wallet">Autopull Wallet</option> --}}

                  <option value="game_wallet">Game Wallet</option>
                  <option value="game_commission_wallet
                  ">Game Commission Wallet</option>
                  <option value="withdrawal_wallet
                  ">Withdrawal Wallet</option>
                  <option value="winning_wallet
                  ">Winning Wallet</option>
                  {{-- <option value="auto_pull_wallet">Game Winning</option>
                  <option value="auto_pull_wallet">Withdrawal Wallet</option> --}}


                  <option value="ref_wal_amt">Referral Wallet</option>
                  <option value="sip_commission_walt">Sip Commission Wallet</option>
                  <option value="auto_pull_wallet">Auto Pull Wallet</option>
                  {{-- <option value="prdct_walt_amt">Product Wallet</option> --}}

                </select>

                <span id="withdrawal-select-walleterror" class="error_message"></span>
            </div>
        </div>
        <div class="modal-footer justify-content-center pt-0">
          {{-- <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button> --}}
          <button type="button" class="btn btn-primary" id="widthdrawal-select-walletsubmit">Submit</button>
        </div>
      </div>
    </div>
  </div>

    </div>
    </div>
    </div>
    </div>

    <script>
      function verifyMember(element){
        let email = $(element).val();
         let csrfToken = document.querySelector('meta[name="csrf-token"]').getAttribute('content');
         let tranferverify = {
            email:email,
        }
         $.ajax({
         type: 'POST',
         url: 'verify-user',
         data: JSON.stringify(tranferverify),
         contentType: "application/json",
         headers: {
             'X-CSRF-TOKEN': csrfToken
         },
         success: function (response) {

            let formGroup = $(element).closest('.form-group');
            let usernameSpan = formGroup.find('.username-message');

            if (!response.success) {
                usernameSpan.html('User Not Found').fadeIn();
            } else {
                usernameSpan.html(`${response.data.name}`);
            }


         },
         error: function (xhr, status, error) {

                console.log('Status:', status);
                console.log('Response:', xhr.responseText);
            }
        });

        }
    </script>

    <script>
 $("#membertransfer-walletsubmit").click(function(){
var otheramounttransfer = $('#member_amount_transfer').val();
if(otheramounttransfer == ''){
     $('#otheramounttransfererror').html('Please Insert the amount');
}else{
 $('#otheramounttransfererror').html('');
}

var emailtransfer = $('#member_email').val();
if(emailtransfer == ''){
     $('#email-member-error').html('Please Insert the Email');
}else{
 $('#email-member-error').html('');
}

var fromselectwallet  = $('#member-select-wallet').val();
if(fromselectwallet == ''){
      $('#other-select-walleterror').html('Please choose the wallet');
}else{
    $('#other-select-walleterror').html('');
}

if(otheramounttransfer == '' || emailtransfer == '' || fromselectwallet == ''){
     return false;
}else{
 let csrfToken = document.querySelector('meta[name="csrf-token"]').getAttribute('content');
 let withtransferdata = {
     email:emailtransfer,
     amount:otheramounttransfer,
     from_wallet:fromselectwallet,
 }

 $.ajax({
         type: 'POST',
         url: 'member-transfer-by-admin',
         data: JSON.stringify(withtransferdata),
         contentType: "application/json",
         headers: {
             'X-CSRF-TOKEN': csrfToken
         },
         success: function (response) {

             if(!response.success){
                 $('#otherwallettransfer').modal('hide');
                 $('.alert-danger').html('Invalid Amount,Transfer the amount failed').fadeIn();
                 setTimeout(function () {
                 location.reload();
             }, 2000);
             }else{
                 $('#otherwallettransfer').modal('hide');
                 $('.alert-success').html('Transfer the amount successfully').fadeIn();
                 setTimeout(function () {
                 location.reload();
             }, 2000);
             }



             // Reload the page after 1 second
             // setTimeout(function () {
             //     location.reload();
             // }, 1000);

             console.log('Data saved successfully:', response);
         },
         error: function (xhr, status, error) {
             // console.error('Error occurred:', error);
             console.log('Status:', status);
             console.log('Response:', xhr.responseText);
         }
     });
}
});



    </script>

    <script>
 $("#widthdrawal-select-walletsubmit").click(function(){
var otheramounttransfer = $('#withdrawalamounttransfer').val();
if(otheramounttransfer == ''){
     $('#withdrawal_error').html('Please Insert the amount');
}else{
 $('#withdrawal_error').html('');
}

var emailtransfer = $('#widthdrawal_email').val();
if(emailtransfer == ''){
     $('#email-withdrawal-error').html('Please Insert the Email');
}else{
 $('#email-withdrawal-error').html('');
}

var fromselectwallet  = $('#withdrawal-select-wallet').val();
if(fromselectwallet == ''){
      $('#withdrawal-select-walleterror').html('Please choose the wallet');
}else{
    $('#withdrawal-select-walleterror').html('');
}

if(otheramounttransfer == '' || emailtransfer == '' || fromselectwallet == ''){
     return false;
}else{
 let csrfToken = document.querySelector('meta[name="csrf-token"]').getAttribute('content');
 let withtransferdata = {
     email:emailtransfer,
     amount:otheramounttransfer,
     from_wallet:fromselectwallet,
 }

 $.ajax({
         type: 'POST',
         url: 'withdrawal-by-admin',
         data: JSON.stringify(withtransferdata),
         contentType: "application/json",
         headers: {
             'X-CSRF-TOKEN': csrfToken
         },
         success: function (response) {

             if(!response.success){
                 $('#otherwallettransfer1').modal('hide');
                 $('.alert-danger').html('Invalid Amount,Withdrawal the amount failed').fadeIn();
                 setTimeout(function () {
                 location.reload();
             }, 2000);
             }else{
                 $('#otherwallettransfer1').modal('hide');
                 $('.alert-success').html('Amount Deducted successfully').fadeIn();
                 setTimeout(function () {
                 location.reload();
             }, 2000);
             }



             // Reload the page after 1 second
             // setTimeout(function () {
             //     location.reload();
             // }, 1000);

             console.log('Data saved successfully:', response);
         },
         error: function (xhr, status, error) {
             // console.error('Error occurred:', error);
             console.log('Status:', status);
             console.log('Response:', xhr.responseText);
         }
     });
}
});



    </script>
    @include('main.layouts.admin_footer')
    </div> <!-- page-wrapper -->
@endsection