/home/kueuepay/public_html/resources/views/frontend/section/how-it-work.blade.php
@php
    $app_local      = get_default_language_code();
    $default        = App\Constants\LanguageConst::NOT_REMOVABLE;
    $slug           = Illuminate\Support\Str::slug(App\Constants\SiteSectionConst::HOW_ITS_WORK_SECTION);
    $how_it_work    = App\Models\Admin\SiteSections::getData($slug)->first();
@endphp
<!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    Start How it works
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
<section class="how-it-works pt-80" id="animated-section">
    <div class="container">
        <div class="section-tag">
            <span class="d-flex align-items-center"><p>{{ $how_it_work->value->language->$app_local->title ?? $how_it_work->value->language->$default->title ?? '' }}</p> <i class="las la-cog"></i>
            </span>
            <div class="section-element">
                <img src="{{ asset('public/frontend') }}/images/element/section-element.webp">
            </div>
        </div>
        <div class="how-it-work-wrapper">
            <div class="row">
                <div class="col-xl-8 col-lg-10">
                    <div class="section-title mb-40">
                        <h2 class="title">{{ $how_it_work->value->language->$app_local->heading ?? $how_it_work->value->language->$default->heading ?? '' }}</h2>
                        <p class="sub-title">{{ $how_it_work->value->language->$app_local->sub_heading ?? $how_it_work->value->language->$default->sub_heading ?? '' }}</p>
                    </div>
                </div>
            </div>
            <div class="row align-items-center mb-30-none">
                <div class="col-lg-6 mb-30">
                   <div class="section-wrapper">
                    @php
                        $step = 1;
                    @endphp
                    @foreach ($how_it_work->value->items ?? [] as $item)
                    
                    <div class="how-it-work-item mb-30" data-aos="fade-right" data-aos-duration="1200">
                        <div class="seciral-number">
                            <span>{{ $step++ }}</span>
                        </div>
                        <div class="item-content">
                            <h3 class="title">{{ @$item->language->$app_local->item_title ?? $item->language->$default->item_title ?? '' }}</h3>
                            <p>{{ @$item->language->$app_local->item_heading ?? $item->language->$default->item_heading ?? '' }}</p>
                        </div>
                    </div>  
                    @endforeach
                   </div>
                </div>
                <div class="col-lg-6 mb-30">
                    <div class="how-its-work-img text-center" data-aos="fade-left" data-aos-duration="1200">
                        <img src="{{ get_image($how_it_work->value->image ?? '','site-section') }}">
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    End How it works
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
Access Token

Get Access Token

Get access token to initiates payment transaction.

Endpoint: POST generate-token
Parameter Type Comments
client_id string Enter merchant API client/primary key
secret_id string Enter merchant API secret key
env string Enter merchant API environment
merchant_id string Enter merchant API merchant id
Just request to that endpoint with all parameter listed below:
                    
                        Request Example (guzzle)
                        

<?php
require_once('vendor/autoload.php');
$client = new \GuzzleHttp\Client();
$response = $client->request('POST', $base_url. 'v1/generate-token', [
'headers' => [
  'accept' => 'application/json',
  'content-type' => 'application/json',
 ],
'form_params' => [
  'client_id' => '$client_id',
  'secret_id' => 'secret_id',
  'env' => 'env',
  'merchant_id' => 'merchant_id',
 ],
]);
echo $response->getBody();
                    
                        
**Response: SUCCESS (200 OK)**
{
 "message": {
 "success": [
  "Successfully token is generated"
 ]
},
"data": {
 "token":"eyJpdiI6InpkczhjTjhQdVhUL2lKQ0pSUUx6aUE9P
SIsInZhbHVlIjoiVGVBTVBDTXltbjNZcEIvdEJveGpTSno3TU5NRUtn
VkhCZ1pHTFNCUnZGQ2UxMnYxN202cEE1YVRDTEFsc0ZERExoTjdtL0dTL2x
oU3QzeUJJOExiMUx5T0w1L0llUXhTUkU1cWVLWEdEbEplb0dKNXcwbTNRM0
VxdkUwYzZuNFdtNkhMQ0pRZysyNWkvdzBxSlBoSVBSOGFTekNnR2RXNHVtc
G9lMGZOTmNCcm1hR3c5Sk9KTnB4Y3ltZDl6cm90MThrR21Ca3B1azc3bXRi
Q0J6SW96UVo1elNkU1ZqeE05bTcwWGp1MEUxWlJFdnNWTmpSbnVpeW92b2U
4dXZkUGgyb1VmK0luaGdyaFlsVTZlcVpVRnZlTG1DeFF6Ykk2T2h6Z3Jzbn
IyNHpNdHowSE5JdDR0Y0pZT20zUm1XYW8iLCJtYWMiOiJlY2M4NGE1OGUzYz
kzYzk0YzljNmVmNjE0YWI0ZDIwOGI3NDQ2YWEyY2ZhNzc0NzE4ZmY1ZmYyMz
IyZmQzNDY1IiwidGFnIjoiIn0=",
},
"type": "success"
}
                    
                        
**Response: ERROR (400 FAILED)**
{
 "message": {
 "error": [
  "Invalid credentials."
 ]
},
"data": null,
"type": "error"
}