@extends('layouts.authorized')

@section('headerCustom')
    @php
        $id = 0;
        if (!empty($model->getKey())) {
            $id = $model->getKey();
        }
        $formUrl = $model->getUrlDetails(['id' => $id]);
        $cancelUrl = $model->getUrlIndex();
        $language = '';
        $title = 'Profil Merchant';
    @endphp
@endsection

@section('content')
    @include('cms.form.errorbox')

    <form id="form" action="{{ $formUrl }}" class="create-project form-horizontal" method="POST"
        enctype="multipart/form-data">
        @foreach ($model::MASKED_FIELD as $maskedField)
            <input type="hidden" name="masked_{{ $maskedField }}" value="{{ maskString($model->$maskedField, 6) }}">
        @endforeach

        <div class="col-md-12">
            <div class="col-md-12">
                <div class="card">
                    <div class="card-header">Info General</div>
                    <div class="card-body">
                        <div class="row">
                            <div class="col-md-6">
                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="col-md-3">
                                            <label class="control-label">Merchant ID</label>
                                        </div>
                                        <div class="col-md-9">
                                            <input name="code" class="form-control" value="{{ $model->code }}"
                                                label="Kode" type="text" {{ $model->isDisabled('code') }}
                                                {{ $model->isRequired('code') }} />
                                        </div>
                                    </div>
                                    <div class="col-md-12">
                                        <div class="col-md-3">
                                            <label class="control-label">Nama Merchant</label>
                                        </div>
                                        <div class="col-md-9">
                                            <input name="name" class="form-control"
                                                value="{{ !empty(old('name')) ? old('name') : (!empty($model->name) ? $model->name : '') }}"
                                                label="Nama Merchant" type="text" {{ $model->isDisabled('name') }}
                                                {{ $model->isRequired('name') }} />
                                        </div>
                                    </div>
                                    <div class="col-md-12">
                                        <div class="col-md-3">
                                            <label class="control-label">Nama PIC</label>
                                        </div>
                                        <div class="col-md-9">
                                            <input name="picName" class="form-control"
                                                value="{{ !empty(old('picName')) ? old('picName') : (!empty($model->picName) ? $model->picName : '') }}"
                                                label="PIC Lender" type="text" {{ $model->isDisabled('picName') }}
                                                {{ $model->isRequired('picName') }} />
                                        </div>
                                    </div>
                                    <div class="col-md-12">
                                        <div class="col-md-3">
                                            <label class="control-label">No. Telp. PIC</label>
                                        </div>
                                        <div class="col-md-9">
                                            {!! generateMaskedInputHtml(maskString($model->picContact, 6), $model->id, 'picContact', 'unmask-picContact-input-btn') !!}
                                        </div>
                                    </div>
                                    <div class="col-md-12">
                                        <div class="col-md-3">
                                            <label class="control-label">E-mail CS</label>
                                        </div>
                                        <div class="col-md-9">
                                            <input name="csEmail" class="form-control"
                                                value="{{ !empty(old('csEmail')) ? old('csEmail') : (!empty($model->csEmail) ? $model->csEmail : '') }}"
                                                label="Email CS" type="text" {{ $model->isDisabled('csEmail') }}
                                                {{ $model->isRequired('csEmail') }}
                                                placeholder="email1@example.com, email2@example.com, ..." />
                                        </div>
                                    </div>
                                    <div class="col-md-12">
                                        <div class="col-md-3">
                                            <label class="control-label">Alamat</label>
                                        </div>
                                        <div class="col-md-9">
                                            <textarea name="address" class="form-control" label="Alamat" {{ $model->isDisabled('address') }}
                                                {{ $model->isRequired('address') }}>{{ !empty(old('address')) ? old('address') : (!empty($model->address) ? $model->address : '') }}</textarea>
                                        </div>
                                    </div>
                                    <div class="col-md-12">
                                        <div class="col-md-3">
                                            <label class="control-label">Tipe Merchant</label>
                                        </div>
                                        <div class="col-md-9">
                                            <input name="type" class="form-control"
                                                value="{{ !empty(old('type')) ? old('type') : (!empty($model->type) ? $model->type : '') }}"
                                                label="Merchant Type" type="text" {{ $model->isDisabled('type') }}
                                                {{ $model->isRequired('type') }} />
                                        </div>
                                    </div>
                                    <div class="col-md-12">
                                        <div class="col-md-3">
                                            <label class="control-label">Logo Merchant</label>
                                        </div>
                                        <div class="col-md-9">
                                            <div class="image-selector-wrapper">
                                                <input type="file" class="hidden btn-upload-file"
                                                    @if (empty($model->logo)) name="logo" @endif
                                                    accept=".jpg,.jpeg,.png" />
                                                @if (!empty($model->logo))
                                                    <input type="hidden" name="logo" value="{{ $model->logo }}" />
                                                @endif
                                                <button class="btn-upload thumbnail" type="button">
                                                    <img
                                                        @if (!empty($model->logo)) src="{{ getImageUrl($model->logo) }}" @endif />
                                                    <div @if (!empty($model->logo)) style="display: none" @endif>
                                                        <i class="fa fa-upload"></i>
                                                        Upload
                                                    </div>
                                                </button>
                                                <i @if (empty($model->logo)) style="display: none" @endif
                                                    class="fa fa-trash-o image-delete-icon"></i>
                                            </div>
                                        </div>
                                    </div>
                                    @if ($id !== 0)
                                        <div class="col-md-12">
                                            <div class="col-md-12">
                                                <a href="#">Lihat Transaksi Merchant</a>
                                            </div>
                                        </div>
                                    @endif
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="col-md-3">
                                            <label class="control-label">API Key</label>
                                        </div>
                                        <div class="col-md-9">
                                            <textarea name="apiKey" id="apiKey" cols="30" rows="5" class="form-control" disabled>{{ $id == 0 ? 'Akan diciptakan secara otomatis' : $model->apiKey }}</textarea>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="col-md-3">
                                            <label class="control-label">Return URL</label>
                                        </div>
                                        <div class="col-md-9">
                                            <input name="returnUrl" class="form-control"
                                                value="{{ !empty(old('returnUrl')) ? old('returnUrl') : (!empty($model->returnUrl) ? $model->returnUrl : '') }}"
                                                placeholder="https://website.com/return_url_example" label="Return URL"
                                                returnUrl="text" {{ $model->isDisabled('returnUrl') }}
                                                {{ $model->isRequired('returnUrl') }} />
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="col-md-3">
                                            <label class="control-label">Callback URL</label>
                                        </div>
                                        <div class="col-md-9">
                                            <input name="callbackUrl" class="form-control"
                                                value="{{ !empty(old('callbackUrl')) ? old('callbackUrl') : (!empty($model->callbackUrl) ? $model->callbackUrl : '') }}"
                                                placeholder="https://website.com/return_url_example" label="Return URL"
                                                callbackUrl="text" {{ $model->isDisabled('callbackUrl') }}
                                                {{ $model->isRequired('callbackUrl') }} />
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-md-12">
            <div class="col-md-12">
                <div class="card">
                    <div class="card-header">Info Bank</div>
                    <div class="card-body">
                        <div class="row">
                            <div class="col-md-6">
                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="col-md-3">
                                            <label class="control-label">No. VA</label>
                                        </div>
                                        <div class="col-md-9">
                                            <input name="bankVaNumber" class="form-control"
                                                value="{{ !empty(old('bankVaNumber')) ? old('bankVaNumber') : (!empty($model->bankVaNumber) ? $model->bankVaNumber : '') }}"
                                                label="No. VA" type="text" {{ $model->isDisabled('bankVaNumber') }}
                                                {{ $model->isRequired('bankVaNumber') }} />
                                        </div>
                                    </div>
                                    <div class="col-md-12">
                                        <div class="col-md-3">
                                            <label class="control-label">Bank</label>
                                        </div>
                                        <div class="col-md-9">
                                            <input name="bankName" class="form-control"
                                                value="{{ !empty(old('bankName')) ? old('bankName') : (!empty($model->bankName) ? $model->bankName : '') }}"
                                                label="bankName" type="text" {{ $model->isDisabled('bankName') }}
                                                {{ $model->isRequired('bankName') }} />
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-md-12">
            <div class="col-md-12">
                <div class="card">
                    <div class="card-header">Info Akun</div>
                    <div class="card-body">
                        <div class="row">
                            <div class="col-md-6">
                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="col-md-3">
                                            <label class="control-label">Username</label>
                                        </div>
                                        <div class="col-md-9">
                                            <input type="text" class="form-control" name="accountEmail"
                                                label="Username"
                                                value="{{ !empty(old('bank')) ? old('bank') : ($id == 0 ? '' : $model->merchantPicDetail->email) }}"
                                                {{ $model->isDisabled('accountEmail') }}
                                                {{ $model->isRequired('accountEmail') }}>
                                        </div>
                                    </div>
                                    <div class="col-md-12">
                                        <div class="col-md-3">
                                            <label class="control-label">Kata Sandi</label>
                                        </div>
                                        <div class="col-md-9">
                                            <input type="password" class="form-control" name="accountPassword"
                                                label="Password" {{ $model->isDisabled('accountPassword') }}
                                                {{ empty($id) ? $model->isRequired('accountPassword') : '' }}
                                                placeholder="*******">
                                        </div>
                                    </div>
                                    @if ($id === 0)
                                        <div class="col-md-12">
                                            <div class="col-md-3">
                                                <label class="control-label">Konfirmasi Kata Sandi</label>
                                            </div>
                                            <div class="col-md-9">
                                                <input type="password" class="form-control" name="confirmaccountPassword"
                                                    label="Password" {{ $model->isDisabled('accountPassword') }}
                                                    {{ $model->isRequired('accountPassword') }} placeholder="*******">
                                            </div>
                                        </div>
                                    @endif
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-12 text-right">
                                <a href="{{ route('admin.merchants') }}" class="btn btn-default">Kembali</a> &nbsp;
                                @if (checkPermission(\App\Util\AclConstant::MERCHANT_CREATE) || checkPermission(\App\Util\AclConstant::MERCHANT_UPDATE))
                                    <button type="button" class="btn btn-primary submitButton">
                                        Submit
                                    </button>
                                @endif
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </form>
@endsection

