@extends('layout.admin.main')
@push('css')
    <link rel="stylesheet" href="{{asset('css/affiliate_info/affiliate_info.css')}}?v={{config("sns-line.version")}}">
    <link rel="stylesheet" href="/chat_files/jquery-ui.min.css">
    <style>
        .aff-info .filter-monthly .date-picker {
            background: url(/images/calendar.png) right 5px center no-repeat;
            appearance: none;
            -webkit-appearance: none; /* Support for Google Chrome và Safari. */
            -moz-appearance: none; /* Support for firefox. */
            -ms-appearance: none; /* Support for Internet Explorer. */
            -o-appearance: none; /* Support for Opera. */
        }
        .ui-datepicker-calendar {
            display: none;
        }
    </style>
@endpush
@section('content')
    <div class="">
        <h2 class="title-register" style="font-size: 20px; color: #222222; font-weight: bold; padding: 10px 10px 10px 0">紹介状況</h2>
        <p style="margin-bottom: 15px; font-size: 15px; color: #222222">成約者や報酬額など紹介状況を確認することができます。</p>
        <p>紹介報酬に関する詳細は<a href="https://lme.jp/manual/affiliate/" target="blank" style="cursor: pointer; text-decoration: underline;color: #00a0ea">コチラ</a></p>
        <!-- <div class="top-status row">
            <div class="col-md-6">
                <span>登録者・支払い情報</span>
                <span class="name-user" style="color: red;font-weight: 600">{{$affiliateInfo ? $affiliateInfo->name : ''}}</span>
            </div>
            <div class="col-md-6" style="text-align: right">
                <span class="rate">
                アフィリエイト報酬比率　{{ $rateAff*100 }}％
            </span>
            </div>
        </div> -->
        <!-- <div class="link-register row">
            <span class="col-md-2" style="font-weight: 500;font-size: 18px">アフィリエイトリンク</span>
            <div class="col-md-10" style="float: left">
                <input type="text" id="input-register-user" value="{{env('LINK_AFF')}}?ucode={{$hashUserId}}"
                       class="input-register-user" readonly>
                <button class="btn btn-warning" onclick="copyUrl()">コピー</button>
            </div>
        </div> -->
        <div class="link-register row" style="margin-left: 0; margin-right: 0;">
            <div class="col-md-8" style="background-color: rgba(233,245,238,1); padding: 15px">
                <div class="row">
                    <div class="col-md-6" style="font-size: 20px;">
                        <p>紹介用エルメ新規登録URL</p>
                    </div>
                    <div class="col-md-6" style="text-align: right">
                        <p style="
                            display: inline-block; 
                            background-color: rgba(8,191,90,1); 
                            padding: 5px 10px; 
                            border-radius: 5px; 
                            color: rgba(255,255,255,1);"
                        >紹介報酬：継続 {{ $rateAff*100 }}%</p>
                    </span>
                </div>
                <div class="input-group" style="padding: 10px 15px; z-index: 0">
                    <input type="text" id="input-register-user" value="{{env('LINK_AFF')}}?ucode={{$hashUserId}}"
                       class="form-control input-register-user" readonly style="box-shadow: none;">
                    <span class="input-group-btn">
                        <button class="btn btn-default" type="button" style="border-left: 0; height: 36px" onclick="copyUrl()"><i class="fa fa-copy"></i></button>
                    </span>
                </div>
            </div>
        </div>
        {{--        <div class="link-register row" style="margin-top: 10px">--}}
        {{--            <span class="col-md-2" style="font-weight: 500;font-size: 18px">Link javascript</span>--}}
        {{--            <div class="col-md-10" style="float: left">--}}
        {{--                <input type="text" id="link-javascript"--}}
        {{--                       value="<script src='{{asset('js/affiliate_info/get_ucode.js')}}'></script>"--}}
        {{--                       class="input-register-user" readonly>--}}
        {{--                <button class="btn btn-warning" onclick="copyJs()">コピー</button>--}}
        {{--            </div>--}}
        {{--        </div>--}}
        <div class="row" style="margin: 0;">
            <div class="col-md-8" style="padding: 0;">
                <div class="aff-info row">
                    <span class="total-user-intro col-md-6">
                    成約者情報
        {{--            <strong>全{{$affiliateInfo->count_user_intro}}件</strong>--}}
                    </span>
                    <div class="filter-monthly col-md-6">
                        <form action="{{route('managePaymentStatus')}}" method="get">
                            <span>対象月</span>
                            <input class="date-picker" name="filter_month" type="text" id="filter_month" style="min-width: 120px"
                                @if(!empty($getTime))value="{{date("Y年n月", strtotime($getTime))}}" @endif autocomplete="off">
                            <input type="submit" class="btn btn-primary" id="get_data" style="padding: 5px 10px" value="変更">
                        </form>
                    </div>
                </div>
                {{--        <a href="" id="register_member">ADD url</a>--}}
                <table class="table table-payment-detail">
                    <tbody>
                    <tr class="thead-green">
                        <th>成約者ID</th>
                        <th>お名前</th>
                        <th>決済日</th>
                        <th>報酬額</th>
                        <!-- <th>ステータス</th> -->
                    </tr>
                    @foreach($paymentsDetail as $key => $payment)
                        <tr>
                            <td class="td-cell-payment-detail">{{$key+1}}</td>
                            <td class="td-cell-payment-detail">
                                {{$payment->username ? $payment->username : "このアカウントは削除されました"}}
                            </td>
                            <td class="td-cell-payment-detail" style="text-align: center">{{date("Y-m-d", strtotime($payment->created_at))}}</td>
                            <td class="td-cell-payment-detail" style="text-align: center">{{number_format($payment->amount * $rateAff)}}円</td>
                            <!-- <td>@if($payment->status == 0)
                                    未払
                                @else
                                    支払済
                                @endif
                            </td> -->
                        </tr>
                    @endforeach
                    <tr>
                        <td colspan="3" style="text-align: right">合計報酬</td>
                        <td style="text-align: left">{{number_format($totalMoneyForAff)}}円</td>
                        <!-- <td></td> -->
                    </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>

@endsection
@push('script')
            <script>
                var affId = null;
                var rate_aff =