@extends('frontend.layouts.app') 

@section('title', 'Privacy Policy | Hi-Tech Pathshala')

@section('description', 'Privacy Policy | Hi-Tech Pathshala')

@push('styles')
    <link rel="stylesheet" href="{{ asset('assets/css/privacy.css') }}">
@endpush

@section('content')
<div class="privacy-page">
    {{-- Header Banner Section --}}
    <section class="privacy-header">
        <div class="header-container">
            <div class="header-content">
                <nav class="breadcrumb">
                    <a href="/"> Home</a>&nbsp; &rsaquo; &nbsp; 
                    <!-- <a href="#">Legal</a> &rsaquo;  -->
                    <span>Privacy Policy</span>
                </nav>
                <h1 class="page-title">Privacy Policy</h1>
                <div class="last-updated">
                    <svg class="calendar-icon" fill="currentColor" viewBox="0 0 20 20">
                        <path d="M6 2a1 1 0 00-1 1v1H4a2 2 0 00-2 2v10a2 2 0 002 2h12a2 2 0 002-2V6a2 2 0 00-2-2h-1V3a1 1 0 10-2 0v1H7V3a1 1 0 00-1-1zm0 5a1 1 0 000 2h8a1 1 0 100-2H6z"/>
                    </svg>
                    <strong style="color: white;">Last Updated:</strong> 24 May 2024
                </div>
                <p class="header-description">
                    At Hi-Tech Pathshala, your privacy is important to us. This Privacy Policy explains how we collect, use, disclose and safeguard your information when you use our website and services.
                </p>
            </div>
            <div class="header-graphic">
                {{-- Replace with your 3D shield graphic asset --}}
                <img src="{{ asset('images/privacy-shield-3d.png') }}" alt="Privacy Shield Illustration">
            </div>
        </div>
    </section>

    {{-- Main Content Section --}}
    <section class="privacy-body">
        <div class="body-container">
            {{-- Left Navigation Sidebar --}}
            <aside class="sidebar">
                <div class="sidebar-card">
                    <h4 class="sidebar-title">IN THIS PAGE</h4>
                    <ul class="toc-list">
                        <li class="active"><a href="#section-1">01. Information We Collect</a></li>
                        <li><a href="#section-2">02. How We Use Your Information</a></li>
                        <li><a href="#section-3">03. How We Share Your Information</a></li>
                        <li><a href="#section-4">04. Cookies and Tracking Technologies</a></li>
                        <li><a href="#section-5">05. Data Security</a></li>
                        <li><a href="#section-6">06. Your Rights and Choices</a></li>
                        <li><a href="#section-7">07. Data Retention</a></li>
                        <li><a href="#section-8">08. Children's Privacy</a></li>
                        <li><a href="#section-9">09. Third-Party Links</a></li>
                        <li><a href="#section-10">10. Changes to This Policy</a></li>
                        <li><a href="#section-11">11. Contact Us</a></li>
                    </ul>
                </div>

                {{-- Side Banner Card --}}
                <div class="privacy-matters-card">
                    <div class="icon-wrapper">
                        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/><path d="m9 12 2 2 4-4"/></svg>
                    </div>
                    <div class="card-content">
                        <h5>Your Privacy Matters</h5>
                        <p>We are committed to keeping your information safe and secure.</p>
                    </div>
                </div>
            </aside>

            {{-- Right Main Policy Content --}}
            <main class="content-area">
                {{-- Section 1 --}}
                <article id="section-1" class="policy-section">
                    <div class="section-icon">
                        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"/><circle cx="12" cy="7" r="4"/></svg>
                    </div>
                    <div class="section-details">
                        <h2>1. Information We Collect</h2>
                        <p>We collect information that you provide directly to us and information that is collected automatically when you use our website.</p>
                        <ul>
                            <li><strong>Personal Information:</strong> Name, email address, phone number, billing address, etc.</li>
                            <li><strong>Account Information:</strong> Username, password, profile details, preferences.</li>
                            <li><strong>Usage Information:</strong> Pages visited, time spent, links clicked, device and browser information.</li>
                            <li><strong>Payment Information:</strong> Transaction details (processed securely through trusted gateways).</li>
                        </ul>
                    </div>
                </article>

                {{-- Section 2 --}}
                <article id="section-2" class="policy-section">
                    <div class="section-icon">
                        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"/><path d="M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z"/></svg>
                    </div>
                    <div class="section-details">
                        <h2>2. How We Use Your Information</h2>
                        <p>We use the information we collect to:</p>
                        <ul>
                            <li>Provide, operate and maintain our website and services.</li>
                            <li>Process transactions and send related information.</li>
                            <li>Improve, customize and expand our services.</li>
                            <li>Communicate with you about updates, offers and important notices.</li>
                            <li>Ensure security and prevent fraud.</li>
                        </ul>
                    </div>
                </article>

                {{-- Section 3 --}}
                <article id="section-3" class="policy-section">
                    <div class="section-icon">
                        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="18" cy="5" r="3"/><circle cx="6" cy="12" r="3"/><circle cx="18" cy="19" r="3"/><line x1="8.59" y1="13.51" x2="15.42" y2="17.49"/><line x1="15.41" y1="6.51" x2="8.59" y2="10.49"/></svg>
                    </div>
                    <div class="section-details">
                        <h2>3. How We Share Your Information</h2>
                        <p>We do not sell or rent your personal information. We may share your information with:</p>
                        <ul>
                            <li><strong>Service Providers:</strong> Trusted third parties who assist in operating our website and services.</li>
                            <li><strong>Legal Compliance:</strong> When required by law or to protect our rights and safety.</li>
                            <li><strong>Business Transfers:</strong> In connection with a merger, sale or acquisition.</li>
                        </ul>
                    </div>
                </article>

                {{-- Section 4 --}}
                <article id="section-4" class="policy-section">
                    <div class="section-icon">
                        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="10"/><path d="M12 2a10 10 0 0 0 10 10 4 4 0 0 1-4-4 6 6 0 0 0-6-6z"/><path d="M8.5 8.5v.01"/><path d="M16 15.5v.01"/><path d="M12 12v.01"/></svg>
                    </div>
                    <div class="section-details">
                        <h2>4. Cookies and Tracking Technologies</h2>
                        <p>We use cookies and similar technologies to enhance your experience, analyze site usage and assist in our marketing efforts. You can control cookie settings through your browser.</p>
                    </div>
                </article>

                {{-- Section 5 --}}
                <article id="section-5" class="policy-section">
                    <div class="section-icon">
                        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="11" width="18" height="11" rx="2" ry="2"/><path d="M7 11V7a5 5 0 0 1 10 0v4"/></svg>
                    </div>
                    <div class="section-details">
                        <h2>5. Data Security</h2>
                        <p>We implement appropriate technical and organizational measures to protect your personal information against unauthorized access, alteration, disclosure or destruction.</p>
                    </div>
                </article>

                {{-- Section 6 --}}
                <article id="section-6" class="policy-section">
                    <div class="section-icon">
                        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/><path d="m9 12 2 2 4-4"/></svg>
                    </div>
                    <div class="section-details">
                        <h2>6. Your Rights and Choices</h2>
                        <p>You have the right to access, update or delete your personal information. You can also opt-out of marketing communications at any time.</p>
                    </div>
                </article>

                {{-- Questions Banner Block --}}
                <div class="questions-card">
                    <div class="questions-icon">
                        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"/><polyline points="22,6 12,13 2,6"/></svg>
                    </div>
                    <div class="questions-content">
                        <h3>Questions?</h3>
                        <p>If you have any questions about this Privacy Policy, please contact us at <a href="mailto:support@hitechpathshala.com" class="email-badge">support@hitechpathshala.com</a></p>
                    </div>
                </div>
            </main>
        </div>

        {{-- Footer Policy Agreement Text --}}
        <div class="policy-footer-note">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="10"/><path d="m9 12 2 2 4-4"/></svg>
            <span>By using our website, you agree to the terms of this Privacy Policy.</span>
        </div>
    </section>
</div>
@endsection