@if (checkUserPermission(\App\Util\AclConstant::VIEW_MASKED_DATA))
    @section('jsCustom')
        @if ($model::MASKED_FIELD && count($model::MASKED_FIELD) > 0)
            @foreach ($model::MASKED_FIELD as $maskedField)
                <script>
                    $(document).ready(function() {
                        $(`#unmask-{{ $maskedField }}-input-btn`).on('click', function(event) {
                            const button = $(this);
                            const id = button.data('id');

                            let url =
                                '{{ route('admin.unmask-data.merchant', ['modelId' => ':id', 'fieldName' => ':fieldName']) }}';
                            url = url.replace(':id', id).replace(':fieldName', '{{ $maskedField }}');

                            const input = $(`.masked-input-{{ $maskedField }}`);

                            if (!input.length) {
                                console.error(
                                    `Input element with class '.masked-input-{{ $maskedField }}' not found.`);
                                return;
                            }

                            const maskedValue = input.data('masked-value');
                            const isMasked = input.data('is-masked') === true;

                            if (isMasked) {
                                $.getJSON(url)
                                    .done(function(data) {
                                        input.val(data);
                                    })
                                    .fail(function(xhr, status, error) {
                                        input.val(xhr.responseText);
                                        console.error(xhr.responseText);
                                    })
                                    .always(function() {
                                        input.data('is-masked', false);
                                    });
                            } else {
                                input.val(maskedValue);
                                input.data('is-masked', true);
                            }
                        });
                    });
                </script>
            @endforeach
        @endif
    @endsection
@endif