@extends('admin.layouts.master')
@section('title', 'Withdraw Request')
@section('style')
    <link rel="stylesheet" type="text/css" href="{{ asset('assets/css/waitMe.css') }}">
    <style>
        .reject-btn {
            color: white;
            /* display: flex; */
            align-self: end;
            margin-top: 10px;
            border-radius: 2.08419rem;
            /* border: 0.964px solid #000; */
            gap: 5px;
            align-items: center;
            padding: 14px 24px;
            cursor: pointer;
            /* width: 112px; */
            margin-left: 349px;
        }

        a {
            color: #ffffff !important;
            text-decoration: none;
            background-color: transparent;
        }
    </style>
@endsection

@section('body')
    <div class="app-content content">

        <div class="content-area-wrapper">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-12 col-md-12 col-lg-2 col-xl-2">

                        <div class="sidebar-left">
                            <div style="margin-bottom: 30px; margin-top: 20px;">
                                <h1>Withdraw Requests</h1>

                            </div>
                            <div class="sidebar">
                                <!-- User Chat profile area -->

                                <!--/ User Chat profile area -->
                                <!-- Chat Sidebar area -->
                                <div class="sidebar-content card">
                                    <span class="sidebar-close-icon">
                                        <i class="feather icon-x"></i>
                                    </span>
                                    <!-- <div class="chat-fixed-search">

                                                                                                    </div> -->
                                    <div id="users-list" class="chat-user-list list-group position-relative ">

                                        <ul class="chat-users-list-wrapper media-list text-center user-side-list">
                                            @include('admin.pages.components.withdraw_requert_list')
                                        </ul>



                                    </div>
                                </div>
                                <!--/ Chat Sidebar area -->

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

                    <div class="col-12 col-md-12 col-lg-10 col-xl-10">
                        <div class="content-right">
                            <!-- Chat Sidebar area -->
                            <div class="sidebar2-content card row" id="content-right">

                                <div class="container">
                                    <div class="row">

                                        <div class="col-12 col-md-6 col-lg-6 col-xl-6 ">
                                            <div id="user-details-div" class="user-details-bx">


                                            </div>
                                        </div>
                                        <div class="col-12 col-md-6 col-lg-6 col-xl-6">
                                            <div class="d-flex align-items-center row p-3 ">
                                                <div class="cht-box d-none">
                                            <h1>Bank Details</h1>
                        
                                            <form class='m-5'>
                                                <div class="form-group">
                                                    <label for="accountNumber">Bank Name</label>
                                                    <input type="text" class="form-control" id="bank_name" placeholder="Enter account number" disabled>
                                                </div>
                                                <div class="form-group">
                                                    <label for="accountNumber">Account Name</label>
                                                    <input type="text" class="form-control" id="account_name" placeholder="Enter account number" disabled>
                                                </div>
                                                
                                                <div class="form-group">
                                                    <label for="accountNumber">Account Number</label>
                                                    <input type="text" class="form-control" id="account_number" placeholder="Enter account number" disabled>
                                                </div>
                                                
                                                <div class="form-group">
                                                    <label for="accountNumber">Routing Number</label>
                                                    <input type="text" class="form-control" id="routing_number" placeholder="Enter account number" disabled>
                                                </div>
                        
                                                <!--<div class="form-group">-->
                                                <!--    <label for="accountHolder">Account Holder</label>-->
                                                <!--    <input type="text" class="form-control" id="accountHolder" placeholder="Enter account holder" disabled>-->
                                                <!--</div>-->
                        
                                                
                                            </form>
                        
                                        </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!--/ Chat Sidebar area -->
                </div>
            </div>
        </div>


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

@endsection



@section('script')

    <script>
        let pay_id
        let user_id
        let bank_id

        function getProfessionUserDetails(id) {
            if (typeof id !== 'undefined' && id !== null) {
                alert(id)
                $.ajax({
                    type: "get",
                    url: "{{ route('get.profession.user.details') }}",
                    data: {
                        id: id
                    },
    
                    success: function(response) {
                        $('#user-details-div').html('');
                        $('#user-details-div').html(response);
    
                    }
                });
            }
        }
        
        function getBankDetails(id) {
            if (typeof id !== 'undefined' && id !== null) {
                
                $.ajax({
                    type: "get",
                    url: "{{ route('bank.details') }}",
                    data: {
                        id: id
                    },
    
                    success: function(response) {
                        console.log(response)
                        if (response.success == true) {
                            // toastr.success(response.message);
                            var data = response.data;
                            $("#bank_name").val(data.bank_name);
                            $("#account_name").val(data.account_name);
                            $("#account_number").val(data.account_number);
                            $("#routing_number").val(data.routing_number);
                            pay_id = data.payment_id
                            
                            
                            console.log(response.data.id)
                            // window.location.reload();
                        } else {
                            toastr.error(response.message);
                        }
    
                    }
                });
            }
        }
        

        function paymentDecision(status) {
            if (pay_id !== null && user_id !== null && status !== null) {
                $.ajax({
                    type: "POST",
                    url: "{{ route('change.payment.status') }}",
                    data: {
                        "_token": "{{ csrf_token() }}",
                        "pay_id": pay_id,
                        "user_id": user_id,
                        "status": status
                    },

                    success: function(response) {
                        if (response.status == 'success') {
                            toastr.success(response.message);
                            window.location.reload();
                        } else {
                            toastr.error(response.message);
                        }
                    }
                });
            }
        }
        $(document).ready(function() {
            $(".user-side-list .req-profile").first().addClass("active")
            user_id = $(".user-side-list .req-profile").first().attr("data-id")
            pay_id = $(".user-side-list .req-profile").first().attr("data-pay-id")
            bank_id = $(".user-side-list .req-profile").first().attr("data-b-id")
             
            getProfessionUserDetails(user_id)
            getBankDetails(bank_id) 
            
            
            

        });

        $(document).on("click", ".req-profile", function() {
            $(this).siblings().removeClass("active");
            user_id = $(this).attr("data-id")

            pay_id = $(this).attr("data-pay-id")
            bank_id = $(this).attr("data-b-id")
            
            $(this).addClass("active");
            
            getProfessionUserDetails(user_id);
            getBankDetails(bank_id)

        });
        $(document).on("click", ".change-btnn", function() {
            status = $(this).attr("data-status");
            paymentDecision(status)
        });
    </script>
    <script type="text/javascript">
        var APP_URL = {!! json_encode(url('/')) !!}
    </script>

@endsection