@extends('frontend::layouts.master')

@php
$assetPath = 'frontend_assets';
$langCode = session('lang_code', 'en');
@endphp

<script>
    window.pageName = 'privacy_policy';
</script>

@section('content')
    <div class="container-fluid px-2 px-lg-5">
        <div class="main-header-bar">
            <a href="javascript:history.back()" class="back-btn">
                <img src="{{ asset($assetPath . '/icons/back.png') }}" alt="{{ webTrans('back', 'privacy') }}">
            </a>
            <nav style="--bs-breadcrumb-divider: '>';" aria-label="breadcrumb" class="py-3">
                <ol class="breadcrumb m-0">
                    <li class="breadcrumb-item item-nav">
                        <a href="{{ route('frontend.home') }}">{{ webTrans('home', 'privacy') }}</a>
                    </li>
                    <li class="breadcrumb-item item-nav active" aria-current="page">
                        {{ webTrans('privacy_policy', 'privacy') }}
                    </li>
                </ol>
            </nav>
        </div>
    </div>

    {{-- CONTENT SECTION --}}
    <section class="container py-5">
        <div class="row justify-content-center">
            <div class="col-md-10">
                <h2 class="section-title mb-4">{{ webTrans('privacy_policy', 'privacy') }}</h2>

                <div class="content-body" style="font-size: 1.1rem; color: #4A4A4A; line-height: 1.6;">

                    <p>{{ webTrans('privacy_intro_1', 'privacy') }}</p>
                    <p>{{ webTrans('privacy_intro_2', 'privacy') }}</p>

                    <h4 class="mt-4">{{ webTrans('collection_title', 'privacy') }}</h4>
                    <p>{{ webTrans('collection_intro', 'privacy') }}</p>
                    <ul>
                        <li>{{ webTrans('collection_personal_data', 'privacy') }}</li>
                        <li>{{ webTrans('collection_derivative_data', 'privacy') }}</li>
                    </ul>

                    <h4 class="mt-4">{{ webTrans('use_title', 'privacy') }}</h4>
                    <p>{{ webTrans('use_intro', 'privacy') }}</p>
                    <ul>
                        <li>{{ webTrans('use_item_1', 'privacy') }}</li>
                        <li>{{ webTrans('use_item_2', 'privacy') }}</li>
                        <li>{{ webTrans('use_item_3', 'privacy') }}</li>
                    </ul>

                </div>
            </div>
        </div>
    </section>
@endsection