@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->createThirdLevel($globalVariable['pathMain'], $globalVariable['pathSub'],
            'preferentialTicket.index') !!}
        </div>
        <div class="card-body">
            <div class="tab-content" id="thirdLevel-tabContent">
                <div class="tab-pane fade show active" id="" role="tabpanel">
                    <form action="{{ route('preferentialTicket.update') }}" method="post">
                        @csrf
                        @method('PUT')
                        <div class="col-sm-6">
                            <div class="form-group">
                                <label>愛心卡優惠</label>
                                <select class="form-control" name="heart_card_enable">
                                    @foreach(config('webCommonData.heartCardPreferentialDropdown') as $value => $name)
                                    <option value="{{ $value }}" @if($value==old('heart_card_enable',
                                        $data['heart_card_enable'])) selected @endif>{{ $name }}</option>
                                    @endforeach
                                </select>
                                @error('heart_card_enable')
                                <span id="heart_card_enable-error" class="validateError">{{ $message }}</span>
                                @enderror
                            </div>
                            <div class="form-group">
                                <label>愛心卡優惠代碼</label>
                                <select class="form-control" name="heart_card_code">
                                    @foreach(config('webCommonData.heartCode') as $value => $heartCode)
                                    <option value="{{ $value }}" @if($value==old('heart_card_code',
                                        $data['heart_card_code'])) selected @endif>{{ $heartCode['city'] }}</option>
                                    @endforeach
                                </select>
                                @error('heart_card_code')
                                <span id="heart_card_code-error" class="validateError">{{ $message }}</span>
                                @enderror
                            </div>
                            <hr>
                            <div class="form-group">
                                <label>轉乘優惠功能</label>
                                <select class="form-control" name="transfer_enable" id="transfer_enable">
                                    @foreach(config('webCommonData.transferEnableDropdown') as $value => $name)
                                    <option value="{{ $value }}" @if($value==old('transfer_enable',
                                        $data['transfer_enable'])) selected @endif>{{ $name }}</option>
                                    @endforeach
                                </select>
                                @error('transfer_enable')
                                <span id="transfer_enable-error" class="validateError">{{ $message }}</span>
                                @enderror
                            </div>
                            <div id="transfer_discount_group" style="display: none">
                                <div class="form-group">
                                    <label>轉乘優惠代碼</label>
                                    <select class="form-control" name="transfer_code" id="transfer_code">
                                        @foreach(config('webCommonData.transferCodeDropdown') as $value => $name)
                                        <option value="{{ $value }}" @if($value==old('transfer_code',
                                            $data['transfer_code'])) selected @endif>{{ $name }}</option>
                                        @endforeach
                                    </select>
                                    @error('transfer_code')
                                    <span id="transfer_code-error" class="validateError">{{ $message }}</span>
                                    @enderror
                                </div>
                                <div class="form-group">
                                    <label>轉乘優惠啟用車種</label>
                                    <select class="form-control" name="transfer_vehicle_type" id="transfer_vehicle_type">
                                        @foreach(config('webCommonData.transferVehicleTypeDropdown') as $value => $name)
                                        <option value="{{ $value }}" @if($value==old('transfer_vehicle_type',
                                            $data['transfer_vehicle_type'])) selected @endif>{{ $name }}</option>
                                        @endforeach
                                    </select>
                                    @error('transfer_vehicle_type')
                                    <span id="transfer_vehicle_type-error" class="validateError">{{ $message }}</span>
                                    @enderror
                                </div>
                                <div class="form-group" id="div_transfer_expired">
                                    <label for="transfer_expired">轉乘優惠過期時間(分)</label>
                                    <input type="text" class="form-control" placeholder="轉乘優惠過期時間(分)"
                                        name="transfer_expired" id="transfer_expired"
                                        value="{{ old('transfer_expired', $data['transfer_expired']) }}">
                                    @error('transfer_expired')
                                    <span id="transfer_expired-error" class="validateError">{{ $message }}</span>
                                    @enderror
                                </div>
                                {{-- <div class="form-group" id="div_transfer_limit">
                                    <label for="transfer_limit">轉乘優惠限制金額</label> ＊0 表示無上限。
                                    <input type="text" class="form-control" placeholder="轉乘優惠限制金額" name="transfer_limit"
                                        id="transfer_limit" value="{{ old('transfer_limit', $data['transfer_limit']) }}">
                                    @error('transfer_limit')
                                    <span id="transfer_limit-error" class="validateError">{{ $message }}</span>
                                    @enderror
                                </div> --}}
                                <div class="form-group" id="div_transfer_discount_amount_car">
                                    <label for="transfer_discount_amount_car">轉乘優惠金額(汽車)</label> ＊0 表示無使用轉乘優惠。
                                    <input type="text" class="form-control" placeholder="轉乘優惠金額(汽車)" name="transfer_discount_amount_car" value="{{ old('transfer_discount_amount_car', $data['transfer_discount_amount_car']) }}">
                                    @error('transfer_discount_amount_car')
                                        <span id="transfer_discount_amount_car-error" class="validateError">{{ $message }}</span>
                                    @enderror
                                </div>
                                <div class="form-group" id="div_transfer_discount_amount_moto">
                                    <label for="transfer_discount_amount_moto">轉乘優惠金額(機車)</label> ＊0 表示無使用轉乘優惠。
                                    <input type="text" class="form-control" placeholder="轉乘優惠金額(機車)" name="transfer_discount_amount_moto" value="{{ old('transfer_discount_amount_moto', $data['transfer_discount_amount_moto']) }}">
                                    @error('transfer_discount_amount_moto')
                                        <span id="transfer_discount_amount_moto-error" class="validateError">{{ $message }}</span>
                                    @enderror
                                </div>
                            </div>
                            <hr>
                            <div class="form-group">
                                <label>轉乘、愛心/身障優惠並用</label>
                                <select class="form-control" name="double_preferential_enable">
                                    @foreach(config('webCommonData.enableDropdown') as $value => $name)
                                    <option value="{{ $value }}" @if($value==old('double_preferential_enable',
                                        $data['double_preferential_enable'])) selected @endif>{{ $name }}</option>
                                    @endforeach
                                </select>
                                @error('double_preferential_enable')
                                <span id="double_preferential_enable-error" class="validateError">{{ $message }}</span>
                                @enderror
                            </div>
                            <div class="form-group">
                                <label>身障/愛心當日重覆使用</label>
                                <select class="form-control" name="preferential_repeated_use">
                                    @foreach(config('webCommonData.enableDropdown') as $value => $name)
                                    <option value="{{ $value }}" @if($value==old('preferential_repeated_use',
                                        $data['preferential_repeated_use'])) selected @endif>{{ $name }}</option>
                                    @endforeach
                                </select>
                                @error('preferential_repeated_use')
                                <span id="preferential_repeated_use-error" class="validateError">{{ $message }}</span>
                                @enderror
                            </div>
                            <hr>
                            <div class="form-group">
                                <label for="ticket_discount_enable">票證折扣啟用</label>
                                <select class="form-control" name="ticket_discount_enable" id="ticket_discount_enable">
                                    @foreach(config('webCommonData.preferentialTicketDropdown') as $value => $name)
                                    <option value="{{ $value }}" @if($value==old('ticket_discount_enable',
                                        $data['ticket_discount_enable'])) selected @endif>{{ $name }}</option>
                                    @endforeach
                                </select>
                                @error('ticket_discount_enable')
                                <span id="ticket_discount_enable-error" class="validateError">{{ $message }}</span>
                                @enderror
                            </div>
                            <div id="ticket_discount_group" style="display: none">
                                {{-- <div class="form-group">
                                    <label for="ticket_discount_start_date">票證折扣開始日期</label>
                                    <input type="text" class="form-control" placeholder="票證折扣開始日期"
                                        name="ticket_discount_start_date"
                                        value="{{ old('ticket_discount_start_date', $data['ticket_discount_start_date']) }}"
                                        id="startDate" readonly>
                                    @error('ticket_discount_start_date')
                                    <span id="ticket_discount_start_date-error" class="validateError">
                                        {{ $message }}
                                    </span>
                                    @enderror
                                </div>
                                <div class="form-group">
                                    <label for="ticket_discount_end_date">票證折扣結束日期</label>
                                    <input type="text" class="form-control" placeholder="票證折扣結束日期"
                                        name="ticket_discount_end_date"
                                        value="{{ old('ticket_discount_end_date', $data['ticket_discount_end_date']) }}"
                                        id="endDate" readonly>
                                    @error('ticket_discount_end_date')
                                    <span id="ticket_discount_end_date-error" class="validateError">
                                        {{ $message }}
                                    </span>
                                    @enderror
                                </div> --}}
                                <div class="form-group">
                                    <label for="ticket_discount_percentage">票證折扣數(%)</label>
                                    <input type="text" class="form-control" placeholder="票證折扣數(%)"
                                        name="ticket_discount_percentage" id="ticket_discount_percentage"
                                        value="{{ old('ticket_discount_percentage', $data['ticket_discount_percentage']) }}">
                                    @error('ticket_discount_percentage')
                                    <span id="ticket_discount_percentage-error" class="validateError">
                                        {{ $message }}
                                    </span>
                                    @enderror
                                    <span>
                                    ＊ 輸入20：打8折<br>
                                    ＊ 輸入40：打6折<br>
                                    ＊ 輸入100：全額免費<br>
                                    </span>
                                </div>
                                {{-- <div class="form-group">
                                    <label for="ticket_discount_amount">票證折扣金額</label> ＊請輸入正整數。
                                    <input type="text" class="form-control" placeholder="票證折扣金額"
                                        name="ticket_discount_amount"
                                        value="{{ old('ticket_discount_amount', $data['ticket_discount_amount']) }}">
                                    @error('ticket_discount_amount')
                                    <span id="ticket_discount_amount-error" class="validateError">{{ $message }}</span>
                                    @enderror
                                </div>
                                <div class="form-group">
                                    <label for="ticket_discount_time">票證折扣時間(分)</label> ＊請輸入正整數。
                                    <input type="text" class="form-control" placeholder="票證折扣時間(分)"
                                        name="ticket_discount_time"
                                        value="{{ old('ticket_discount_time', $data['ticket_discount_time']) }}">
                                    @error('ticket_discount_time')
                                    <span id="ticket_discount_time-error" class="validateError">{{ $message }}</span>
                                    @enderror
                                </div> --}}
                                {{-- <div class="form-group">
                                    <label for="ticket_discount_memo">票證折扣備註</label> ＊請輸入活動說明。
                                    <input type="text" class="form-control" placeholder="票證備註"
                                        name="ticket_discount_memo"
                                        value="{{ old('ticket_discount_memo', $data['ticket_discount_memo']) }}">
                                    @error('ticket_discount_memo')
                                    <span id="ticket_discount_memo-error" class="validateError">{{ $message }}</span>
                                    @enderror
                                </div> --}}
                            </div>
                        </div>
                        @can('preferentialTicket.update')
                        <button type="submit" class="btn btn-info">修改</button>
                        <span class="btn btn-danger" id="codeList">優惠代碼列表</span>
                        @endcan
                    </form>
                </div>
            </div>
        </div>
        <!-- /.card -->
    </div>
</div>
@endsection

@section('js')
@include('include.datePickerAndMask')
<script>
$(document).ready(function () {
    checkTicketDiscountShow();

    $('#startDate, #endDate').daterangepicker(datePickerSetting);

    $('#codeList').click(function (e) {
        var url = "{{ route('preferentialTicket.codeList') }}";
        var title = '優惠代碼表';
        var width = window.screen.width * 0.9;
        var height = window.screen.height * 0.9;
        popupwindow(url, title, width, height);
    });

    $('#ticket_discount_enable').change(function () {
        checkTicketDiscountShow()
    });

    function checkTicketDiscountShow() {
        let showDiscountGroup = ['1', '2']; // 台中市花博優惠, 桃園市民卡優惠

        $('#ticket_discount_group').hide();
        if (showDiscountGroup.includes($('#ticket_discount_enable').val())) {
            $('#ticket_discount_group').show();
        }
    }

    // 載入頁面時: (轉乘優惠上限為上次搭乘捷運的金額 = 啟用) && (優惠代碼 != 桃園市)
    if ($("#transfer_enable").val() > 0) {
        $("#transfer_discount_group").show();
        // 轉乘優惠上限為上次搭乘捷運的金額 不顯示 轉乘優惠過期時間(分)
        if ($("#transfer_enable").val() == 1) {
            $("#div_transfer_expired").hide();
            // 桃園市 顯示 轉乘優惠金額
            if ($("#transfer_code").val() != 802) {
                $("#div_transfer_discount_amount_car").hide();
                $("#div_transfer_discount_amount_moto").hide();
            }
        }
    }

    // 切換轉乘設定
    $("#transfer_enable").on("change", function() {
        $("#transfer_discount_group").hide();
        if ($(this).val() > 0) {
            $("#transfer_discount_group").show();
        }

        $("#div_transfer_expired").show();
        $("#div_transfer_discount_amount_car").show();
        $("#div_transfer_discount_amount_moto").show();

        // 轉乘優惠上限為上次搭乘捷運的金額 不顯示 轉乘優惠過期時間(分)
        if ($(this).val() == 1) {
            $("#div_transfer_expired").hide();
            // 桃園市 顯示 轉乘優惠金額
            if ($("#transfer_code").val() != 802) {
                $("#div_transfer_discount_amount_car").hide();
                $("#div_transfer_discount_amount_moto").hide();
            }
        }
    });

    // 切換轉乘優惠代碼
    $("#transfer_code").on("change", function() {
        $("#div_transfer_expired").show();
        $("#div_transfer_discount_amount_car").show();
        $("#div_transfer_discount_amount_moto").show();

        // 轉乘優惠上限為上次搭乘捷運的金額 不顯示 轉乘優惠過期時間(分)
        if ($("#transfer_enable").val() == 1) {
            $("#div_transfer_expired").hide();
            // 桃園市 顯示 轉乘優惠金額
            if ($(this).val() != 802) {
                $("#div_transfer_discount_amount_car").hide();
                $("#div_transfer_discount_amount_moto").hide();
            }
        }
    });
});
</script>
@endsection