@extends('layouts.main')

@section('pageTitle', '系統與金流')

@section('content')
<style>
.form-check{display:inline;margin: 0 10px 0 0;}
.enable{margin-right: 10px;}
</style>
<div class="col-12 col-sm-12">
    <div class="card card-primary card-outline card-outline-tabs">
        <div class="card-header p-0 border-bottom-0">
        @inject('thidLevel','App\Presenters\ThirdLevelPresenter')
        {!! $thidLevel->createThirdLevel($globalVariable['pathMain'], $globalVariable['pathSub'], 'monthlypaySettings.index') !!}
        </div>
        <div class="card-body">
            <div class="tab-content" id="thirdLevel-tabContent">
                <div class="tab-pane fade show active" id="" role="tabpanel">
                    <form action="{{ route('monthlypaySettings.update') }}" method="post" id="monthlypaySettingsForm">
                        @csrf
                        @method('PUT')
                        <div class="col-sm-6">
                            <h4>月租繳費</h4>
                            <hr>
                            <div class="form-group">
                                <label for="monthlypay_pls_enable" class="enable">是否啟用月租繳費</label>
                                @foreach(config('webCommonData.enableDropdown') as $value => $name)
                                    <div class="form-check">
                                        <input class="form-check-input" type="radio" name="monthlypay_pls_enable" value="{{ $value }}" id="monthlypay_pls_enable_{{ $value }}" @if($value == old('monthlypay_pls_enable', $data['monthlypay_pls_enable'])) checked @endif>
                                        <label class="form-check-label" for="monthlypay_pls_enable_{{ $value }}">{{ $name }}</label>
                                    </div>
                                @endforeach
                                @error('monthlypay_pls_enable')
                                    <span id="monthlypay_pls_enable-error" class="validateError">{{ $message }}</span>
                                @enderror
                            </div>

                            @can('monthlypayAdministrator.index')
                            <div class="form-group">
                                <label for="cash_email_frequency">月租繳費管理者郵件名單(訂單異常通知)</label>
                                <a class="btn btn-success" href="{{ route('monthlypayAdministrator.index') }}"><i class="fas fa-users"></i> 編輯名單</a>
                            </div>
                            @endcan

                            <h4 style="text-align: center;">訂單參數</h4>
                            <div class="form-group">
                                <label for="monthlypay_order_create_day">訂單生成日(數字 1 ~ 31)</label>
                                <input type="text" class="form-control" placeholder="訂單生成日(數字 1 ~ 31)" name="monthlypay_order_create_day" value="{{ old('monthlypay_order_create_day', $data['monthlypay_order_create_day']) }}">
                                @error('monthlypay_order_create_day')
                                    <span id="monthlypay_order_create_day-error" class="validateError">{{ $message }}</span>
                                @enderror
                            </div>
                            <div class="form-group">
                                <label for="monthlypay_order_pay_start_mode" class="enable">繳費起始日模式</label>
                                <select class="form-control" name="monthlypay_order_pay_start_mode">
                                    @foreach(config('webCommonData.monthlypayOrderPaymentModeDropdown') as $id => $name)
                                        <option value="{{ $id }}" @if(old('monthlypay_order_pay_start_mode', $data['monthlypay_order_pay_start_mode']) == $id) selected @endif>{{ $name }}</option>
                                    @endforeach
                                </select>
                                @error('monthlypay_order_pay_start_mode')
                                    <span id="monthlypay_order_pay_start_mode-error" class="validateError">{{ $message }}</span>
                                @enderror
                            </div>
                            <div class="form-group">
                                <label for="monthlypay_order_pay_start_day">繳費起始日計算天數</label>
                                <input type="text" class="form-control" placeholder="繳費起始日計算天數" name="monthlypay_order_pay_start_day" value="{{ old('monthlypay_order_pay_start_day', $data['monthlypay_order_pay_start_day']) }}">
                                @error('monthlypay_order_pay_start_day')
                                    <span id="monthlypay_order_pay_start_day-error" class="validateError">{{ $message }}</span>
                                @enderror
                            </div>
                            <div class="form-group">
                                <label for="monthlypay_order_pay_expired_mode" class="enable">繳費到期日模式</label>
                                <select class="form-control" name="monthlypay_order_pay_expired_mode">
                                    @foreach(config('webCommonData.monthlypayOrderPaymentModeDropdown') as $id => $name)
                                        <option value="{{ $id }}" @if(old('monthlypay_order_pay_expired_mode', $data['monthlypay_order_pay_expired_mode']) == $id) selected @endif>{{ $name }}</option>
                                    @endforeach
                                </select>
                                @error('monthlypay_order_pay_expired_mode')
                                    <span id="monthlypay_order_pay_expired_mode-error" class="validateError">{{ $message }}</span>
                                @enderror
                            </div>
                            <div class="form-group">
                                <label for="monthlypay_order_pay_expired_day">繳費到期日計算天數(超商繳費的到期日會提早4天，例如︰6/30 - 4 = 6/26)</label>
                                <input type="text" class="form-control" placeholder="繳費到期日計算天數" name="monthlypay_order_pay_expired_day" value="{{ old('monthlypay_order_pay_expired_day', $data['monthlypay_order_pay_expired_day']) }}">
                                @error('monthlypay_order_pay_expired_day')
                                    <span id="monthlypay_order_pay_expired_day-error" class="validateError">{{ $message }}</span>
                                @enderror
                            </div>
                            <div class="form-group">
                                <label for="monthlypay_order_notify_payment_start" class="enable">訂單繳費提醒承租者</label>
                                <select class="form-control" name="monthlypay_order_notify_payment_start">
                                    @foreach(config('webCommonData.monthlypayNoticePaymentDropdown') as $id => $name)
                                        <option value="{{ $id }}" @if(old('monthlypay_order_notify_payment_start', $data['monthlypay_order_notify_payment_start']) == $id) selected @endif>{{ $name }}</option>
                                    @endforeach
                                </select>
                                @error('monthlypay_order_notify_payment_start')
                                    <span id="monthlypay_order_notify_payment_start-error" class="validateError">{{ $message }}</span>
                                @enderror
                            </div>
                            <div class="form-group">
                                <label for="monthlypay_order_notify_overdue" class="enable">訂單即將逾期提醒承租者</label>
                                <select class="form-control" name="monthlypay_order_notify_overdue">
                                    @foreach(config('webCommonData.monthlypayNoticeOverdueDropdown') as $id => $name)
                                        <option value="{{ $id }}" @if(old('monthlypay_order_notify_overdue', $data['monthlypay_order_notify_overdue']) == $id) selected @endif>{{ $name }}</option>
                                    @endforeach
                                </select>
                                @error('monthlypay_order_notify_overdue')
                                    <span id="monthlypay_order_notify_overdue-error" class="validateError">{{ $message }}</span>
                                @enderror
                            </div>

                            @inject('vehicleTypesRepository','App\Repositories\vehicleTypesRepository')
                            @foreach ($vehicleTypesRepository->getAllByWhere([['id', '<', 3]]) as $vehicleType)
                                <h5 style="text-align: center;">{{ $vehicleType->name }}租金</h5>
                                <div class="form-group">
                                    <label for="monthlypay_amount_month_{{ $vehicleType->id }}">月繳租金</label>
                                    <input type="text" class="form-control" placeholder="月繳租金" name="vehicleTypes[{{ $vehicleType->id }}][monthlypay_amount_month]" value="{{ old('monthlypay_amount_month_{$vehicleType->id}', $vehicleType->monthlypay_amount_month) }}">
                                    @error('monthlypay_amount_month_{{ $vehicleType->id }}')
                                        <span id="monthlypay_amount_month_{{ $vehicleType->id }}-error" class="validateError">{{ $message }}</span>
                                    @enderror
                                </div>
                                <div class="form-group">
                                    <label for="monthlypay_amount_season_{{ $vehicleType->id }}">季繳租金</label>
                                    <input type="text" class="form-control" placeholder="季繳租金" name="vehicleTypes[{{ $vehicleType->id }}][monthlypay_amount_season]" value="{{ old('monthlypay_amount_season_{$vehicleType->id}', $vehicleType->monthlypay_amount_season) }}">
                                    @error('monthlypay_amount_season_{{ $vehicleType->id }}')
                                        <span id="monthlypay_amount_season_{{ $vehicleType->id }}-error" class="validateError">{{ $message }}</span>
                                    @enderror
                                </div>
                                <div class="form-group">
                                    <label for="monthlypay_amount_half_year_{{ $vehicleType->id }}">半年繳租金</label>
                                    <input type="text" class="form-control" placeholder="半年繳租金" name="vehicleTypes[{{ $vehicleType->id }}][monthlypay_amount_half_year]" value="{{ old('monthlypay_amount_half_year_{$vehicleType->id}', $vehicleType->monthlypay_amount_half_year) }}">
                                    @error('monthlypay_amount_half_year_{{ $vehicleType->id }}')
                                        <span id="monthlypay_amount_half_year_{{ $vehicleType->id }}-error" class="validateError">{{ $message }}</span>
                                    @enderror
                                </div>
                                <div class="form-group">
                                    <label for="monthlypay_amount_year_{{ $vehicleType->id }}">年繳租金</label>
                                    <input type="text" class="form-control" placeholder="年繳租金" name="vehicleTypes[{{ $vehicleType->id }}][monthlypay_amount_year]" value="{{ old('monthlypay_amount_year_{$vehicleType->id}', $vehicleType->monthlypay_amount_year) }}">
                                    @error('monthlypay_amount_year_{{ $vehicleType->id }}')
                                        <span id="monthlypay_amount_year_{{ $vehicleType->id }}-error" class="validateError">{{ $message }}</span>
                                    @enderror
                                </div>
                            @endforeach

                            <br>
                        </div>
                        @can('monthlypaySettings.update')
                        <span id="formSubmit" class="btn btn-info" data-toggle="modal" data-target="">修改</span>
                        @endcan
                    </form>
                </div>
            </div>
        </div>
        <!-- /.card -->
    </div>
