@extends('layouts.main')

@section('pageTitle', '車牌辨識')

@section('content')
<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'], 'licensePlateSetting.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('licensePlateSetting.update') }}" method="post">
                        @csrf
                        @method('PUT')
                        <div class="col-sm-6">
                            <div class="form-group">
                                <label for="picture_capacity">車牌辨識圖片儲存容量(MB)</label>
                                <input type="text" class="form-control" placeholder="車牌辨識圖片儲存容量(MB)" name="picture_capacity" value="{{ old('picture_capacity', $data['picture_capacity']) }}">
                                @error('picture_capacity')
                                    <span id="picture_capacity-error" class="validateError">{{ $message }}</span>
                                @enderror
                            </div>
                            <div class="form-group">
                                <label for="picture_port">車牌辨識圖片 port</label>
                                <input type="text" class="form-control" placeholder="車牌辨識圖片 port" name="picture_port" value="{{ old('picture_port', $data['picture_port']) }}">
                                @error('picture_port')
                                    <span id="picture_port-error" class="validateError">{{ $message }}</span>
                                @enderror
                            </div>
                            <div class="form-group">
                                <label for="fuzzy_comparison_tmp">臨停車模糊比對規則</label>
                                <select class="form-control" name="fuzzy_comparison_tmp">
                                    @foreach(config('webCommonData.fuzzyComparisonDropdown') as $id => $name)
                                        <option value="{{ $id }}" @if(old('fuzzy_comparison_tmp', $data['fuzzy_comparison_tmp']) == $id) selected @endif>{{ $name }}</option>
                                    @endforeach
                                </select>
                                @error('fuzzy_comparison_tmp')
                                    <span id="fuzzy_comparison_tmp-error" class="validateError">{{ $message }}</span>
                                @enderror
                            </div>
                            <div class="form-group">
                                <label for="fuzzy_comparison_manager">管理車模糊比對規則</label>
                                <select class="form-control" name="fuzzy_comparison_manager">
                                    @foreach(config('webCommonData.fuzzyComparisonDropdown') as $id => $name)
                                        <option value="{{ $id }}" @if(old('fuzzy_comparison_manager', $data['fuzzy_comparison_manager']) == $id) selected @endif>{{ $name }}</option>
                                    @endforeach
                                </select>
                                @error('fuzzy_comparison_manager')
                                    <span id="fuzzy_comparison_manager-error" class="validateError">{{ $message }}</span>
                                @enderror
                            </div>
                            <div class="form-group">
                                <label for="fuzzy_comparison_monthly">月租車模糊比對規則</label>
                                <select class="form-control" name="fuzzy_comparison_monthly">
                                    @foreach(config('webCommonData.fuzzyComparisonDropdown') as $id => $name)
                                        <option value="{{ $id }}" @if(old('fuzzy_comparison_monthly', $data['fuzzy_comparison_monthly']) == $id) selected @endif>{{ $name }}</option>
                                    @endforeach
                                </select>
                                @error('fuzzy_comparison_monthly')
                                    <span id="fuzzy_comparison_monthly-error" class="validateError">{{ $message }}</span>
                                @enderror
                            </div>
                            <div class="form-group">
                                <label for="lpr_scan_time">強制新增進場紀錄</label> ＊設定時間到未辨識成功，會自動新增異常車牌進場紀錄。
                                <select class="form-control" name="lpr_scan_time">
                                    <option value="0" @if(old('lpr_scan_time', $data['lpr_scan_time']) == 0) selected @endif>停用</option>
                                    @for ($seconds = 5; $seconds <= 30; $seconds += 5)
                                        <option value="{{ $seconds }}" @if(old('lpr_scan_time', $data['lpr_scan_time']) == $seconds) selected @endif>{{ $seconds }} 秒</option>
                                    @endfor
                                </select>
                                @error('lpr_scan_time')
                                    <span id="lpr_scan_time-error" class="validateError">{{ $message }}</span>
                                @enderror
                            </div>
                            <div class="form-group">
                                <label for="repeat_enter">是否允許重覆進場</label>
                                <select class="form-control" name="repeat_enter">
                                    @foreach(config('webCommonData.yesOrNoDropdown') as $id => $name)
                                        <option value="{{ $id }}" @if(old('repeat_enter', $data['repeat_enter']) == $id) selected @endif>{{ $name }}</option>
                                    @endforeach
                                </select>
                                @error('repeat_enter')
                                    <span id="repeat_enter-error" class="validateError">{{ $message }}</span>
                                @enderror
                            </div>
                            <div class="form-group">
                                <label for="lp_host">車辨主機 IP (設定繳費機內網IP)</label>
                                <input type="text" class="form-control" placeholder="車辨主機 IP" name="lp_host" value="{{ old('lp_host', $data['lp_host']) }}">
                                @error('lp_host')
                                    <span id="lp_host-error" class="validateError">{{ $message }}</span>
                                @enderror
                            </div>
                            <div class="form-group">
                                <label for="lp_account">車辨主機帳號</label>
                                <input type="text" class="form-control" placeholder="車辨主機帳號" name="lp_account" value="{{ old('lp_account', $data['lp_account']) }}">
                                @error('lp_account')
                                    <span id="lp_account-error" class="validateError">{{ $message }}</span>
                                @enderror
                            </div>
                            <div class="form-group">
                                <label for="lp_password">車辨主機密碼</label>
                                <input type="text" class="form-control" placeholder="車辨主機密碼" name="lp_password" value="{{ old('lp_password', $data['lp_password']) }}">
                                @error('lp_password')
                                    <span id="lp_password-error" class="validateError">{{ $message }}</span>
                                @enderror
                            </div>
                            <div class="form-group">
                                <label for="lp_camera_core">車辨攝影機核心</label>
                                <select class="form-control" name="lp_camera_core">
                                    @foreach(config('webCommonData.licensePlateCoreDropdown') as $id => $name)
                                        <option value="{{ $id }}" @if(old('lp_camera_core', $data['lp_camera_core']) == $id) selected @endif>{{ $name }}</option>
                                    @endforeach
                                </select>
                                @error('lp_camera_core')
                                    <span id="lp_camera_core-error" class="validateError">{{ $message }}</span>
                                @enderror
                            </div>
                            <div class="form-group">
                                <label for="fetc_host">遠通繳費柱主機位址</label>
                                <input type="text" class="form-control" placeholder="遠通繳費柱主機位址" name="fetc_host" value="{{ old('fetc_host', $data['fetc_host']) }}">
                                @error('fetc_host')
                                    <span id="fetc_host-error" class="validateError">{{ $message }}</span>
                                @enderror
                            </div>
                            <div class="form-group">
                                <label for="fetc_token">遠通繳費柱 token</label>
                                <input type="text" class="form-control" placeholder="遠通繳費柱 token" name="fetc_token" value="{{ old('fetc_token', $data['fetc_token']) }}">
                                @error('fetc_token')
                                    <span id="fetc_token-error" class="validateError">{{ $message }}</span>
                                @enderror
                            </div>
                            <div class="form-group">
                                <label for="fetc_transaction_host">遠通交易記錄位址</label>
                                <input type="text" class="form-control" placeholder="遠通交易記錄位址" name="fetc_transaction_host" value="{{ old('fetc_transaction_host', $data['fetc_transaction_host']) }}">
                                @error('fetc_transaction_host')
                                    <span id="fetc_transaction_host-error" class="validateError">{{ $message }}</span>
                                @enderror
                            </div>
                            @can('licensePlateSetting.update')
                            <button type="submit" class="btn btn-info">修改</button>
                            @endcan
                            <!-- button - info -->
                            <button type="button" class="btn btn-danger" data-toggle="modal" data-target="#plateFuzzyRuleModal">
                                <i class="fas fa-info-circle"></i>&nbsp;
                                模糊比對規則
                            </button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
        <!-- /.card -->
    </div>
