@extends('layouts.main')

@section('pageTitle', 'APP 特約商店 - 新增')

@section('content')
<!-- /.card-header -->
<div class="card-body">
<form action="{{ route('appStore.store') }}" method="post">
    @csrf
    <div class="col-sm-6">
        <div class="form-group">
            <label for="account">商店帳號</label> ※ 由系統自動產生，不需填入。
            <input type="text" class="form-control" placeholder="商店帳號" value="{{ $storeAccount }}" disabled>
            @error('account')
                <span id="account-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="password">商店密碼</label>
            <input type="password" class="form-control" placeholder="商店密碼" name="password" value="{{ old('password') }}">
            @error('password')
                <span id="password-error" class="validateError">{{ $message }}</span>
            @enderror
        </div>
        <div class="form-group">
            <label for="confirm">確認商店密碼</label>
            <input type="password" class="form-control" placeholder="確認商店密碼" name="confirm" value="{{ old('confirm') }}">
            @error('confirm')
                <span id="confirm-error" class="validateError">{{ $message }}</span>
            @enderror
        </div>
        <div class="form-group">
            <label for="email">商店電子郵件</label>
            <input type="text" class="form-control" placeholder="商店電子郵件" name="email" value="{{ old('email') }}">
            @error('email')
                <span id="email-error" class="validateError">{{ $message }}</span>
            @enderror
        </div>
        <div class="form-group">
            <label for="quota">商店額度</label>
            <input type="text" class="form-control" placeholder="商店額度" name="quota" value="{{ old('quota') }}">
            @error('quota')
                <span id="quota-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', date('Y-m-d', strtotime("+1 year", time()))) }}" id="expiredDate" readonly>
            @error('expired_date')
                <span id="expired_date-error" class="validateError">{{ $message }}</span>
            @enderror
        </div>
    </div>
    <button type="submit" class="btn btn-primary">新增</button>
    <a class="btn btn-warning" href="{{ route('appStore.index') }}">返回</a>
</form>
</div>
<!-- /.card-body -->
@endsection

@section('js')
@include('include.datePickerAndMask')
<script>
$(document).ready(function () {
    $('#expiredDate').daterangepicker(datePickerSetting);
});
</script>
@endsection