</div>

<div class="modal fade" id="monthlypayFunctionCheck">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title">停用月租繳費功能</h4>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close" id="closeModal">
                <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body" style="text-align:left;font-size: 18px;">
                <p>停用月租繳費功能之後，系統將作廢所有月租合約及未繳費訂單。<br>請確認後再執行。</p>
            </div>
            <div class="modal-footer justify-content-between" style="text-align:center;">
                <button type="button" class="btn btn-danger" id="monthlypayDisable">確認停用</button>
                <button type="button" class="btn btn-danger" data-dismiss="modal">取消</button>
            </div>
        </div>
        <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
</div>

@endsection

@section('js')
<script>
$(document).ready(function () {
    $('span#formSubmit').click(function (e) {
        var monthlypayPlsEnableOld = '{{ $data['monthlypay_pls_enable'] }}';
        var monthlypayPlsEnableNew = $('[name=monthlypay_pls_enable]:checked').val();
        var checkMonthlypayPlsSetting = true;

        $('input[name^="vehicleTypes"]').each(function() {
            // console.log($(this).val());
            var amount = $(this).val();
            if (!$.isNumeric(amount) || amount < 0 || amount % 1 !== 0) {
                $(this).focus();
                alert('金額請輸入正整數');
                checkMonthlypayPlsSetting = false;
                return false;
            }
        });

        if (!checkMonthlypayPlsSetting) {
            return false;
        }

        if (
            monthlypayPlsEnableOld == 1 &&
            monthlypayPlsEnableNew == 0
        ) {
            $(this).attr('data-target', '#monthlypayFunctionCheck');
        } else {
            $(this).attr('data-target', '');
            pageOverlay();
            $('#monthlypaySettingsForm').submit();
        }
    });

    $('#monthlypayDisable').click(function (e) {
        $('#closeModal').click();
        pageOverlay();
        $('#monthlypaySettingsForm').submit();
    });
});
</script>
@endsection