@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('feeRentGroup.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 == 1) selected @endif>{{ $name }}</option>
                                        @endif
                                    @endforeach
                                </select>
                            </div>

                            <div class="form-group">
                                <label for="common_fee_type">臨停車輛收費方式</label>
                                <select class="form-control" name="common_fee_type">
                                    @foreach(config('webCommonData.feeTypeDropdown') as $id => $name)
                                        @if ($id != 1 && $id != 8)
                                            <option value="{{ $id }}" @if(old('common_fee_type', $data->common_fee_type) == $id) selected @endif>{{ $name }}</option>
                                        @endif
                                    @endforeach
                                </select>
                                @error('common_fee_type')
                                    <span id="common_fee_type-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>
                            <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>
                                1. 設定月租群組收費之前，請在下方的月租等級設定。<br>
                                2. 完成月租等級設定後，在計費內容設定臨停車輛的收費方式，設定收費後儲存修改。<br>
                                3. 在臨停車輛收費方式欄位，選擇完成設定的收費方式。<br>
                                4. 下方會列出月租群組設定，請設定每個月租群組的平、假日，起始、結束時段，卡別與跨時段狀態。<br>
                                5. 非月租時段以臨停車收費，只以超過的時段做計費，跨時段不做時間的累計。<br>
                                6. 此計費無基本單位，請涵蓋全部時段。<br>
                                7. 時段卡別：臨停車、月租車。<br>
                                8. 跨時段狀態：跨時段、不跨時段。<br>
                                9. 最大金額預設為 0，代表無上限，需要設定請輸入大於 0 的數字。
                            </div>
                        </div>
                        @inject('checkSegmentService', 'App\Services\CheckSegmentService')
                        @if (!$checkSegmentService->legality('rentGroup', $data->vehicle_id))
                            <div style="color: red; font-size: 20px;">※ 時段設定不正確</div>
                        @endif

                        @inject('feeRentGroupPresenter','App\Presenters\FeeRentGroupPresenter')
                        {!! $feeRentGroupPresenter->createMonthlyLevelTab($data->vehicle_id) !!}
                        @can('billingContent.update')
                            <button type="submit" class="btn btn-info">儲存計費</button>
                        @endcan
                        @can('segmentRentGroup.create')
                            <a class="btn btn-danger" href="{{ route('segmentRentGroup.create', $data->vehicle_id) }}">新增月租時段</a>
                        @endcan
                        @can('monthlyLevel.index')
                            <a class="btn btn-danger" href="{{ route('monthlyLevel.index') }}">月租等級設定</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("segmentRentGroup.destroy", ":id") }}';
        segmentDeleteAjax(deleteUrl.replace(':id', $(this).attr('targetId')), $(this));
    });

});
</script>
@endsection