@extends('layouts.app')
@section('content')

    @php

        $authRoles = $user->getRoleNames()->toArray();
        if(in_array('coach', $authRoles)){
             $percentageCoachArr =config('iviggo.speaker_pool');
             $percentagecoach = $percentageCoachArr['percentage'];
             $percentage = $percentagecoach;
        }else if(in_array('superadmin', $authRoles)){
             $percentageArr = config('iviggo.simon_payout');
             $percentage = $percentageArr['percentage'];
        }/*else if(in_array('user', $authRoles)){
             $percentageArr =config('iviggo.partner_payout');
             $percentage = $percentageArr['percentage'];
        }else if(in_array('is_am', $authRoles)){
             $percentageArr =config('iviggo.am_payout');
             $percentage = $percentageArr['percentage'];
        }*/

        $commission = $ucommission;
        $jsCommission = round($commission,0, PHP_ROUND_HALF_DOWN);



    @endphp

    <div id="Statispages" class="wrap-bg">
        <div class="container">


            <div class="row ">

                <div class="container markt-account" style="min-height: 0">
                    <div>


                        <h4>klar til udbetaling:<span class="badge badge-secondary">kr. {{$commission}}</span></h4>
                        <small class="form-text text-muted">
                            Bemærk, at det koster cirka kr. 22,50 pr. udbetaling
                            <a href="#" class="text-muted" data-toggle="modal" data-target="#payoutInfoModal">
                                <i data-toggle="tooltip" data-placement="right" title="Detaljer" class="fa fa-question-circle"></i>
                            </a>
                        </small>
                        <small class="form-text text-muted">Du kan udbetale, når du har minimum kr. 750,00 på din konto.</small>
                        <form class="needs-validation" novalidate="">
                            @if(str_replace(",", "", $commission) >= config('iviggo.payout_limit'))
                                <button class="color-two disable-btn mt-3 col-md-12 col-lg-2 payoutProcess" type="button" data-details="{{$commission}}" data-id="{{$user->id}}" >Udbetaling nu
                                </button>
                            @else
                                <button class="color-two disable-btn mt-3 col-md-12 col-lg-2" type="submit" disabled="">Udbetaling Nu
                                </button>
                            @endif

                            <button class="color-two btn-custom mt-3 col-md-12 col-lg-2" type="button" data-toggle="modal"
                                    data-target="#payoutHistoryModal">Udbetalingshistorik
                            </button>


                        </form>


                    </div>
               {{--     <div class="row mt-5 my-affiliate">
                        <div class="col-lg-4 total-affi">
                            <div>My total Videos</div>
                            <div class="count pt-5">{{count($twoLevel)}}</div>
                            <div class="pt-3 h6"></div>

                        </div>
                        --}}{{--    <div class="col-lg-7 pl-4 text-referal"><h4>Your affiliate referral plan</h4>
                            <ul>
                                <li>Here you can get an overview of your referral group</li>
                                <li>You receive a {{$percentage ?? '30' }}% commission every time you generate sales. </li>
                                <li>And as long as the person is a member you will receive commission</li>
                                <li>There is no minimum required to maintain valid iviggo Affiliate status</li>
                            </ul>
                        </div>--}}{{--
                    </div>--}}
                </div>
            </div>
        </div>
    </div>
    <!-- ApproveVideo area start -->
    <div id="UploadVideo" style="padding: 40px 0 30px 0 !important;" class="wrap-bg">

        <div class="container">

            <h3>Video Pulje</h3>

            @if(!$admin)

            <div class="table table-responsive table-striped mb-3 overview ">
                <table class="table table-bordered ">
                    <thead>
                    <tr>
                        {{--<th scope="col">Måned</th>--}}
                        <th scope="col">Videoer i alt</th>
                        <th scope="col">Mine videoer</th>
                        <th>Penge i Videopuljen(kr)</th>
                        <th scope="col">Samlet Kommission (kr)</th>
                    </tr>
                    </thead>
                    <tbody>
                   {{-- @if(count($data) > 0)
                        @foreach($data as $itemK=>$itemV)--}}
                    <tr>
                        @if(isset($data))
                        {{--<td>{{$itemK}}</td>--}}

                        <td>{{$data['total_videos'] ?? ''}} {{--{{($itemV['total_videos_deleted']) > 0 ? '(Deleted Videos: '.$itemV['total_videos_deleted'].')' : ''}}--}}</td>
                        <td>{{$data['videos'] ?? ''}}{{-- {{($itemV['videos_deleted']) > 0 ? '(Deleted Videos: '.$itemV['videos_deleted'].')' : ''}}--}}</td>
                        <td>{{$data['total_pool_money'] ?? ''}}</td>
                        <td>{{$data['my_commision'] ?? ''}}</td>

                        @endif
                    </tr>
                   {{--     @endforeach
                        @endif--}}
                    </tbody>
                </table>
            </div>
            @endif

            @if($admin)

            <div class="table table-responsive table-striped mb-3 overview ">
                <table class="table table-bordered ">
                    <thead>
                    <tr>

                        <th scope="col">Måned</th>
                        <th scope="col">Træner detaljer</th>
                        <th scope="col">Videoer i alt</th>
                        <th scope="col">Penge i Højttalerpuljen(kr)</th>
                        <th scope="col">Kommission pr. video</th>
                    </tr>
                    </thead>
                    <tbody>
                    @if(count($data['main']) > 0)
                        @foreach($data['main'] as $itemK => $itemV)
                            <tr><td>{{$itemK}}</td>
                                <td>
                                    <table class="table table-bordered ">   <thead>
                                        <tr>

                                            <th scope="col">Træner</th>
                                            <th scope="col">Video</th>
                                            <th scope="col">Oprettet dato</th>
                                            <th scope="col">Video pr. bruger</th>
                                            <th scope="col">kommission pr. video(kr)</th>
                                        </tr>
                                        </thead>
                                        @php($mycount = 0)
                                           @foreach($itemV['coach'] as $item)
                                                        <tr>
                                                            <td>
                                                                                                                        </td>
                                                            <td></td>
                                                            <td></td>

                                                            <td>
                                                                                                                            </td>
                                                            <td>
                                                                                                                            </td>
                                                        </tr>
                                            @endforeach
                                    </table>
                                </td>
                                <td>
                                    {{$itemV['videoCount']}}
                                </td>
                               <td>{{$itemV['total_pool_money']}}</td>
                                <td>{{round($itemV['total_pool_money'] / $itemV['videoCount'], 2)}}</td>
                            </tr>
                        @endforeach
                    @endif
                    </tbody>
                </table>
            </div>
            @endif

        </div>


    </div>

    <!-- Approve area end -->


