@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->createVehicleTab('billingContent', $data->vehicle_id) !!}
        </div>
        <div class="card-body">
            <div class="tab-content" id="thirdLevel-tabContent">
                <div class="tab-pane fade show active" id="" role="tabpanel">
                    <input type="hidden" id="vehicleType" value="{{ $data->vehicle_id }}">
                    <form action="{{ route('feeIntervalLimit.update', $data->vehicle_id) }}" method="post">
                        @csrf
                        @method('PUT')
                        <div class="col-sm-6">
                            <div class="form-group">
                                <label for="current_fee_type">收費方式</label>
                                <select class="form-control" id="feeType">
                                    @foreach(config('webCommonData.feeTypeDropdown') as $id => $name)
                                        @if($id != 8)
                                            <option value="{{ $id }}" @if($id == 6) selected @endif>{{ $name }}</option>
                                        @endif
                                    @endforeach
                                </select>
                            </div>

                            <h4 style="text-align: center;">共同設定</h4>
                            <div class="form-group">
                                <label for="free_time">入場後免費時間(分)</label>
                                <input type="text" class="form-control" placeholder="入場後免費時間(分)" name="free_time" value="{{ old('free_time', $data->free_time) }}">
                                @error('free_time')
                                    <span id="free_time-error" class="validateError">{{ $message }}</span>
                                @enderror
                            </div>
                            <div class="form-group">
                                <label for="buffer_time">繳費出場緩衝時間(分)</label>
                                <input type="text" class="form-control" placeholder="繳費出場緩衝時間(分)" name="buffer_time" value="{{ old('buffer_time', $data->buffer_time) }}">
                                @error('buffer_time')
                                    <span id="buffer_time-error" class="validateError">{{ $message }}</span>
                                @enderror
                            </div>
                            <div class="form-group">
                                <label for="is_day_settlement">是否日結</label>
                                <select class="form-control" name="is_day_settlement">
                                    @foreach(config('webCommonData.yesOrNoDropdown') as $id => $name)
                                        <option value="{{ $id }}" @if(old('is_day_settlement', $data->is_day_settlement) == $id) selected @endif>{{ $name }}</option>
                                    @endforeach
                                </select>
                                @error('is_day_settlement')
                                    <span id="is_day_settlement-error" class="validateError">{{ $message }}</span>
                                @enderror
                            </div>
                            <div class="form-group">
                                <label for="access_type">計費模式</label>
                                <select class="form-control" name="access_type">
                                    @foreach(config('webCommonData.mainFeeTypeDropdown') as $id => $name)
                                        <option value="{{ $id }}" @if(old('access_type', $data->access_type) == $id) selected @endif>{{ $name }}</option>
                                    @endforeach
                                </select>
                                @error('access_type')
                                    <span id="access_type-error" class="validateError">{{ $message }}</span>
                                @enderror
                            </div>
                            <div class="form-group">
                                <label for="is_segment_settlement">跨時段時是否結算該時段費用</label>
                                <select class="form-control" name="is_segment_settlement">
                                    @foreach(config('webCommonData.yesOrNoDropdown') as $id => $name)
                                        <option value="{{ $id }}" @if(old('is_segment_settlement', $data->is_segment_settlement) == $id) selected @endif>{{ $name }}</option>
                                    @endforeach
                                </select>
                                @error('is_segment_settlement')
                                    <span id="is_segment_settlement-error" class="validateError">{{ $message }}</span>
                                @enderror
                            </div>

                            <h4 style="text-align: center;">平日設定</h4>
                            <div class="form-group">
                                <label for="workday_max_price">當日最大收費金額</label> ※ 輸入 0 為無最大收費上限
                                <input type="text" class="form-control" placeholder="當日最大收費金額" name="workday_max_price" value="{{ old('workday_max_price', $data->workday_max_price) }}">
                                @error('workday_max_price')
                                    <span id="workday_max_price-error" class="validateError">{{ $message }}</span>
                                @enderror
                            </div>
                            <div class="form-group">
                                <label for="workday_first_frequency">首發單位次數</label><br>
                                <span style="font-weight: bold; font-size:12px;">※ 若首發單位長度為60分，首發單位次數為2，首發收費金額為10，表示有兩段首發時間，入場後第一個小時收費10元，第二個小時收費20元，超過兩小時後以單位時間與單位計費金額計算費用。</span>
                                <input type="text" class="form-control" placeholder="首發單位次數" name="workday_first_frequency" value="{{ old('workday_first_frequency', $data->workday_first_frequency) }}">
                                @error('workday_first_frequency')
                                    <span id="workday_first_frequency-error" class="validateError">{{ $message }}</span>
                                @enderror
                            </div>
                            <div class="form-group">
                                <label for="workday_limit_hour">非日結時間上限(時)</label>
                                <input type="text" class="form-control" placeholder="非日結時間上限(時)" name="workday_limit_hour" value="{{ old('workday_limit_hour', $data->workday_limit_hour) }}">
                                @error('workday_limit_hour')
                                    <span id="workday_limit_hour-error" class="validateError">{{ $message }}</span>
                                @enderror
                            </div>
                            <div class="form-group">
                                <label for="workday_across_time">跨日時間</label>
                                <input type="text" class="form-control" placeholder="跨日時間" name="workday_across_time" value="{{ old('workday_across_time', $data->workday_across_time) }}" data-inputmask-alias="datetime" data-inputmask-inputformat="HH:MM" data-mask>
                                @error('workday_across_time')
                                    <span id="workday_across_time-error" class="validateError">{{ $message }}</span>
                                @enderror
                            </div>

                            <h4 style="text-align: center;">假日設定</h4>
                            <div class="form-group">
                                <label for="holiday_max_price">當日最大收費金額</label> ※ 輸入 0 為無最大收費上限
                                <input type="text" class="form-control" placeholder="當日最大收費金額" name="holiday_max_price" value="{{ old('holiday_max_price', $data->holiday_max_price) }}">
                                @error('holiday_max_price')
                                    <span id="holiday_max_price-error" class="validateError">{{ $message }}</span>
                                @enderror
                            </div>
                            <div class="form-group">
                                <label for="holiday_first_frequency">首發單位次數</label><br>
                                <span style="font-weight: bold; font-size:12px;">※ 若首發單位長度為60分，首發單位次數為2，首發收費金額為10，表示有兩段首發時間，入場後第一個小時收費10元，第二個小時收費20元，超過兩小時後以單位時間與單位計費金額計算費用。</span>
                                <input type="text" class="form-control" placeholder="首發單位次數" name="holiday_first_frequency" value="{{ old('holiday_first_frequency', $data->holiday_first_frequency) }}">
                                @error('holiday_first_frequency')
                                    <span id="holiday_first_frequency-error" class="validateError">{{ $message }}</span>
                                @enderror
                            </div>
                            <div class="form-group">
                                <label for="holiday_limit_hour">非日結時間上限(時)</label>
                                <input type="text" class="form-control" placeholder="非日結時間上限(時)" name="holiday_limit_hour" value="{{ old('holiday_limit_hour', $data->holiday_limit_hour) }}">
                                @error('holiday_limit_hour')
                                    <span id="holiday_limit_hour-error" class="validateError">{{ $message }}</span>
                                @enderror
                            </div>
                            <div class="form-group">
                                <label for="holiday_across_time">跨日時間</label>
                                <input type="text" class="form-control" placeholder="跨日時間" name="holiday_across_time" value="{{ old('holiday_across_time', $data->holiday_across_time) }}" data-inputmask-alias="datetime" data-inputmask-inputformat="HH:MM" data-mask>
                                @error('holiday_across_time')
                                    <span id="holiday_across_time-error" class="validateError">{{ $message }}</span>
                                @enderror
                            </div>

                            &emsp;
                            <div class="form-group">
                                <label for="next_fee_type">單位時段上限設定注意事項：</label><br>
                                單位時段上限計費：可設定單位、時段日結與非日結計費<br>
                                &emsp;a. 共同設定：<br>
                                &emsp;&emsp;i.	入場後免費時間(分)：入場後在免費時間內出場，收費金額為0。<br>
                                &emsp;&emsp;ii.	繳費出場緩衝時間(分)：於web pam或繳費柱相關模式繳費後，緩衝時間內出場不另外收費。<br>
                                &emsp;&emsp;iii.	是否日結：是否會依照跨日時間結算，選否可設定非日結時間上限(時)類型計費。<br>
                                &emsp;&emsp;iv.	計費模式：選擇當跨時段時，以出場時間或是入場時間為主計算費用。<br>
                                &emsp;b. 平日設定：適用於假日表中平日。<br>
                                &emsp;&emsp;i.	當日最大收費：達到此上限不再另外收費，填入0表示無上限。<br>
                                &emsp;&emsp;ii.	首發單位次數：設定幾次首發，如果首發單位設定為60分，設定2次首發，表示入場前兩小時皆以首發設定計費。<br>
                                &emsp;&emsp;iii.	非日結時間上限(時)：進場後停滿此時間後不再增加費用。<br>
                                &emsp;&emsp;iv.	跨日時間：平日跨假日時間，hh:mm。<br>
                                &emsp;c. 假日設定：欄位定義與平日設定相同，適用於假日表中假日。<br>
                                &emsp;&emsp;i.	跨日時間：假日跨平日時間，hh:mm。<br>
                                &emsp;d. 時段設定：<br>
                                &emsp;&emsp;i.	新增/修改時段：<br>
                                &emsp;&emsp;&emsp;1.	平假日：選擇設定平日或假日時段。<br>
                                &emsp;&emsp;&emsp;2.	起始時段：輸入時段開始時間，hh:mm。起始時段請設定早於結束時段。<br>
                                &emsp;&emsp;&emsp;3.	結束時段：輸入時段結束時間，hh:mm。請注意時段須覆蓋平日與假日全天。<br>
                                &emsp;&emsp;&emsp;4.	時間上限(時)：當停車時間超過此時間上限會以此為計算上限。<br>
                                &emsp;&emsp;&emsp;5.	時段限額：達時間上限後，若費用計算大於此金額，則以此金額為最大收費。<br>
                                &emsp;&emsp;&emsp;6.	時段是否結算：當選否時，本時段限額無作用，與下一個有設定時段限額的時段共用限額，如需要設定晚上10點後入場至隔天早上8點，最大收費為<br>80，請在22:00~24:00時段設定選否，並設定00:00~08:00時段的結算為是，接著於00:00~08:00時段的時段金額設定為80。<br>
                                &emsp;&emsp;&emsp;7.	單位時間(分)：以5/10/15/20/30/60分為單位。<br>
                                &emsp;&emsp;&emsp;8.	計費金額：每單位收費金額。<br>
                                &emsp;&emsp;&emsp;9.	時段限額：於共同設定啟用時段限額後，可輸入此欄位，該時段計費以此為上限。<br>
                                &emsp;&emsp;&emsp;10.	首發單位長度(分)：以30分為一區間，於入場後免費時間後出場時，會先以此單位長度計費。<br>
                                &emsp;&emsp;&emsp;11.	首發收費金額：首發時段計費。
                            </div>
                        </div>
                        @inject('checkSegmentService', 'App\Services\CheckSegmentService')
                        @if (!$checkSegmentService->legality('intervalLimit', $data->vehicle_id))
                            <div style="color: red; font-size: 20px;">※ 時段設定不正確</div>
                        @endif

                        @inject('feeIntervalLimitPresenter','App\Presenters\FeeIntervalLimitPresenter')
                        {!! $feeIntervalLimitPresenter->createSegmentTab($data->vehicle_id) !!}
                        @can('billingContent.update')
                            <button type="submit" class="btn btn-info">儲存計費</button>
                        @endcan
                        @can('segmentUnitLimit.create')
                            <a class="btn btn-danger" href="{{ route('segmentUnitLimit.create', $data->vehicle_id) }}">新增時段</a>
                        @endcan
                    </form>
                </div>
            </div>
        </div>
        <!-- /.card -->
    </div>
</div>
@endsection

@section('js')
@include('include.datePickerAndMask')
@include('billingSetting.billingContent.feeCommonSection')
<script>
$(document).ready(function () {
    $('button[behavior=delete]').click(function (e) {
        var deleteUrl = '{{ route("segmentUnitLimit.destroy", ":id") }}';
        segmentDeleteAjax(deleteUrl.replace(':id', $(this).attr('targetId')), $(this));
    });
});
</script>
@endsection