@extends('layouts.main')

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

@section('content')

<style>
table#fullTable, table#insufficientTable, table#checkoutTable {
    width:100%;
    height:100%;
    border:1px solid #b3adad;
    border-collapse:collapse;
    padding:5px;
}
table#fullTable th, table#insufficientTable th, table#checkoutTable th {
    border:1px solid #b3adad;
    padding:5px;
    background: #f0f0f0;
    color: #313030;
}
table#fullTable td, table#fullTable thead, table#insufficientTable td, table#insufficientTable thead, table#checkoutTable td, table#checkoutTable thead {
    border:1px solid #b3adad;
    text-align:center;
    padding:5px;
    background: #ffffff;
    color: #313030;
}

td.fullTableTd, td.insufficientTableTd, td.checkoutTableTd {
    background: #f0f0f0;
    font-weight: bold;
}

td input {
    border: 1px solid #ced4da;
    text-align: center;
    border-radius: 0.25rem;
}

td input:focus {
    outline: none !important;
    border:1px solid rgb(101, 196, 209);
    box-shadow: 0 0 0 0.2rem rgba(52, 144, 220, 0.25);
  }
</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'], 'cashPayment.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('cashPayment.update') }}" method="post">
                        @csrf
                        @method('PUT')
                        <div class="col-sm-6">
                            <div class="form-group">
                                <label for="cash_alert_enable">是否啟用現金水位異常、現金設備異常告警信</label> ＊啟用後，會發送告警信至告警名單，並啟用相關現金告警首頁跑馬燈，在設定時檢查水位並停用現金繳費。
                                <select class="form-control" name="cash_alert_enable">
                                    @foreach(config('webCommonData.enableDropdown') as $id => $name)
                                        <option value="{{ $id }}" @if(old('cash_alert_enable', $data['cash_alert_enable']) == $id) selected @endif>{{ $name }}</option>
                                    @endforeach
                                </select>
                                @error('cash_alert_enable')
                                    <span id="cash_alert_enable-error" class="validateError">{{ $message }}</span>
                                @enderror
                            </div>

                            @can('warningEmail.index')
                            <div class="form-group">
                                <label for="cash_email_frequency">現金結帳與告警郵件名單</label>
                                <a class="btn btn-success" href="{{ route('warningEmail.index') }}"><i class="fas fa-users"></i> 編輯名單</a>
                            </div>
                            @endcan

                            <div class="form-group">
                                <label for="cash_email_frequency">現金告警信件頻率(分)</label>
                                <select class="form-control" name="cash_email_frequency">
                                    @foreach(config('webCommonData.cashWarningEmailFrequency') as $id => $name)
                                        <option value="{{ $id }}" @if(old('cash_email_frequency', $data['cash_email_frequency']) == $id) selected @endif>{{ $name }}</option>
                                    @endforeach
                                </select>
                                @error('cash_email_frequency')
                                    <span id="cash_email_frequency-error" class="validateError">{{ $message }}</span>
                                @enderror
                            </div>

                            <h4 style="text-align: center;">結帳模式登入密碼設定</h4>
                            <div class="form-group">
                                <label for="originalPassword">請輸入原本密碼</label> ＊若忘記密碼，請聯絡微程式人員協助重置。
                                <input type="password" class="form-control" placeholder="請輸入原本密碼" id="originalPassword" name="originalPassword">
                                @error('originalPassword')
                                    <span id="originalPassword-error" class="validateError">{{ $message }}</span>
                                @enderror
                            </div>
                            <div class="form-group">
                                <label for="newPassword">請輸入新密碼</label>
                                <input type="password" class="form-control" placeholder="請輸入新密碼" id="newPassword" name="newPassword">
                                @error('newPassword')
                                    <span id="newPassword-error" class="validateError">{{ $message }}</span>
                                @enderror
                            </div>

                            <h4 style="text-align: center;">現金滿量告警設定</h4>
                            <div class="form-group">
                                <table id="fullTable">
                                    <thead>
                                        <tr>
                                            <th>金額</th>
                                            <th>即將滿量告警數</th>
                                            <th>滿量告警數</th>
                                            <th>恢復收幣數</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td class="fullTableTd">100</td>
                                            <td>
                                                <input type="text" name="almost_full_100" value="{{ old('almost_full_100', $data['almost_full_100']) }}"><br>
                                                @error('almost_full_100')
                                                    <span id="almost_full_100-error" class="validateError">{{ $message }}</span>
                                                @enderror
                                            </td>
                                            <td>
                                                <input type="text"name="full_100" value="{{ old('full_100', $data['full_100']) }}"><br>
                                                @error('full_100')
                                                    <span id="full_100-error" class="validateError">{{ $message }}</span>
                                                @enderror
                                            </td>
                                            <td>
                                                --
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="fullTableTd">50</td>
                                            <td>
                                                <input type="text" name="almost_full_50" value="{{ old('almost_full_50', $data['almost_full_50']) }}"><br>
                                                @error('almost_full_50')
                                                    <span id="almost_full_50-error" class="validateError">{{ $message }}</span>
                                                @enderror
                                            </td>
                                            <td>
                                                <input type="text" name="full_50" value="{{ old('full_50', $data['full_50']) }}"><br>
                                                @error('full_50')
                                                    <span id="full_50-error" class="validateError">{{ $message }}</span>
                                                @enderror
                                            </td>
                                            <td>
                                                <input type="text" name="recover_collect_coin_50" value="{{ old('recover_collect_coin_50', $data['recover_collect_coin_50']) }}"><br>
                                                @error('recover_collect_coin_50')
                                                    <span id="recover_collect_coin_50-error" class="validateError">{{ $message }}</span>
                                                @enderror
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="fullTableTd">10</td>
                                            <td>
                                                <input type="text" name="almost_full_10" value="{{ old('almost_full_10', $data['almost_full_10']) }}"><br>
                                                @error('almost_full_10')
                                                    <span id="almost_full_10-error" class="validateError">{{ $message }}</span>
                                                @enderror
                                            </td>
                                            <td>
                                                <input type="text" name="full_10" value="{{ old('full_10', $data['full_10']) }}"><br>
                                                @error('full_10')
                                                    <span id="full_10-error" class="validateError">{{ $message }}</span>
                                                @enderror
                                            </td>
                                            <td>
                                                <input type="text" name="recover_collect_coin_10" value="{{ old('recover_collect_coin_10', $data['recover_collect_coin_10']) }}"><br>
                                                @error('recover_collect_coin_10')
                                                    <span id="recover_collect_coin_10-error" class="validateError">{{ $message }}</span>
                                                @enderror
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="fullTableTd">5</td>
                                            <td>
                                                <input type="text" name="almost_full_5" value="{{ old('almost_full_5', $data['almost_full_5']) }}"><br>
                                                @error('almost_full_5')
                                                    <span id="almost_full_5-error" class="validateError">{{ $message }}</span>
                                                @enderror
                                            </td>
                                            <td>
                                                <input type="text" name="full_5" value="{{ old('full_5', $data['full_5']) }}"><br>
                                                @error('full_5')
                                                    <span id="full_5-error" class="validateError">{{ $message }}</span>
                                                @enderror
                                            </td>
                                            <td>
                                                <input type="text" name="recover_collect_coin_5" value="{{ old('recover_collect_coin_5', $data['recover_collect_coin_5']) }}"><br>
                                                @error('recover_collect_coin_5')
                                                    <span id="recover_collect_coin_5-error" class="validateError">{{ $message }}</span>
                                                @enderror
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>

                            <h4 style="text-align: center;">現金不足告警設定</h4>
                            <div class="form-group">
                                <table id="insufficientTable">
                                    <thead>
                                        <tr>
                                            <th>金額</th>
                                            <th>即將不足告警數</th>
                                            <th>不足告警數</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td class="insufficientTableTd">50</td>
                                            <td>
                                                <input type="text" name="almost_insufficient_50" value="{{ old('almost_insufficient_50', $data['almost_insufficient_50']) }}"><br>
                                                @error('almost_insufficient_50')
                                                    <span id="almost_insufficient_50-error" class="validateError">{{ $message }}</span>
                                                @enderror
                                            </td>
                                            <td>
                                                <input type="text" name="insufficient_50" value="{{ old('insufficient_50', $data['insufficient_50']) }}"><br>
                                                @error('insufficient_50')
                                                    <span id="insufficient_50-error" class="validateError">{{ $message }}</span>
                                                @enderror
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="insufficientTableTd">10</td>
                                            <td>
                                                <input type="text" name="almost_insufficient_10" value="{{ old('almost_insufficient_10', $data['almost_insufficient_10']) }}"><br>
                                                @error('almost_insufficient_10')
                                                    <span id="almost_insufficient_10-error" class="validateError">{{ $message }}</span>
                                                @enderror
                                            </td>
                                            <td>
                                                <input type="text" name="insufficient_10" value="{{ old('insufficient_10', $data['insufficient_10']) }}"><br>
                                                @error('insufficient_10')
                                                    <span id="insufficient_10-error" class="validateError">{{ $message }}</span>
                                                @enderror
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="insufficientTableTd">5</td>
                                            <td>
                                                <input type="text" name="almost_insufficient_5" value="{{ old('almost_insufficient_5', $data['almost_insufficient_5']) }}"><br>
                                                @error('almost_insufficient_5')
                                                    <span id="almost_insufficient_5-error" class="validateError">{{ $message }}</span>
                                                @enderror
                                            </td>
                                            <td>
                                                <input type="text" name="insufficient_5" value="{{ old('insufficient_5', $data['insufficient_5']) }}"><br>
                                                @error('insufficient_5')
                                                    <span id="insufficient_5-error" class="validateError">{{ $message }}</span>
                                                @enderror
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>

                            <h4 style="text-align: center;">現金結帳設定[結帳人員完成後，請按下結帳重設]</h4>
                            <div class="form-group">
                                <table id="checkoutTable">
                                    <thead>
                                        <tr>
                                            <th>金額</th>
                                            <th>硬幣預設枚數</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td class="checkoutTableTd">50</td>
                                            <td>
                                                <input type="text" name="default_50" value="{{ old('default_50', $data['default_50']) }}"><br>
                                                @error('default_50')
                                                    <span id="default_50-error" class="validateError">{{ $message }}</span>
                                                @enderror
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="checkoutTableTd">10</td>
                                            <td>
                                                <input type="text" name="default_10" value="{{ old('default_10', $data['default_10']) }}"><br>
                                                @error('default_10')
                                                    <span id="default_10-error" class="validateError">{{ $message }}</span>
                                                @enderror
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="checkoutTableTd">5</td>
                                            <td>
                                                <input type="text" name="default_5" value="{{ old('default_5', $data['default_5']) }}"><br>
                                                @error('default_5')
                                                    <span id="default_5-error" class="validateError">{{ $message }}</span>
                                                @enderror
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                            <div class="form-group hide">
                                <label for="default_100">100元紙鈔預設張數</label> ＊請輸入正整數。
                                <input type="text" class="form-control" placeholder="100元紙鈔預設張數" name="default_100" value="{{ old('default_100', $data['default_100']) }}"><br>
                                @error('default_100')
                                    <span id="default_100-error" class="validateError">{{ $message }}</span>
                                @enderror
                            </div>
                        </div>
                        <div>
                            ※ 請輸入正整數。<br>
                            ※ 實際現金數量到達「滿量告警數」將暫停該組現金收幣；<br>
                            　 現金數量降回「恢復收幣數」則恢復正常收幣。
                        </div><br>

                        @can('cashPayment.update')
                        <button type="submit" class="btn btn-info">修改</button>
                        @endcan
                        @if(auth()->user()->role->super_user == 1)
                            <span class="btn bg-teal color-palette" id="resetPassword">重置密碼</span>
                        @endif
                    </form>
                </div>
            </div>
        </div>
        <!-- /.card -->
    </div>
</div>
@endsection

@section('js')
<script>
$(document).ready(function () {
    @if(auth()->user()->role->super_user == 1)
    $('#resetPassword').click(function (e) {
        changeAjax("{{ route('cashPayment.resetPassword') }}", '', clearPassword);
    });

    function clearPassword(){
        $('#originalPassword').val('');
        $('#newPassword').val('');
    }
    @endif

    $('button[type=submit]').click(function (e) {
        var originalPassword = $('#originalPassword').val();
        var newPassword = $('#newPassword').val();
        if (originalPassword != '' && newPassword == '') {
            errorMessage('新密碼 欄位不能為空');
            return false;
        }
    });
});
</script>
@endsection