@endsection


@push('scripts')
    <script>
        $(document).ready(function () {

            $('.changedp').on('click', function(e) {
                console.log('clicked')
                $('#mediaFile').click();
            });

            $('#mediaFile').change(function(e) {

                var input = e.target;
                if (input.files && input.files[0]) {
                    var file = input.files[0];

                    let formData = new FormData();

                    formData.append('input', input.files[0], input.files[0].name)


                    $.ajaxSetup({
                        headers: {
                            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                        }
                    });
                    $.ajax({
                        beforeSend: function () {
                            // setting a timeout
                            $.LoadingOverlay("show");
                        },

                        url: "{{route('photo.upload')}}",
                        type: "post",
                        contentType: false,
                        processData: false,
                        data: formData,
                        success: function (data) {
                            $.LoadingOverlay("hide");

                            $('.profile_tree').css("background-image", "url(" + data.image + ")");


                        }, error: function (data) {
                            $.LoadingOverlay("hide");
                            Swal.fire(
                                'Ooops!',
                                data.message,
                                'error'
                            )
                        }
                    });

                    /*var reader = new FileReader();

                    reader.readAsDataURL(file);
                    reader.onload = function(e) {
                        console.log(reader.result);
                        $('.circular--square').attr('src', reader.result);
                    }*/
                }
            });


            $(document).on('click','.payoutProcess',function(e) {
                e.preventDefault();
                var id = $(this).data('id');
                var amount = $(this).data('details');
                elem = $(this);
                Swal.fire({
                    title: 'Are you sure?',
                    text: "you want to process the payout!",
                    icon: 'question',
                    input: 'number',
                    inputValue: {{$jsCommission}},
                    inputAttributes: {
                        'min': {{config('iviggo.payout_limit')}},
                        'max': {{$commission}}
                    },
                    showCancelButton: true,
                    confirmButtonText: 'Yes!',
                    inputValidator: function(value) {
                        if (!value) {
                            return 'You need to write something!'
                        }
                    },
                }).then(function(result) {
                    if (result.value) {
                        $.ajaxSetup({
                            headers: {
                                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                            }
                        });
                        $.ajax({
                            beforeSend: function () {
                                elem.attr('disabled',true);
                                // setting a timeout
                                $.LoadingOverlay("show");
                            },

                            url: "{{route('ajax.payout')}}",
                            type: "post",
                            data: {'id': id, 'amount': result.value},
                            success: function (data) {
                                //$.LoadingOverlay("hide");
                                location.href=data.url;

                            }, error: function (data) {

                                elem.attr('disabled',false);
                                $.LoadingOverlay("hide");
                                Swal.fire(
                                    'Ooops!',
                                    data.responseJSON.message,
                                    'error'
                                )
                            }
                        });
                    } else if (result.value == '') {
                        elem.attr('disabled',false);
                        $.LoadingOverlay("hide");

                        Swal.fire(
                            'Ooops!',
                            data.responseJSON.message,
                            'error'
                        )
                    }
                });
            });


        });


    </script>
@endpush