@extends('layout.basic.main')
@push('css')
    <style>

        .modal-title-header {
            margin-top: 15px;
            padding: 5px 15px;
            /*border-bottom: 1px solid #e5e5e5;*/
            background-color: #2ab27b;
            color: #ffffff;
            font-weight: bold;
        }

        .sub h4 {
            margin: 0;
        }

        .hasbtn a:hover {
            cursor: pointer;
        }

        .listtop_l ul li.time_now {
            margin-top: 5px;
        }

        @media screen and (max-width: 1023px) {
            .listtop_r {
                width: 40%;
            }
        }

        @media screen and (min-width: 1024px) {
            .listtop_r {
                width: 36%;
            }
        }

        @media screen and (min-width: 1280px) {
            .listtop_r {
                width: 20%;
            }
        }

        label:after {
            content: '';
        }

        .input-sm {
            line-height: 1.5 !important;
        }

        #table_item_monthly th {
            border: solid 1px #fff;
        }
        #table_item_monthly td {
            border: solid 1px #eee;
        }

        #table_item_monthly td .btn {
            padding: 4px !important;
            width: 90px;
        }
        .alert-test {
            margin-bottom: 10px;
            background-color: #fcb646;
            color: black;
        }

    </style>
@endpush
@section('content')
    <article class="">
        <section class="item-monthly">
            <h2 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>
            @if($flagTest == 1)
                <div class="alert alert-warning alert-test" role="alert">テスト決済データを表示しています。</div>
            @endif
            <div class="listfillter">
                <div class="listtop_l">
                </div>
{{--                <div style="text-align: left">--}}
{{--                        <a href="">--}}
{{--                            <button class="btn btn-primary">売上(月毎)ダウンロード</button>--}}
{{--                        </a>--}}
{{--                </div>--}}
            </div>
            <table class="table" id="table_item_monthly">
                <thead>
                <tr>
                    <th style="width: 10%">発生月​</th>
                    <th style="width: 14%">申込（計）​</th>
                    <th style="width: 10%">申込（課金）</th>
                    <th style="width: 10%">トライアル​</th>
                    <th style="width: 10%">解約</th>
                    <th style="width: 10%">返金</th>
                    <th style="width: 10%">売上</th>
                </tr>
                </thead>
                <tbody>
                @foreach($monthItem as $month)
                <tr>
                    <td>{{$month->year}}/{{$month->month}}</td>
                    @if($flagTest == 1)
                    <td>{{$month->m_register_test}}</td>
                    <td>{{$month->m_payment_test}}</td>
                    <td>{{$month->m_trial_test}}</td>
                    <td>{{$month->m_cancel_test}}
                        @if($month->m_register_test != 0 && $month->m_cancel_test <= $month->m_register_test)
                            ({{ (round($month->m_cancel_test/$month->m_register_test,2))*100 }}%)
                        @endif
                        @if($month->m_register_test == 0)
                            (0%)
                        @endif
                    </td>
                    <td>{{$month->m_refund_test}}</td>
                    <td>{{number_format($month->m_sales_test)}}円</td>
                    @endif
                    @if($flagTest == 0)
                        <td>{{$month->m_register}}</td>
                        <td>{{$month->m_payment}}</td>
                        <td>{{$month->m_trial}}</td>
                        <td>{{$month->m_cancel}}
                            @if($month->m_register != 0 && $month->m_cancel <= $month->m_register)
                                ({{ (round($month->m_cancel/$month->m_register,2))*100 }}%)
                            @endif
                            @if($month->m_register == 0)
                                (0%)
                            @endif
                        </td>
                        <td>{{$month->m_refund}}</td>
                        <td>{{number_format($month->m_sales)}}円</td>
                    @endif
                </tr>
                @endforeach
                </tbody>
            </table>
        </section>
    </article>

@endsection
@push('js')
    <script>
        // $(document).ready(function () {
        //     $('#dataTables').DataTable({
        //         responsive: true,
        //         language: {
        //             url: '/css/plugins/datatables/dt_i18n/Japanese.lang',
        //         },
        //         iDisplayLength: 5,
        //         aLengthMenu: [[5, 10, 25, 50, 100, -1], [5, 10, 25, 50, 100, "すべて"]],
        //     });
        // });
    </script>
@endpush