@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('feeUnitLimit.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 == 5) 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="入場後免費時間(分)" id="free_time" 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="繳費出場緩衝時間(分)" id="buffer_time" name="buffer_time" value="{{ old('buffer_time', $data->buffer_time) }}">
                                @error('buffer_time')
                                    <span id="buffer_time-error" class="validateError">{{ $message }}</span>
                                @enderror
                            </div>

                            <h4 style="text-align: center;">平日設定</h4>
                            <div class="border-right pr-3 my-2">
                                <div class="form-group">
                                    <label for="workday_first_period">首發單位時間(分)</label> ※ 選擇 0 表示沒有首發時段。
                                    <select class="form-control" name="workday_first_period" id="workday_first_period">
                                        @for ($time = 0; $time <= 180 ; $time += 30)
                                            <option value="{{ $time }}" @if(old('workday_first_period', $data->workday_first_period) == $time) selected @endif>{{ $time }}</option>
                                        @endfor
                                    </select>
                                    @error('workday_first_period')
                                        <span id="workday_first_period-error" class="validateError">{{ $message }}</span>
                                    @enderror
                                </div>
                                <div class="form-group">
                                    <label for="workday_first_price">首發單位金額</label>
                                    <input type="text" class="form-control" placeholder="首發單位金額" id="workday_first_price" name="workday_first_price" value="{{ old('workday_first_price', $data->workday_first_price) }}">
                                    @error('workday_first_price')
                                        <span id="workday_first_price-error" class="validateError">{{ $message }}</span>
                                    @enderror
                                </div>
                                <div class="form-group">
                                    <label for="workday_first_frequency">首發單位次數</label><br>
                                    <input type="text" class="form-control" placeholder="首發單位次數" id="workday_first_frequency" 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>
                            <hr>
                            <div class="border-right pr-3 my-2">
                                <div class="form-group">
                                    <label for="workday_unit_time">單位時間(分)</label>
                                    <select class="form-control" id="workday_unit_time" name="workday_unit_time">
                                        @foreach(config('webCommonData.feeUnitTimeDropdown') as $id => $name)
                                            <option value="{{ $id }}" @if(old('workday_unit_time', $data->workday_unit_time) == $id) selected @endif>{{ $name }}</option>
                                        @endforeach
                                    </select>
                                    @error('workday_unit_time')
                                        <span id="workday_unit_time-error" class="validateError">{{ $message }}</span>
                                    @enderror
                                </div>
                                <div class="form-group">
                                    <label for="workday_price">單位金額</label>
                                    <input type="text" class="form-control" placeholder="單位金額" id="workday_price" name="workday_price" value="{{ old('workday_price', $data->workday_price) }}">
                                    @error('workday_price')
                                        <span id="workday_price-error" class="validateError">{{ $message }}</span>
                                    @enderror
                                </div>
                            </div>
                            <hr>
                            <div class="border-right pr-3 my-2">
                                <div class="form-group">
                                    <label for="workday_limit_hour">時間上限區間(時)</label>
                                    <input type="text" class="form-control" placeholder="時間上限區間(時)" id="workday_limit_hour" 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_limit_max_price">時間上限區間最高收費</label>
                                    <input type="text" class="form-control" placeholder="時間上限區間最高收費" id="workday_limit_max_price" name="workday_limit_max_price" value="{{ old('workday_limit_max_price', $data->workday_limit_max_price) }}">
                                    @error('workday_limit_max_price')
                                        <span id="workday_limit_max_price-error" class="validateError">{{ $message }}</span>
                                    @enderror
                                </div>
                            </div>

                            <h4 style="text-align: center;">假日設定</h4>
                            <div class="border-right pr-3 my-2">
                                <div class="form-group">
                                    <label for="holiday_first_period">首發單位時間(分)</label> ※ 選擇 0 表示沒有首發時段。
                                    <select class="form-control" id="holiday_first_period" name="holiday_first_period">
                                        @for ($time = 0; $time <= 180 ; $time += 30)
                                            <option value="{{ $time }}" @if(old('holiday_first_period', $data->holiday_first_period) == $time) selected @endif>{{ $time }}</option>
                                        @endfor
                                    </select>
                                    @error('holiday_first_period')
                                        <span id="holiday_first_period-error" class="validateError">{{ $message }}</span>
                                    @enderror
                                </div>
                                <div class="form-group">
                                    <label for="holiday_first_price">首發單位金額</label>
                                    <input type="text" class="form-control" placeholder="首發單位金額" id="holiday_first_price" name="holiday_first_price" value="{{ old('holiday_first_price', $data->holiday_first_price) }}">
                                    @error('holiday_first_price')
                                        <span id="holiday_first_price-error" class="validateError">{{ $message }}</span>
                                    @enderror
                                </div>
                                <div class="form-group">
                                    <label for="holiday_first_frequency">首發單位次數</label><br>
                                    <input type="text" class="form-control" placeholder="首發單位次數" id="holiday_first_frequency" 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>
                            <hr>
                            <div class="border-right pr-3 my-2">
                                <div class="form-group">
                                    <label for="holiday_unit_time">單位時間(分)</label>
                                    <select class="form-control" id="holiday_unit_time" name="holiday_unit_time">
                                        @foreach(config('webCommonData.feeUnitTimeDropdown') as $id => $name)
                                            <option value="{{ $id }}" @if(old('holiday_unit_time', $data->holiday_unit_time) == $id) selected @endif>{{ $name }}</option>
                                        @endforeach
                                    </select>
                                    @error('holiday_unit_time')
                                        <span id="holiday_unit_time-error" class="validateError">{{ $message }}</span>
                                    @enderror
                                </div>
                                <div class="form-group">
                                    <label for="holiday_price">單位金額</label>
                                    <input type="text" class="form-control" placeholder="單位金額" id="holiday_price" name="holiday_price" value="{{ old('holiday_price', $data->holiday_price) }}">
                                    @error('holiday_price')
                                        <span id="holiday_price-error" class="validateError">{{ $message }}</span>
                                    @enderror
                                </div>
                            </div>
                            <hr>
                            <div class="border-right pr-3 my-2">
                                <div class="form-group">
                                    <label for="holiday_limit_hour">時間上限區間(時)</label>
                                    <input type="text" class="form-control" placeholder="時間上限區間(時)" id="holiday_limit_hour" 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_limit_max_price">時間上限區間最高收費</label>
                                    <input type="text" class="form-control" placeholder="時間上限區間最高收費" id="holiday_limit_max_price" name="holiday_limit_max_price" value="{{ old('holiday_limit_max_price', $data->holiday_limit_max_price) }}">
                                    @error('holiday_limit_max_price')
                                        <span id="holiday_limit_max_price-error" class="validateError">{{ $message }}</span>
                                    @enderror
                                </div>
                            </div>
                            <div>
                                <h5>計費設定說明及注意事項：</h5>
                                <div class="mb-2">時間上限區間最高收費包含首發金額</div>
                                <h5>設定說明：</h5>
                                <ul>
                                    <li>共同設定：
                                        <ul>
                                            <li>入場後免費時間(分)：入場後在免費時間內出場，收費金額為0。</li>
                                            <li>繳費出場緩衝時間(分)：繳費後，緩衝時間內出場不另外收費。</li>
                                        </ul>
                                    </li>
                                    <li>平/假日設定：
                                        <ul>
                                            <li>首發單位計費：
                                                <ul>
                                                    <li>首發單位時間(分)：首發時段單位。</li>
                                                    <li>首發單位金額：首發時段內每單位收費金額。</li>
                                                    <li>首發單位次數：首發次數。首發單位時間設定為60分，設定2次首發，表示入場前兩小時皆以首發設定計費。</li>
                                                </ul>
                                            </li>
                                            <li>單位計費：
                                                <ul>
                                                    <li>單位時間(分)：每5/10/15/20/30/60分鐘為一單位。</li>
                                                    <li>單位金額：每單位收費金額。</li>
                                                </ul>
                                            </li>
                                            <li>時間上限區間最高收費：
                                                <ul>
                                                    <li>區間內，若費用計算大於此金額，則以此金額為最大收費。</li>
                                                </ul>
                                            </li>
                                        </ul>
                                    </li>
                                </ul>
                            </div>
                        @can('billingContent.update')
                            <button type="submit" class="btn btn-info">儲存計費</button>
                        @endcan
                    </form>
                </div>
            </div>
        </div>
        <!-- /.card -->
    </div>
</div>
@endsection

@section('js')
@include('billingSetting.billingContent.feeCommonSection')
<script>
    
</script>
@endsection