@extends('admin.main')
@inject('format', 'App\Presenters\NumberPresenter')
@section('content')
    <section id="basic-input">
        <form class="formValidation" method="post" action="" data-is-update="{{ !empty($data) }}" data-redirect="{{ route('admin.dealer.show', $data->id ?? null) }}">
            <div class="row">
                <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-12 md-6">
                                    <fieldset class="form-group">
                                        <label>帳號</label>
                                        <input type="text" class="form-control" value="{{ $data->account ?? '' }}" disabled/>
                                    </fieldset>

                                    <fieldset class="form-group">
                                        <label>經銷商</label>
                                        <input type="text" class="form-control" value="{{ $data->name ?? '' }}" disabled/>
                                    </fieldset>

                                    <fieldset class="form-group">
                                        <label>分潤方式</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="revenue_share_type-1" name="revenue_share_type" value="1" {{ !$data || (int)$data->revenue_share_type === 1 ? 'checked' : '' }} {{ $data->revenue_share_type ? 'disabled' : '' }}>
                                                        <label for="revenue_share_type-1">{{ trans_choice('dealer.revenue_share_type',1) }}</label>
                                                    </div>
                                                </fieldset>
                                            </li>
                                            <li class="d-inline-block mr-2 mb-1">
                                                <fieldset>
                                                    <div class="radio radio-shadow">
                                                        <input type="radio" id="revenue_share_type-2" name="revenue_share_type" value="2" {{ $data && (int)$data->revenue_share_type === 2 ? 'checked' : '' }} {{ $data->revenue_share_type ? 'disabled' : '' }}>
                                                        <label for="revenue_share_type-2">{{ trans_choice('dealer.revenue_share_type',2) }}</label>
                                                    </div>
                                                </fieldset>
                                            </li>
                                        </ul>
                                    </fieldset>

                                    <fieldset id="revenue_share_percent_div" class="form-group" style="display: {{ $data->revenue_share_type == 2 ? '': 'none' }};">
                                        <label for="revenue_share_percent">分潤%數</label>
                                        <input type="number" id="revenue_share_percent" class="form-control" name="revenue_share_percent" value="{{ $data->revenue_share_percent ?? '' }}" />
                                    </fieldset>

                                    <fieldset class="form-group">
                                        <label for="revenue_share_code">分潤代號</label>
                                        <input type="text" class="form-control" name="revenue_share_code" minlength="6" maxlength="6" value="{{ $data->revenue_share_code ?? '' }}" {{ $data->revenue_share_code ? 'disabled' : '' }} required/>
                                    </fieldset>
                                    <hr>
                                    <h5>匯款帳號資訊</h5>
                                </div>

                                <div class="col-6">
                                    <fieldset class="form-group">
                                        <label for="bank_code">銀行代號</label>
                                        <input type="text" class="form-control" name="bank_code" value="{{ $data->bank_code ?? '' }}" required/>
                                    </fieldset>
                                    <fieldset class="form-group">
                                        <label for="bank_branch">分行代號</label>
                                        <input type="text" class="form-control" name="bank_branch" value="{{ $data->bank_branch ?? '' }}" required/>
                                    </fieldset>
                                </div>
                                <div class="col-6">
                                    <fieldset class="form-group">
                                        <label for="bank_name">銀行名稱</label>
                                        <input type="text" class="form-control" name="bank_name" value="{{ $data->bank_name ?? '' }}" required/>
                                    </fieldset>
                                    <fieldset class="form-group">
                                        <label for="bank_branch_name">分行名稱</label>
                                        <input type="text" class="form-control" name="bank_branch_name" value="{{ $data->bank_branch_name ?? '' }}" required/>
                                    </fieldset>
                                </div>
                                <div class="col-12">
                                    <fieldset class="form-group">
                                        <label for="bank_account">匯款帳號</label>
                                        <input type="text" class="form-control" name="bank_account" value="{{ $data->bank_account ?? '' }}" required/>
                                    </fieldset>
                                    <hr>
                                    <fieldset class="form-group">
                                        <label>狀態</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="status-enable" name="status" value="1" {{ !$data || $data->status ? 'checked' : '' }}>
                                                        <label for="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="status-disable" name="status" value="0" {{ $data && !$data->status ? 'checked' : '' }}>
                                                        <label for="status-disable">停用</label>
                                                    </div>
                                                </fieldset>
                                            </li>
                                        </ul>
                                    </fieldset>
                                </div>

                                @if ($data)
                                    <div class="col-6 md-6">
                                        <fieldset class="form-group">
                                            <label>當前總業績</label>
                                            <p class="form-control-static">
                                                {{ $data->total_performance }}
                                            </p>
                                        </fieldset>
                                        <fieldset class="form-group">
                                            <label>最後修改時間</label>
                                            <p class="form-control-static">
                                                {{ $data->updated_at }}
                                            </p>
                                        </fieldset>
                                    </div>
                                    <div class="col-6 md-6">
                                        <fieldset class="form-group">
                                            <label>當前有效分潤</label>
                                            <p class="form-control-static">
                                                {{ $data->revenue_share_profit }}
                                            </p>
                                        </fieldset>
                                        <fieldset class="form-group">
                                            <label>加入時間</label>
                                            <p class="form-control-static">
                                                {{ $data->dealer_time }}
                                            </p>
                                        </fieldset>
                                    </div>
                                @endif
                            </div>

                            @checkPerm(DEALER_EDIT)
                                <button class="btn btn-primary mt-1" type="submit">{{ $data ? '更新' : '新增' }}</button>
                            @endcheckPerm
                            <a class="btn btn-light mt-1" href="{{ route('admin.dealer.list') }}">返回</a>
                        </div>
                    </div>
                </div>
            </div>
        </form>
    </section>
@endsection
@push('js')
<script>
    $(function () {
        $('input:radio[name=revenue_share_type]').click(function () {
            let type = this.value
            console.log(type)
            if (type == 2) {
                $('#revenue_share_percent_div').show();
            } else {
                $('#revenue_share_percent_div').hide();
            }
        });
    });
</script>
@endpush