@extends('admin.layouts.app')
@section('content')
    <div class="content-wrapper">
        <section class="content-header">
            <div class="container-fluid">
                <div class="row m-1">
                    <div class="col-sm-6">
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item"><a href="{{route('admin.dashboard')}}">Dashboard</a></li>
                            <li class="breadcrumb-item active">@isset($page_title) {{$page_title}} @endisset</li>
                        </ol>
                    </div>
                    {{-- <div class="col-sm-6">
                        <a class="btn btn-primary float-right" onclick="automatedPayout()"> Automated Payout <i class="fas fa-money-bill-alt"></i></a>
                    </div> --}}
                </div>
            </div>
        </section>
        <section class="content">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-12">
                        <div class="card card-outline card-primary">
                            <div class="card-header">
                                <div class="card-tools">
                                    <form action="{{route('admin.payout.index')}}">
                                        <div class="row">
                                            <div class="input-group input-group-sm" style="width: 200px;">
                                                <input type="text" name="search_key" value="{{$search_key}}" class="form-control float-right" placeholder="Search">
                                                <div class="input-group-append">
                                                    <button type="submit" class="btn btn-default">
                                                        <i class="fas fa-search"></i>
                                                    </button>
                                                </div>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                            @php
                                $tds_total_amount = websiteData('tds_total_amount');
                                $tds_percent = websiteData('tds_percent');
                            @endphp
                            <div class="card-body table-responsive p-2">
                                <table class="table table-bordered table-striped">
                                    <thead>
                                        <tr>
                                            <th class="text-center">#</th>
                                            <th class="text-center">User Details</th>
                                            <th class="text-center">Bank Details</th>
                                            <th class="text-center">Total Earning</th>
                                            <th class="text-center">Withdrwal Earning</th>
                                            <th class="text-center">Remaning Earning</th>
                                            <th class="text-center">KYC Status</th>
                                            @can('payout-payment')
                                                <th class="text-center">Action</th>
                                            @endcan
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @forelse ($users as $key=>$user)
                                            @php
                                                $bankDetails = App\Models\BankDetail::where('user_id', $user['id'])->first();
                                            @endphp
                                            <tr>
                                                <td class="text-center">{{($key+1) + ($users->currentPage() - 1)*$users->perPage()}}</td>
                                                <td>
                                                    <b>Name: </b>{{$user['name']}} <br>
                                                    <b>Email: </b>{{$user['email']}} <br>
                                                    <b>phone: </b>{{$user['phone']}} <br>
                                                    <b>Referrer Code: </b>{{$user['referrer_code']}}
                                                </td>
                                                <td>
                                                    <b>Holder Name:</b> {{!empty($bankDetails) && $bankDetails ? $bankDetails->holder_name:''}}<br>
                                                    <b>Ifsc Code:</b> {{!empty($bankDetails) && $bankDetails ? $bankDetails->ifsc_code:''}}<br>
                                                    <b>Account Number:</b> {{!empty($bankDetails) && $bankDetails ? $bankDetails->account_number:''}}<br>
                                                    <b>Bank Name:</b> {{!empty($bankDetails) && $bankDetails ? $bankDetails->bank_name:''}}<br>
                                                    <b>Upi Id:</b> {{!empty($bankDetails) && $bankDetails ? $bankDetails->upi_id:''}}<br>
                                                </td>
                                                <td class="text-center">
                                                    @if($user['commission_sum_commission'])
                                                        ₹ {{round($user['commission_sum_commission'])}}
                                                    @else
                                                        ₹ 0
                                                    @endif
                                                </td>
                                                <td class="text-center">
                                                    @if($user['payout_sum_amount'])
                                                        ₹ {{round($user['payout_sum_amount'])}}
                                                    @else
                                                        ₹ 0
                                                    @endif
                                                </td>
                                                <td class="text-center">
                                                    @php
                                                        $remaining_amount = $user['commission_sum_commission'] - $user['payout_sum_amount'];
                                                    @endphp
                                                    @if($user['commission_sum_commission'] >= $tds_total_amount)
                                                        @php
                                                            $tds_amount = ($remaining_amount*$tds_percent)/100;
                                                        @endphp

                                                        {{-- ₹ {{$remaining_amount - $tds_amount}} --}}
                                                    @else
                                                        @php
                                                            $tds_amount = 0;
                                                        @endphp
                                                        {{-- ₹ {{$remaining_amount}} --}}
                                                    @endif
                                                    <b>Total:</b> ₹ {{round($remaining_amount)}}<br>
                                                    <b>To Pay:</b> ₹ {{round($remaining_amount - $tds_amount)}}<br>
                                                    <b>TDS:</b> ₹ {{round($tds_amount)}}

                                                </td>
                                                <td>
                                                    @if($user->kyc_status == 'verified')
                                                        <span class="badge bg-success">Verified</span>
                                                    @elseif($user->kyc_status == 'rejected')
                                                        <span class="badge bg-danger">Rejected</span>
                                                    @elseif(!optional($user->bankDetail)->pan_number || !optional($user->bankDetail)->aadhaar_number)
                                                        <span class="badge bg-primary">Not Fill</span>
                                                    @elseif($user->kyc_status == 'not_verified')
                                                        <span class="badge bg-warning">Pending</span>
                                                    @endif
                                                </td>
                                                @can('payout-payment')
                                                    <td class="text-center">
                                                        <a class="btn btn-outline-success btn-sm mr-1 mb-1" onclick="openModal({{round($user['commission_sum_commission'] - $user['payout_sum_amount'])}},{{$user['id']}})">
                                                            <i class="fas fa-money-bill-alt"></i>
                                                        </a>
                                                    </td>
                                                @endcan
                                            </tr>
                                        @empty
                                            <tr class="footable-empty">
                                                <td colspan="11">
                                                    <center style="padding: 70px;"><i class="far fa-frown" style="font-size: 100px;"></i><br>
                                                        <h2>Nothing Found</h2>
                                                    </center>
                                                </td>
                                            </tr>
                                        @endforelse
                                    </tbody>
                                    <b>Total Remaining Payout :</b>₹ {{$total_remaining_earning}}
                                </table>
                                <hr>
                                <div class="row">
                                    <div class="col-md-4">
                                        <p><b>Showing {{($users->currentpage()-1)*$users->perpage()+1}} to {{(($users->currentpage()-1)*$users->perpage())+$users->count()}} of {{$users->total()}} Payouts</b></p>
                                    </div>
                                    <div class="col-md-8 d-flex justify-content-end">
                                        {!! $users->appends(['search_key'=>$search_key])->links() !!}
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </div>

    <div class="modal fade" id="payout-modal">
        <div class="modal-dialog  modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title">Pay Payout</h4>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <form action="{{route('admin.pay.payout')}}" method="post" id="form_id">
                    @csrf
                    <input type="hidden" name="user_id" id="user_id">
                    <div class="modal-body">
                        <div class="row">
                            <div class="col-md-4">
                                <label for="total_amount">Remaining Amount</label>
                                <input type="text" class="form-control" name="total_amount" id="total_amount" readonly>
                            </div>
                            <div class="col-md-4">
                                <label for="payment_type">Payment Mode</label>
                                <select name="payment_type" id="payment_type" class="form-control" required>
                                    {{-- <option value="online">Online</option> --}}
                                    <option value="cash">Cash</option>
                                </select>
                            </div>
                            <div class="col-md-4">
                                <label for="amount">Amount</label>
                                <input type="text" class="form-control" name="amount" id="amount" placeholder="Enter Amount..." required>
                                <span class="text-danger d-none">*You have ₹ 0 Payout</span><br>
                            </div>
                            <div class="col-md-4">
                                <label for="extra_charge">Extra Charge</label>
                                <select name="extra_charge" id="extra_charge" class="form-control" onchange="calculateFinalPrice()">
                                    <option value="no">No</option>
                                    <option value="yes">Yes</option>
                                </select>
                            </div>
                            <div class="col-md-4 extra_amount_charge_div d-none">
                                <label for="extra_amount_charge">Extra Amount Amount</label>
                                <input type="text" class="form-control" name="extra_amount_charge" id="extra_amount_charge" placeholder="Enter Extra Amount Amount..." required>
                            </div>
                            <div class="col-md-4">
                                <label for="final_amount">Final Amount</label>
                                <input type="text" class="form-control" name="final_amount" id="final_amount" placeholder="Enter Final Amount..." required>
                            </div>
                            <div class="col-md-12">
                                <label for="remark">Remark</label>
                                <textarea type="text" class="form-control" name="remark" id="remark" placeholder="Enter Remark..."></textarea>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer justify-content-between">
                        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                        <button type="button" class="btn btn-primary" id="pay_button" onclick="submit_form()">Pay</button>
                    </div>
                </form>
            </div>
        </div>
    </div>

    <script>

        function openModal(remaining_amount,user_id){
            $('#total_amount').val(remaining_amount)
            $('#amount').val(remaining_amount)
            var tds_total_amount ="{{websiteData('tds_total_amount')}}";
            var tds_percent = "{{websiteData('tds_percent')}}";
            var extra_payout_charge_percent = "{{websiteData('extra_payout_charge_percent')}}";

            if(tds_total_amount && tds_percent && remaining_amount >= tds_total_amount){
                var final_amount = (remaining_amount - (((remaining_amount).toFixed(2)*tds_percent)/100)).toFixed(2);
            }else{
                var final_amount = $remaining_amount;
            }
            $('#final_amount').val(parseFloat(final_amount).toFixed())

            $('#user_id').val(user_id)
            if(remaining_amount == 0){
                $('#amount').attr('disabled',true)
                $('#final_amount').attr('disabled',true)
                $('#pay_button').attr('disabled',true)
                $('.text-danger').removeClass('d-none')
                $('.text-danger').text("*You have ₹ 0 Payout")
            }else{
                $('#amount').attr('disabled',false)
                $('#final_amount').attr('disabled',false)
                $('#pay_button').attr('disabled',false)
                $('#amount').attr('onkeyup','maxValue('+remaining_amount+')')
                $('.text-danger').addClass('d-none')
            }
            $('#payout-modal').modal('show')
        }

        function maxValue(remaining_amount){
            var amount = $('#amount').val();
            if(parseInt(remaining_amount) >= parseInt(amount)){
                $('#pay_button').attr('disabled',false)
                $('.text-danger').addClass('d-none')
            }else{
                $('#pay_button').attr('disabled',true)
                $('.text-danger').removeClass('d-none')
                $('.text-danger').text("*You Cann't Pay more then Remaining Amount")
            }
            calculateFinalPrice();
        }

        function calculateFinalPrice(){
            var amount = $('#amount').val();
            var extra_charge = $('#extra_charge').val();
            var tds_total_amount ="{{websiteData('tds_total_amount')}}";
            var tds_percent = "{{websiteData('tds_percent')}}";
            var extra_payout_charge_percent = "{{websiteData('extra_payout_charge_percent')}}";

            if(extra_charge == 'yes'){
                $('.extra_amount_charge_div').removeClass('d-none');
                amount = (amount - ((amount)*extra_payout_charge_percent)/100);
                $('#extra_amount_charge').val(parseFloat(((amount)*extra_payout_charge_percent)/100).toFixed());
            }else{
                $('.extra_amount_charge_div').addClass('d-none');
                amount = amount;
                $('#extra_amount_charge').val(0);
            }

            if(tds_total_amount && tds_percent && amount >= tds_total_amount){
                var final_amount = amount - ((amount*tds_percent)/100);
            }else{
                var final_amount = amount;
            }

            $('#final_amount').val(parseFloat(final_amount).toFixed());
        }

        function submit_form(){
            $('#pay_button').attr('disabled',true)
            $('#form_id').submit();
        }

        function automatedPayout(){
            Swal.fire({
                title: 'Ready to initiate the payout?',
                text: 'You will not be able to revert this',
                showCancelButton: true,
                confirmButtonColor: '#377dff',
                cancelButtonColor: 'secondary',
                confirmButtonText: 'Yes, Go Ahead!'
            }).then((result) => {
                if (result.value) {
                    location.href = "{{route('admin.automated.payout')}}";
                }
            })
        }

    </script>
@endsection