@extends('layouts.classic')

@section('content')

{{-- Custom JS --}}
@section('custom-css')
{{-- AdSense status --}}
@if ($setting->adsense_code != "DISABLE")
{{-- AdSense code --}}
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client={{ $setting->adsense_code }}"
    crossorigin="anonymous"></script>
@endif
@endsection

{{-- Topbar --}}
@include('website.classic.includes.topbar')

@php
use App\Models\Page;
$page = Page::where('slug', 'refund-policy')->where('status', 1)->get();
@endphp

{{-- Privacy Policy --}}
<section class="py-20 xl:pt-24 xl:pb-28 bg-white"
    style="background-image: url('{{ asset('images/web/elements/pattern-white.svg') }}'); background-position: center;">
    <div class="container px-4 mx-auto">
        <div class="flex flex-wrap -mx-4">
            <div class="w-full px-4 mb-10" data-aos="fade-up">
                <div class="flex flex-wrap justify-between items-center">
                    <div class="w-full md:w-1/2 mb-10 md:mb-0">
                        <span
                            class="inline-block py-px px-2 mb-4 text-xs leading-5 text-{{ $config[11]->config_value }}-500 bg-{{ $config[11]->config_value }}-100 font-medium uppercase rounded-9xl">{{
                            __($page[0]->body) }}</span>
                        <h3 class="mb-4 text-3xl md:text-4xl text-gray-900 font-bold tracking-tighter">{{ __($page[1]->body) }}</h3>
                        <p class="text-lg md:text-xl leading-8 text-gray-500 font-semibold">{{ __($page[2]->body) }}</p>
                    </div>
                    <div class="w-full md:w-auto">
                        <div class="flex flex-wrap justify-center items-center -mb-2"><a
                                class="inline-block mb-3 lg:mb-0 lg:mr-3 w-full lg:full py-2 px-6 leading-loose bg-{{ $config[11]->config_value }}-600 hover:bg-{{ $config[11]->config_value }}-700 text-white font-semibold rounded-l-xl rounded-t-xl transition duration-200 text-center"
                                href="#">{{ __($page[3]->body) }} : {{ __($page[4]->body) }}</a></div>
                    </div>
                </div>
            </div>
            <div class="w-full lg:w-1/2 px-4 mb-5 lg:mb-0" data-aos="fade-up" data-aos-delay="100">
                <p class="mb-5 text-lg font-medium leading-7 text-gray-500">{{ __($page[5]->body) }}</p>
                <p class="mb-5 text-lg font-medium leading-7 text-gray-500">{{ __($page[6]->body) }}</p>
                <p class="text-lg font-medium leading-7 text-gray-500">{{ __($page[7]->body) }}</p>
            </div>
            <div class="w-full lg:w-1/2 px-4" data-aos="fade-up" data-aos-delay="200">
                <p class="mb-5 text-lg font-medium leading-7 text-gray-500">
                    <span>{{ __($page[8]->body) }}</span>
                </p>
                <ol class="mb-5 list-decimal list-inside text-lg font-medium leading-7 text-gray-500">
                    <li>
                        <span class="text-lg font-medium leading-8 text-gray-500">{{ __($page[9]->body) }}</span>
                    </li>
                    <li>
                        <span class="text-lg font-medium leading-8 text-gray-500">{{ __($page[10]->body) }}</span>
                    </li>
                    <li>
                        <span class="text-lg font-medium leading-8 text-gray-500">{{ __($page[11]->body) }}</span>
                    </li>
                </ol>

                <p class="text-lg font-medium leading-7 text-gray-500">{{ __($page[12]->body) }}</p>
            </div>
        </div>
    </div>
</section>

{{-- Footer --}}
@include('website.classic.includes.footer')
@endsection