@extends('layouts.main')

@section('pageTitle', '白名單 - 新增')

@section('content')
<!-- /.card-header -->
<div class="card-body">
<form action="{{ route('whiteList.store') }}" method="post">
    @csrf
    <div class="col-sm-6">
        <div class="form-group">
            <label for="transaction_token">車牌</label>
            <input type="text" class="form-control" placeholder="車牌" name="transaction_token" value="{{ old('transaction_token') }}">
            @error('transaction_token')
                <span id="transaction_token-error" class="validateError">{{ $message }}</span>
            @enderror
        </div>
        <div class="form-group">
            <label for="name">使用者名稱</label>
            <input type="text" class="form-control" placeholder="使用者名稱" name="name" value="{{ old('name') }}">
            @error('name')
                <span id="name-error" class="validateError">{{ $message }}</span>
            @enderror
        </div>
        <div class="form-group">
            <label for="unit">服務單位</label>
            <input type="text" class="form-control" placeholder="服務單位" name="unit" value="{{ old('unit') }}">
            @error('unit')
                <span id="unit-error" class="validateError">{{ $message }}</span>
            @enderror
        </div>
        <div class="form-group">
            <label for="discount_percentage">停車優惠折數 (0 ~ 100)</label>
            <input type="text" class="form-control" placeholder="停車優惠折數" name="discount_percentage" value="{{ old('discount_percentage') }}">
            @error('discount_percentage')
                <span id="discount_percentage-error" class="validateError">{{ $message }}</span>
            @enderror
            <span>
            ＊ 全額免費：輸入0<br>
            ＊ 無優惠：輸入100<br>
            ＊ 打8折：輸入80<br>
            </span>
        </div>
        <div class="form-group">
            <label>進位類型(僅處理小數點部份)</label>
            <select class="form-control" name="carry_type">
                @foreach(config('webCommonData.carryTypeDropdown') as $value => $title)
                    <option value="{{ $value }}" @if($value == old('carry_type', 1)) selected @endif>{{ $title }}</option>
                @endforeach
            </select>
            @error('carry_type')
                <span id="carry_type-error" class="validateError">{{ $message }}</span>
            @enderror
        </div>
        <div class="form-group">
            <label for="enable_date">啟用時間</label>
            <input type="text" class="form-control" placeholder="啟用時間" name="enable_date" value="{{ old('enable_date', $enableDate) }}" id="enableDate" readonly>
            @error('enable_date')
                <span id="enable_date-error" class="validateError">{{ $message }}</span>
            @enderror
        </div>
        <div class="form-group">
            <label for="expired_date">有效時間</label>
            <input type="text" class="form-control" placeholder="有效時間" name="expired_date" value="{{ old('expired_date', $expiredDate) }}" id="expriedDate" readonly>
            @error('expired_date')
                <span id="expired_date-error" class="validateError">{{ $message }}</span>
            @enderror
        </div>
        <div class="form-group">
            <label>是否啟用</label>
            <select class="form-control" name="is_enable">
                @foreach(config('webCommonData.enableDropdown') as $value => $title)
                    <option value="{{ $value }}" @if($value == old('is_enable', 1)) selected @endif>{{ $title }}</option>
                @endforeach
            </select>
            @error('is_enable')
                <span id="is_enable-error" class="validateError">{{ $message }}</span>
            @enderror
        </div>
        <div  class="form-group text-danger">
            <span class="d-block">白名單優惠計算首發金額條件：</span>
            <span class="d-block">車輛進出場時間需完整涵蓋在白名單啟用及有效期限內。</span>
        </div>
    </div>
    <button type="submit" class="btn btn-primary">新增</button>
    <a class="btn btn-warning" href="{{ route('whiteList.index') }}">返回</a>
</form>
</div>
<!-- /.card-body -->
@endsection

@section('js')
@include('include.datePickerAndMask')
<script>
$(document).ready(function () {
    datePickerSetting.timePicker = true;
    datePickerSetting.timePickerSeconds = true;
    datePickerSetting.timePickerIncrement = 1;
    datePickerSetting.locale.format = 'YYYY-MM-DD HH:mm:ss';
    $('#expriedDate, #enableDate').daterangepicker(datePickerSetting);
});
</script>
@endsection