@extends('admin.main')
@section('content')
    <section id="basic-input">
        <form class="formValidation" method="post" action="{{ route('admin.config.store', $data->key) }}" data-is-update="1" data-redirect="reload">
            <div class="row style-system-e-invoice">
                <div class="col-md-6">
                    <div class="card">
                        <div class="card-header">
                            <h4 class="card-title">電子發票設定</h4>
                        </div>
                        <div class="card-body">
                            <div class="row">
                                <div class="col-md-12">
                                    <fieldset class="form-group">
                                        <label class="font-medium-1" for="desc">說明文字</label>
                                        <input type="text" class="form-control"
                                               id="desc"
                                               name="value[desc]"
                                               value="{{ $data->value_data->desc ?? '' }}"
                                               placeholder="如何獲得介接資訊？"
                                               required
                                        >
                                    </fieldset>

                                    <fieldset class="form-group">
                                        <label class="font-medium-1" for="store_code">商店代號</label>
                                        <input type="text" class="form-control"
                                               id="store_code"
                                               name="value[store_code]"
                                               value="{{ $data->value_data->store_code ?? '' }}"
                                               placeholder="請輸入商店代號"
                                               required
                                        >
                                    </fieldset>

                                    <fieldset class="form-group">
                                        <label class="font-medium-1" for="hash_key">介接HashKey</label>
                                        <input type="text" class="form-control"
                                               id="hash_key"
                                               name="value[hash_key]"
                                               value="{{ $data->value_data->hash_key ?? '' }}"
                                               placeholder="請輸入介接HashKey"
                                               required
                                        >
                                    </fieldset>

                                    <fieldset class="form-group">
                                        <label class="font-medium-1" for="hash_iv">介接HashIV</label>
                                        <input type="text" class="form-control"
                                               id="hash_iv"
                                               name="value[hash_iv]"
                                               value="{{ $data->value_data->hash_iv ?? '' }}"
                                               placeholder="請輸入介接HashIV"
                                               required
                                        >
                                    </fieldset>

                                    <fieldset class="form-group">
                                        <label class="font-medium-1">電子發票啟用狀態</label>
                                        <ul class="list-unstyled mb-0">
                                            <li class="d-inline-block mr-2 mb-1">
                                                <fieldset>
                                                    <div class="radio radio-shadow">
                                                        <input type="radio" id="e_invoice_status-enable" name="value[e_invoice_status]" value="1" {{ isset($data->value_data->e_invoice_status) && $data->value_data->e_invoice_status == 1 ? 'checked' : '' }}>
                                                        <label for="e_invoice_status-enable">啟用</label>
                                                    </div>
                                                </fieldset>
                                            </li>
                                            <li class="d-inline-block mr-2 mb-1">
                                                <fieldset>
                                                    <div class="radio radio-shadow">
                                                        <input type="radio" id="e_invoice_status-disable" name="value[e_invoice_status]" value="0" {{ !isset($data->value_data->e_invoice_status) || !$data->value_data->e_invoice_status ? 'checked' : '' }}>
                                                        <label for="e_invoice_status-disable">停用</label>
                                                    </div>
                                                </fieldset>
                                            </li>
                                        </ul>
                                    </fieldset>

                                    <fieldset class="form-group">
                                        <label class="font-medium-1">稅金</label>
                                        <ul class="list-unstyled mb-0">
                                            <li class="d-inline-block mr-2 mb-1">
                                                <fieldset>
                                                    <div class="radio radio-shadow">
                                                        <input type="radio" id="tax_method-1" name="value[tax_method]" value="1" {{ (isset($data->value_data->tax_method) && $data->value_data->tax_method == 1) || !isset($data->value_data->invoice_issuance) ? 'checked' : '' }}>
                                                        <label for="tax_method-1">應稅</label>
                                                    </div>
                                                </fieldset>
                                            </li>
                                            <li class="d-inline-block mr-2 mb-1">
                                                <fieldset>
                                                    <div class="radio radio-shadow">
                                                        <input type="radio" id="tax_method-2" name="value[tax_method]" value="2" {{ isset($data->value_data->tax_method) && $data->value_data->tax_method == 2 ? 'checked' : '' }}>
                                                        <label for="tax_method-2">免稅</label>
                                                    </div>
                                                </fieldset>
                                            </li>
                                            <li class="d-inline-block mr-2 mb-1">
                                                <fieldset>
                                                    <div class="radio radio-shadow">
                                                        <input type="radio" id="tax_method-3" name="value[tax_method]" value="3" {{ isset($data->value_data->tax_method) && $data->value_data->tax_method == 3 ? 'checked' : '' }}>
                                                        <label for="tax_method-3">混合稅</label>
                                                    </div>
                                                </fieldset>
                                            </li>
                                        </ul>
                                    </fieldset>

                                    <fieldset class="form-group">
                                        <label class="font-medium-1">是否自動開立</label>
                                        <ul class="list-unstyled mb-0">
                                            <li class="d-inline-block mr-2 mb-1">
                                                <fieldset>
                                                    <div class="radio radio-shadow">
                                                        <input type="radio" id="invoice_issuance-1" class="invoice_issuance" name="value[invoice_issuance]" value="1" {{ isset($data->value_data->invoice_issuance) && $data->value_data->invoice_issuance == 1 ? 'checked' : '' }}>
                                                        <label for="invoice_issuance-1">自動開立</label>
                                                    </div>
                                                </fieldset>
                                            </li>
                                            <li class="d-inline-block mr-2 mb-1">
                                                <fieldset>
                                                    <div class="radio radio-shadow">
                                                        <input type="radio" id="invoice_issuance-2" class="invoice_issuance" name="value[invoice_issuance]" value="2" {{ isset($data->value_data->invoice_issuance) && $data->value_data->invoice_issuance == 2 ? 'checked' : '' }}>
                                                        <label for="invoice_issuance-2">延遲自動開立</label>
                                                    </div>
                                                </fieldset>
                                            </li>
                                            <li class="d-inline-block mr-2 mb-1">
                                                <fieldset>
                                                    <div class="radio radio-shadow">
                                                        <input type="radio" id="invoice_issuance-3" class="invoice_issuance" name="value[invoice_issuance]" value="3" {{ (isset($data->value_data->invoice_issuance) && $data->value_data->invoice_issuance == 3) || !isset($data->value_data->invoice_issuance) ? 'checked' : '' }}>
                                                        <label for="invoice_issuance-3">不要自動開立</label>
                                                    </div>
                                                </fieldset>
                                            </li>

                                            <fieldset class="form-group invoice_issuance_2_setting" style="display:{{ isset($data->value_data->invoice_issuance) && $data->value_data->invoice_issuance == 2 ? '' : 'none' }}">
                                                <div class="input-group">
                                                    <div class="input-group-append">
                                                        <span class="input-group-text">訂單符合條件後，延遲</span>
                                                    </div>
                                                    <input type="number" class="form-control"
                                                           id="invoice_issuance_delay_day"
                                                           name="value[invoice_issuance_delay_day]"
                                                           value="{{ $data->value_data->invoice_issuance_delay_day ?? 0 }}"
                                                           placeholder="請輸入天數"
                                                           required
                                                    >
                                                    <div class="input-group-append">
                                                        <span class="input-group-text">天後自動開立</span>
                                                    </div>
                                                </div>
                                            </fieldset>
                                        </ul>

                                    </fieldset>
                                </div>
                            </div>

                            @checkPerm(CONFIG_E_INVOICE)
                            <button class="btn btn-primary mt-1" type="submit">更新</button>
                            @endcheckPerm
                        </div>
                    </div>
                </div>
            </div>
        </form>
    </section>
@endsection
@push('js')
<script>
    $(function () {
        $('.invoice_issuance').on('change',function(){
            var val = $(this).val()
            if(val == 2) {
                $('.invoice_issuance_2_setting').show()
            } else {
                $('.invoice_issuance_2_setting').hide()
            }
        })
    });
</script>
@endpush