@extends("admin.main")
@section("content")
    @if(auth()->guard('admins')->user()->can('edit payment'))
    <div class="card card-outline card-primary">
        <form action="{{ route('payment.update',['id' => $payment->id]) }}" method="post">
            @csrf
            @method('put')
            <div class="card-body">
                <div class="row">
                    <div class="col">
                        {{--Group Name--}}
                        <div class="form-group row">
                            <label class="col-md-3" for="name">Payment Method Name</label>
                            <div class="col-md-9">
                                <input type="text" id="name" name="name" placeholder="Payment Method Name ..."
                                       value="{{ $payment->name }}" class="form-control">
                            </div>
                        </div>
                        <div class="form-group row">
                            <label class="col-md-3" for="accountNo">Payment AccountNo (STK)</label>
                            <div class="col-md-9">
                                <input type="text" id="accountNo" name="accountNo" placeholder="Payment accountNo ..."
                                       value="{{ $payment->accountNo }}" class="form-control">
                            </div>
                        </div>
                        <div class="form-group row">
                            <label class="col-md-3" for="bankName">Payment Bank Name</label>
                            <div class="col-md-9">
                                <input type="text" id="bankName" name="bankName" placeholder="Payment Bank Name"
                                       value="{{ $payment->bankName }}" class="form-control">
                            </div>
                        </div>
                        <div class="form-group row">
                            <label class="col-md-3" for="bankCode">Payment Bank Code</label>
                            <div class="col-md-9">
                                <input type="text" id="bankCode" name="bankCode" placeholder="Payment Bank Code"
                                       value="{{ $payment->bankCode }}" class="form-control">
                            </div>
                        </div>
                        {{--Thumbnail--}}
                        <div class="form-group row">
                            <label class="col-md-3" for="user">Payment Method Logo</label>
                            <div class="col-md-9">
                                <div class="row">
                                    <div class="col-md-8">
                                        <input type="text" data-choise="upload-images" name="logo"
                                               value="{{ $payment->logo }}"
                                               class="form-control" placeholder="Chọn File">
                                    </div>
                                    <div class="col-md-4">
                                        <button type="button"
                                                class="btn btn-outline-secondary btn-open-thumb">
                                            <i class="fas fa-folder-open"></i> Chọn hình ảnh
                                        </button>
                                    </div>
                                </div>
                            </div>
                        </div>

                        {{--Status--}}
                        <div class="form-group row">
                            <label class="col-md-3" for="type">Payment Method Type</label>
                            <div class="col-md-9">
                                <select class="custom-select" id="type" name="type">
                                    <option value="0" @selected($payment->type === 0)>Manual</option>
                                    <option value="1" @selected($payment->type === 1)>Auto Banking</option>
                                </select>
                            </div>
                        </div>

                        {{--Status--}}
                        <div class="form-group row">
                            <label class="col-md-3" for="status">Payment Method Status</label>
                            <div class="col-md-9">
                                <select class="custom-select" id="status" name="status">
                                    <option value="1" @selected($payment->status === 1)>Active</option>
                                    <option value="0" @selected($payment->status === 0)>No Active</option>
                                </select>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="card-footer">
                <a href="{{ route('payment.index') }}" class="btn btn-outline-secondary">Back</a>
                <button type="submit" class="btn btn-outline-primary">Save</button>
            </div>
        </form>
    </div>
    @else
        <div class="alert alert-danger alert-dismissible">
            <h5 class="mb-0"><i class="icon fas fa-ban"></i> Access Denied - You are not assigned to any Payment
                management department</h5>
        </div>
    @endif
@endsection
@push('scripts')
    <script type="text/javascript">
        $('.btn-open-thumb').click(function (){
            CKFinder.popup({
                chooseFiles: true,
                onInit: function (finder) {
                    finder.on('files:choose', function (evt) {
                        let img = $('input[name="logo"]');
                        if (img.length)
                        {
                            img.val(evt.data.files.first().getUrl())
                            img.trigger('input')
                        }
                    });
                }
            });
        })
    </script>
@endpush