@extends('frontend.layouts.app')
@section('title')
    {{ $title ?? 'Page header' }}
@endsection

@section('meta')
    <meta property="og:title" content="{{ $og_title }}" />
    <meta property="og:description" content="{{ $og_description }}" />
    <meta property="og:image" content="{{ getSeoImage($og_image) }}" />
@endsection

@push('style')
@endpush

@section('content')
    <!-- ======================= breadcrumb start  ============================ -->
    @include(
        'frontend.layouts.includes.breadcrumb',
        ['links' => [[$title => route('frontend.safetytips')]]]
    )
    <!-- ======================= breadcrumb end  ============================ -->

    <!-- ======================= posting-rule start  ============================ -->
    <div class="custom_section pt-2 pb-5">
        <div class="container">
            <div class="bg-light rounded-1 shadow-sm">
                <div class="posting_rule p-3">
                    <div class="p-3">
                    {!! $page?->body !!}
                    </div>
                    @php
                        $ratingTexts = config('ratingh'); 
                    @endphp
                    <div>
                        <h3>User Rating System</h3>
                        <p>Our star rating system helps you assess the credibility of users:</p>
                        <ul>
                                <li> <strong>1 Star</strong> ({{ $ratingTexts[1]['text'] }}) </li>
                                <li> <strong>2 Star</strong> ({{ $ratingTexts[2]['text'] }})  </li>
                                <li> <strong>3 Star</strong> ({{ $ratingTexts[3]['text'] }})  </li>
                                <li> <strong>4 Star</strong> ({{ $ratingTexts[4]['text'] }})  </li>
                                <li> <strong>5 Star</strong> ({{ $ratingTexts[5]['text'] }})  </li>
                            </ul>
                            
                    </div>
                    <div class="mt-3">
    <p>Remember: Your safety comes first. Check the user's rating and stay vigilant while trading.</p>
</div>
                </div>
            </div>
        </div>
    </div>
    <!-- ======================= posting-rule end  ============================ -->
@endsection
@push('style')
@endpush