</div>

<!-- Modal  -->
<div class="modal fade" id="plateFuzzyRuleModal" tabindex="-1" data-backdrop="static" data-keyboard="false">
  <div class="modal-dialog modal-xl modal-dialog-centered modal-dialog-scrollable">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title">模糊比對規則</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        <p class="text-danger">
            整體規則：當車輛開到柵門前進行車辨，先將車辨後的車牌以模糊比對規則進行處理，再將結果配對場內車輛，抓取符合規則的那台車。<br><br>
            車輛身份比對順序：完整車牌抓取 > 管理車模糊 > 月租車模糊 > 臨停車模糊<br><br>
        </p>
        <table class="table table-bordered">
            <thead>
                <tr>
                    <th>規則名稱</th>
                    <th>說明</th>
                </tr>
            </thead>
            <tbody>
                <!-- row 1 -->
                <tr>
                    <td class="align-top">1.前後一碼，長度須正確</td>
                    <td>
                        限制：抓取的車牌長度僅可以有三種情況。<br>
                        1.長度完整符合<br>
                        2.長度多一碼<br>
                        3.長度少一碼<br>
                        <br>
                        情境舉例：目前車辨到的車牌為 <strong>ABC1234</strong>，場內若有下方已繳費的車牌，該台車可在模糊比對到以下車牌後出場。<br>
                        1.長度完整符合：<strong>XBC1234</strong>、<strong>ABC123X</strong><br>
                        2.長度多一碼：<strong>XABC1234</strong>、<strong>ABC1234X</strong><br>
                        3.長度少一碼：<strong>BC1234</strong>、<strong>ABC123</strong><br>
                        <br>
                        不能被模糊比對出場的車牌：ABC12、C1234、XXABC1234、ABC1234XX<br>
                        <br>
                    </td>
                </tr>
                <!-- row 2 -->
                <tr>
                    <td class="align-top">2.任一碼，長度須正確</td>
                    <td>
                        限制：抓取的車牌長度須要完整符合<br>
                        <br>
                        情境舉例：目前車辨到的車牌為 <strong>ABC1234</strong>，場內若有下方已繳費的車牌，該台車可在模糊比對到以下車牌後出場。<br>
                        - 長度完整符合：<strong>XBC1234</strong>、<strong>AXC1234</strong>、<strong>ABX1234</strong>、<strong>ABCX234</strong>、<strong>ABC1X34</strong>、<strong>ABC12X4</strong>、<strong>ABC123X</strong><br>
                        <br>
                        不能被模糊比對出場的車牌：XABC1234、ABC1234X、AXBC1234<br>
                        <br>
                    </td>
                </tr>
                <!-- row 3 -->
                <tr>
                    <td class="align-top">3.前後一碼 + 任一碼</td>
                    <td>規則一 & 二同時開啟，只要符合一個規則就放行</td>
                </tr>
            </tbody>
        </table>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">關閉</button>
      </div>
    </div>
  </div>
</div>
@endsection