@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('feeInterval.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 == 4) 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="limit_enable">是否啟用時段限額</label>
                                <select class="form-control" name="limit_enable">
                                    @foreach(config('webCommonData.enableDropdown') as $id => $name)
                                        <option value="{{ $id }}" @if(old('limit_enable', $data->limit_enable) == $id) selected @endif>{{ $name }}</option>
                                    @endforeach
                                </select>
                                @error('limit_enable')
                                    <span id="limit_enable-error" class="validateError">{{ $message }}</span>
                                @enderror
                            </div>

                            <h4 style="text-align: center;">平日設定</h4>
                            <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_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>

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

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

@section('js')
@include('billingSetting.billingContent.feeCommonSection')
<script>
$(document).ready(function () {

    $('button[behavior=delete]').click(function (e) {
        var deleteUrl = '{{ route("segmentUnit.destroy", ":id") }}';
        segmentDeleteAjax(deleteUrl.replace(':id', $(this).attr('targetId')), $(this));
    });

});
</script>
@endsection