@extends('layout.basic.main')
@push('css')
    <style>
        .marginTop10 {
            margin-top: 10px;
        }

        .center {
            text-align: center;
            margin-top: 20px;
        }

        div.btn button {
            display: block;
            border-radius: 5px;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            padding: 10px 10px;
            font-size: 85%;
            background: #4A96B2;
            color: #fff;
            margin-top: 5px;
            border: 0;
            width: 50%;
            cursor: pointer;

        }

        .btn {
            border-radius: 4px !important;
        }
    </style>
@endpush
@section('content')
    <article class="sub">
        <section class="masteredit">
            <h2>課金管理</h2>
            <div>
                <h3>課金管理</h3>
                <div style="text-align: center">
                    <span>現在のプランは {{ $totalUser }}まで、{{ $totalMoneyToPay }}円請求</span>
                    @for($i = 0; $i < 15; $i++)
                        <div class="marginTop10">
                            <input type="number" name="users[]" disabled
                                   value="{{ isset($settingPayment->users[$i]) ? $settingPayment->users[$i] : '' }}">
                            <span>まで</span>
                            <input type="number" name="moneys[]" disabled
                                   value="{{ isset($settingPayment->money[$i]) ? $settingPayment->money[$i] : '' }}">
                            <span>円/月</span>
                        </div>
                    @endfor
                </div>
            </div>
        </section>
    </article>
@endsection
@push('script')
    <script>
        $('#submitSettingPayment').on('click', function (e) {
            e.preventDefault();
            $('input[name="users[]"]').each(function (k, v) {
                if ($(v).eq(k).val() == '') {
                    $(v).eq(k).focus();
                    return false;
                }
                if ($(v).eq(k).val() != '' && $('input[name="moneys[]"]').eq(k).val() == '') {
                    $('input[name="moneys[]"]').eq(k).focus();
                    return false;
                }
                if ($(v).eq(k).val() != '' && $('input[name="rates[]"]').eq(k).val() == '') {
                    $('input[name="rates[]"]').eq(k).focus();
                    return false;
                }
            });
            $('#formSettingPayment').submit();
        })
    </script>
@endpush