/home/kueuepay/public_html/resources/views/user/sections/merchant-details/index.blade.php
@extends('user.layouts.master')

@section('breadcrumb')
    @include('user.components.breadcrumb',['breadcrumbs' => [
        [
            'name'  => __("Dashboard"),
            'url'   => setRoute("user.dashboard"),
        ]
    ], 'active' => __($page_title)])
@endsection

@section('content')
<div class="body-wrapper">
    <div class="row justify-content-center mb-20-none">
        <div class="col-xl-6 col-lg-6 mb-20">
            <div class="custom-card mt-10">
                <div class="card-body">
                    <form class="card-form" action="{{ route('user.merchant.details.update',auth()->user()->id) }}" method="POST" enctype="multipart/form-data">
                        @csrf
                        <div class="row">
                            <div class="col-xl-12 col-lg-12 form-group">
                                <label for="card-image">{{ __("Image") }}*</label>
                                <div class="col-12 col-sm-6 m-auto">
                                    @include('admin.components.form.input-file',[
                                        'label'             => false,
                                        'class'             => "file-holder m-auto",
                                        'old_files_path'    => files_asset_path('merchant-details'),
                                        'name'              => "image",
                                        'value'             => @$user->merchant_details->image,
                                        'old_files'         => old('image',@$user->merchant_details->image)
                                    ])
                                </div>
                            </div>
                            <div class="col-xl-12 col-lg-12 form-group">
                                @include('admin.components.form.input',[
                                    'label'         => __("Merchant Name")."<span>*</span>",
                                    'name'          => "merchant_name",
                                    'placeholder'   => __("Enter Name")."...",
                                    'value'         => old('merchant_name',@$user->merchant_details->merchant_name)
                                ])
    
                            </div>
                        </div>
                        <div class="col-xl-12 col-lg-12">
                            <button type="submit" class="btn--base w-100"><span class="w-100">{{ __("Update") }}</span></button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
        <div class="col-xl-6 col-lg-6">
            <div class="api-key">
                <div class="custom-card mt-10">
                    <div class="card-body">
                        <h4 class="title text-center">{{ __("API Keys") }}</h4>
                        <span class="sub-title copytext-wrapper">{{ __("Client ID") }} : <span class="text--warning text-break">
                                ****{{ substr(@$user->merchant_api_keys->client_id, -25) }}</span><input type="hidden" id="clientID" value="{{ @$user->merchant_api_keys->client_id }}"><span class="copytext" id="copyClient"><span class="copytext" id="copyClient"><i class="las la-copy"></i></span></span>
                        </span>
                        <span class="sub-title copytext-wrapper">{{ __("Secret ID") }} : <span class="text--warning text-break">
                                ****{{ substr(@$user->merchant_api_keys->secret_id, -25) }}</span><input type="hidden" id="secretID" value="{{ @$user->merchant_api_keys->secret_id }}"><span class="copytext" id="copySecret"><i
                                    class="las la-copy"></i></span>
                        </span>
                        @if (isset($user->merchant_details))
                        <span class="sub-title copytext-wrapper">{{ __("Merchant ID") }} : <span class="text--warning text-break" id="merchantID">
                            {{ @$user->merchant_details->merchant_id }}</span><span class="copytext" id="copyID"><i class="las la-copy"></i></span></span>
                        @endif
                        <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 form-group">
                            <div class="toggle-container">
                                @include('admin.components.form.switcher',[
                                    'label'         => __('Environment'),   
                                    'name'          => "env",
                                    'value'         => old('env',@$user->merchant_api_keys->env),
                                    'options'       => [__('PRODUCTION') => payment_gateway_const()::ENV_PRODUCTION , __('SANDBOX') => payment_gateway_const()::ENV_SANDBOX],
                                    'onload'        => true,
                                    'data_target'   => @$user->merchant_api_keys->id,
                                ])
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-lg-8 mb-20">
            <div class="custom-card mt-10">
                <div class="card-body">
                    <h4 class="title mb-20">{{ __("We are using here stripe payment gateway for receiving payment. So configure your stripe account.") }}
                    </h4>
                    <form class="card-form" action="{{ route('user.merchant.details.payment.configuration.update',auth()->user()->id) }}" method="POST" enctype="multipart/form-data">
                        @csrf
                        <div class="row">
                            <div class="col-xl-12 col-lg-12 form-group">
                                @include('admin.components.form.input',[
                                    'label'         => __("Stripe Secret Key")."<span>*</span>",
                                    'name'          => "secret_key",
                                    'placeholder'   => __("Enter Stripe Secret Key")."...",
                                    'value'         => old('secret_key',@$user->merchant_details->payment_gateway->stripe_secret_key)
                                ])    
                            </div>
                        </div>
                        <div class="col-xl-12 col-lg-12">
                            <button type="submit" class="btn--base w-100"><span class="w-100">{{ __("Update") }}</span></button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@push('script')
<script>
    $('#copyClient').on('click',function(){
        var copyText = document.getElementById("clientID");
        var tempInput = document.createElement("input");
        tempInput.value = copyText.value;
        document.body.appendChild(tempInput);
        tempInput.select();
        document.execCommand("copy");
        document.body.removeChild(tempInput);
        console.log(copyText.value);
        throwMessage('success', ["Copied Client ID: " + copyText.value]);
    });
    $('#copySecret').on('click',function(){
        var copyText = document.getElementById("secretID");
        var tempInput = document.createElement("input");
        tempInput.value = copyText.value;
        document.body.appendChild(tempInput);
        tempInput.select();
        document.execCommand("copy");
        document.body.removeChild(tempInput);
        throwMessage('success', ["Copied Secret ID: " + copyText.value]);
    });
    $('#copyID').on('click',function(){
        var copyText = document.getElementById("merchantID").innerText;
        navigator.clipboard.writeText(copyText).then(function() {
            throwMessage('success', ["Copied Merchant ID: " + copyText]);
        }, function(err) {
            throwMessage('error', ["Failed to copy text"]);
        });
    });

   
</script>
<script>
    $(document).ready(function () {
        switcherAjax("{{ setRoute('user.merchant.details.api.keys.update') }}");
    });
</script>
@endpush
Examples

Examples

For code examples and implementation guides, please refer to the “Examples” section on our developer portal. Go to GitHub Repository