@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
For code examples and implementation guides, please refer to the “Examples” section on our developer portal. Go to GitHub Repository