@extends('layouts.main')

@section('pageTitle', '單位時段上限計費 NEW-新增時段')

@section('content')
<!-- /.card-header -->
<div class="card-body">
<form action="{{ route('newSegmentUnitLimit.store') }}" method="post">
    @csrf
    <div class="col-sm-6">
        <div class="form-group">
            <label>平假日</label>
            <select class="form-control" name="is_holiday">
                @foreach(config('webCommonData.holidayTypeDropdown') as $value => $title)
                    <option value="{{ $value }}">{{ $title }}</option>
                @endforeach
            </select>
            @error('is_holiday')
                <span id="is_holiday-error" class="validateError">{{ $message }}</span>
            @enderror
        </div>
        <div class="form-group">
            <label for="start_segment">起始時段</label>
            <input type="text" class="form-control" placeholder="起始時段" name="start_segment"  data-inputmask-alias="datetime" data-inputmask-inputformat="HH:MM" data-mask>
            @error('start_segment')
                <span id="start_segment-error" class="validateError">{{ $message }}</span>
            @enderror
        </div>
        <div class="form-group">
            <label for="end_segment">結束時段</label>
            <input type="text" class="form-control" placeholder="結束時段" name="end_segment"  data-inputmask-alias="dateTime24" data-mask>
            @error('end_segment')
                <span id="end_segment-error" class="validateError">{{ $message }}</span>
            @enderror
        </div>
        <div class="form-group">
            <label for="segment_limit">時段限額</label>（非日結最大收費金額為0時才可填寫）
            <input type="text" class="form-control" placeholder="時段限額" name="segment_limit" value=0>
            @error('segment_limit')
                <span id="segment_limit-error" class="validateError">{{ $message }}</span>
            @enderror
        </div>
        <div class="form-group">
            <label>時段是否結算</label>（選「否」則本時段不結算時段限額，採下一段時段限額）
            <select class="form-control" name="is_segment_settle">
                @foreach(config('webCommonData.yesOrNoDropdown') as $value => $title)
                    <option value="{{ $value }}">{{ $title }}</option>
                @endforeach
            </select>
            @error('is_segment_settle')
                <span id="is_segment_settle-error" class="validateError">{{ $message }}</span>
            @enderror
        </div>
        <div class="form-group">
            <label for="unit_time">單位時間(分)</label>
            <select class="form-control" name="unit_time">
                @foreach(config('webCommonData.feeUnitTimeDropdown') as $id => $name)
                    <option value="{{ $id }}">{{ $name }}</option>
                @endforeach
            </select>
            @error('unit_time')
                <span id="unit_time-error" class="validateError">{{ $message }}</span>
            @enderror
        </div>
        <div class="form-group">
            <label for="price">計費金額</label>
            <input type="text" class="form-control" placeholder="計費金額" name="price">
            @error('price')
                <span id="price-error" class="validateError">{{ $message }}</span>
            @enderror
        </div>
        <div class="form-group">
            <label for="first_period">首發單位長度(分)</label>
            <select class="form-control" name="first_period">
                @for ($time = 0; $time <= 180 ; $time += 30)
                    <option value="{{ $time }}">{{ $time }}</option>
                @endfor
            </select>
            @error('first_period')
                <span id="first_period-error" class="validateError">{{ $message }}</span>
            @enderror
        </div>
        <div class="form-group">
            <label for="first_price">首發收費金額</label>
            <input type="text" class="form-control" placeholder="首發收費金額" name="first_price">
            @error('first_price')
                <span id="first_price-error" class="validateError">{{ $message }}</span>
            @enderror
        </div>
        <input type="hidden" name="vehicle_id" value="{{ $vehicle['vehicle_id'] }}">

    </div>
    <button type="submit" class="btn btn-primary">新增</button>
    <a class="btn btn-warning" href="{{ route('newFeeIntervalLimit.index', $vehicle['vehicle_id']) }}">返回</a>
</form>
</div>
<!-- /.card-body -->
@endsection

@section('js')
@include('include.datePickerAndMask')
@include('billingSetting.billingContent.segmentCommonSection');
<script>
$(document).ready(function(){
    setting();
    $('[name=is_holiday]').on('change',function(e){
        setting();
    });
});

function setting() {
    if ($('[name=is_holiday]').val() == 1){
        if('{{ $vehicle['holiday_first_frequency'] }}' == 0){
            firstIsZero();
        } else {
            firstNotZero();
        }
        if('{{ $vehicle['holiday_max_price'] }}' != 0) {
            $('[name=is_segment_settle]').val(0);
            $('[name=segment_limit], [name=is_segment_settle]').prop('disabled',true);
        } else {
            $('[name=segment_limit]').prop('readonly', false);
            $('[name=segment_limit], [name=is_segment_settle]').prop('disabled',false);
        }

        return;
    }

    if('{{ $vehicle['workday_first_frequency'] }}' == 0) {
        firstIsZero();
    } else {
        firstNotZero();
    }
    if('{{ $vehicle['workday_max_price'] }}' != 0) {
        $('[name=is_segment_settle]').val(0);
        $('[name=segment_limit], [name=is_segment_settle]').prop('disabled',true);
    } else {
        $('[name=segment_limit]').prop('readonly', false);
        $('[name=segment_limit], [name=is_segment_settle]').prop('disabled',false);
    }

    return;
}
// 首發為0 首發單位長度及金額關閉
function firstIsZero(){
    $('[name=first_period], [name=first_price]').prop('disabled',true);
}

function firstNotZero(){
    $('[name=first_period]').prop('disabled',false);
    $('[name=first_price]').prop('disabled',false).removeAttr('placeholder');
}
</script>
@endsection