@php
$app_local = get_default_language_code();
$default = App\Constants\LanguageConst::NOT_REMOVABLE;
$slug = Illuminate\Support\Str::slug(App\Constants\SiteSectionConst::SECURITY_SECTION);
$security = App\Models\Admin\SiteSections::getData($slug)->first();
@endphp
<!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Start Security
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
<section class="security-system pt-80">
<div class="container">
<div class="section-tag">
<span class="d-flex align-items-center">
<p>{{ $security->value->language->$app_local->title ?? $security->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="security-system-wrapper">
<div class="row">
<div class="col-xl-8 col-lg-10">
<div class="section-title mb-40">
<h2 class="title">{{ $security->value->language->$app_local->heading ?? $security->value->language->$default->heading ?? '' }}</h2>
<p class="sub-title">{{ $security->value->language->$app_local->sub_heading ?? $security->value->language->$default->sub_heading ?? '' }}</p>
</div>
</div>
</div>
<div class="row mb-30-none justify-content-center">
@foreach ($security->value->items ?? [] as $item)
@if ($item->status == true)
<div class="col-lg-4 col-md-6 col-sm-6 mb-30">
<div class="security-system-card">
<div class="icon">
<img src="{{ get_image($item->icon ?? '','site-section') }}" alt="img">
</div>
<div class="security-card-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>
</div>
@endif
@endforeach
</div>
</div>
</div>
</section>
<!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
End Security
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
Before you begin integrating the Kueue Pay Developer API, make sure you have: