@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>
        .info-aff .info-affiliate .bor-aff {
            display: inline-block;
            background-color: rgba(8,191,90,1);
            border-radius: 5px;
            padding: 5px 10px;
            min-width: 160px;
            text-align: center;
            margin-right: 10px;
            margin-top: 10px;
            color: rgba(255,255,255,1);
        }

        .aff-info .filter-monthly .filter-month {
            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. */
        }
    </style>
@endpush
@section('content')
    <div class="info-aff">
        <div class="row" style="position: relative;">
            <div class="col-md-9" style="padding: 15px; font-size: 16px;background: rgba(233,245,238,1);">
                <p>アフィリエイター情報</p>
                <div class="info-affiliate">
                    <span class="bor-aff">
                        お名前
                    </span>
                    <span>
                        {{$affInfo->name}}
                    </span>
                </div>
                <div class="info-affiliate">
                    <span class="bor-aff">
                        メールアドレス
                    </span>
                    <span>
                        {{$affInfo->email}}
                    </span>
                </div>
                <div class="info-affiliate">
                    <span class="bor-aff">
                        電話番号
                    </span>
                    <span>
                        {{$affInfo->phone_number}}
                    </span>
                </div>
                <div class="info-affiliate">
                    <span class="bor-aff">
                        住所
                    </span>
                    <span >
                        {{$affInfo->address}}
                    </span>
                </div>
                <div class="info-affiliate">
                    <span class="bor-aff">
                        口座情報
                    </span>
                    <span >
                        {{
                            $affInfo->bank_name . ' ' .
                            $affInfo->branch_name
                        }}
                        {{isset($affInfo->account_type) ? config('sns-line.account_type')[$affInfo->account_type] : ''}}
                        {{
                            $affInfo->account_number . ' ' .
                            $affInfo->account_holder_name
                        }}
                    </span>
                </div>
            </div>
            <div class="col-md-3" style="position: absolute; bottom: 0; right: 0;">
                <div class="aff-info row">
                    <div class="filter-monthly col-md-12">
                        <form action="{{route('managePaymentDetail', $affId)}}" method="get" style="text-align: right">
                            <span>対象月</span>
                            <input type="text" name="filter_month" class="filter-month" id="filter_month" @if(!empty($getTime))value="{{date("Y年m月", strtotime($getTime))}}"@endif style="width: 45%">
                            <input type="submit" class="btn btn-primary" id="get_data"  value="変更">
                        </form>
                    </div>
                </div>
            </div>
        </div>
        <table class="table">
            <tbody>
            <tr class="thead-dark">
                <th>成約ID</th>
                <th>お名前</th>
                <th>メール</th>
                <th>アカウント名</th>
                <th>課金日</th>
                <th>報酬額（円）</th>
                <th>ステータス</th>
            </tr>
            @foreach($getPaymentDetail as $key => $payment)
                <tr>
                    <td>{{$key + 1}}</td>
                    <td>
                        {{$payment->username}}
                    </td>
                    <td>
                        {{$payment->email}}
                    </td>
                    <td>{{$payment->bot_name}}</td>
                    <td>{{$payment->created_at}}</td>
                    <td>{{$payment->amount * (\Illuminate\Support\Facades\Auth::user()->rate_aff)}}</td>
                    <td>
                        @if($payment->status == 0)
                            未払
                        @else
                            支払済
                        @endif
                    </td>
                </tr>
            @endforeach
            <tr>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td>合計報酬
                    {{$totalMoneyForAff}}
                    （円）
                </td>
                <td></td>
            </tr>
            </tbody>
        </table>
    </div>
@endsection
@push('script')
    <script src="{{asset('js/affiliate_info/affiliate_info.js')}}?v={{config("sns-line.version")}}"></script>
    <script src="/js/jquery.min.js"></script>
    <script src="/chat_files/jquery-ui.min.js"></script>
    <script src="/js/form_answer/jquery.ui.datepicker-ja.js"></script>
    <script>
        $(function () {
            $.datepicker.setDefaults( $.datepicker.regional[ "ja" ] );
            $('.filter-month').datepicker({
                dateFormat: "yy年mm月",
                theme:'dark',
            });
        });
    </script>
@endpush