{% extends 'home/base.html' %}
{% load static %}
{% block title %}Privacy Policy – PEZAJOB{% endblock %}
{% block meta_description %}How PEZAJOB collects, uses, discloses and protects your personal data across our platform.{% endblock %}
{% block extra_css %}
<style>
  .privacy-layout { display: grid; grid-template-columns: 260px 1fr; gap: 48px; align-items: start; }
  .privacy-toc { position: sticky; top: 100px; background: var(--white); border: 1px solid var(--border); border-radius: var(--radius); padding: 24px; }
  .privacy-toc h4 { font-size: 0.78rem; text-transform: uppercase; letter-spacing: 0.06em; color: var(--text-muted); margin-bottom: 14px; }
  .privacy-toc ol { list-style: none; counter-reset: toc; display: flex; flex-direction: column; gap: 4px; }
  .privacy-toc li { counter-increment: toc; }
  .privacy-toc a {
    display: flex; align-items: center; gap: 10px;
    font-size: 0.87rem; font-weight: 600; color: var(--text-light);
    padding: 8px 10px; border-radius: 9px; transition: var(--transition);
  }
  .privacy-toc a::before {
    content: counter(toc); display: flex; align-items: center; justify-content: center;
    width: 20px; height: 20px; border-radius: 50%; flex-shrink: 0;
    background: var(--bg); color: var(--text-muted); font-size: 0.72rem; font-weight: 700;
    transition: var(--transition);
  }
  .privacy-toc a:hover { background: var(--bg); color: var(--primary); }
  .privacy-toc a:hover::before { background: var(--secondary); color: var(--primary); }

  .privacy-updated {
    display: inline-flex; align-items: center; gap: 8px;
    background: rgba(209,207,10,0.12); color: var(--primary);
    font-size: 0.8rem; font-weight: 700; padding: 8px 16px; border-radius: 20px;
    margin-bottom: 24px;
  }

  .privacy-section { margin-bottom: 48px; scroll-margin-top: 100px; }
  .privacy-section:last-child { margin-bottom: 0; }
  .privacy-section h2 {
    display: flex; align-items: center; gap: 14px;
    font-family: 'Quicksand', sans-serif; font-size: 1.4rem; color: var(--primary);
    margin-bottom: 18px;
  }
  .privacy-section h2 .privacy-icon {
    width: 40px; height: 40px; border-radius: 11px; flex-shrink: 0;
    background: linear-gradient(135deg, var(--primary), #1a252f);
    color: var(--secondary); display: flex; align-items: center; justify-content: center; font-size: 1rem;
  }
  .privacy-section p { color: var(--text-light); line-height: 1.85; margin-bottom: 14px; font-size: 0.95rem; }
  .privacy-section h3 {
    font-size: 1rem; color: var(--primary); margin: 24px 0 12px; font-family: 'Quicksand', sans-serif;
  }
  .privacy-list { list-style: none; display: flex; flex-direction: column; gap: 10px; margin-bottom: 6px; }
  .privacy-list li {
    display: flex; align-items: flex-start; gap: 12px;
    font-size: 0.92rem; color: var(--text-light); line-height: 1.7;
  }
  .privacy-list li::before {
    content: ''; width: 8px; height: 8px; border-radius: 50%;
    background: var(--secondary); margin-top: 8px; flex-shrink: 0;
  }
  .privacy-note {
    background: var(--bg); border-left: 3px solid var(--secondary);
    border-radius: 0 var(--radius) var(--radius) 0; padding: 16px 20px;
    font-size: 0.88rem; color: var(--text-light); line-height: 1.75; margin-top: 16px;
  }
  @media (max-width: 900px) {
    .privacy-layout { grid-template-columns: 1fr; }
    .privacy-toc { position: static; }
  }
</style>
{% endblock %}
{% block content %}
<!-- PAGE HEADER -->
<section class="page-header">
  <div class="container">
    <div class="page-header-content">
      <h1>Privacy Policy</h1>
      <p>How we collect, use, disclose and protect your personal data</p>
      <div class="breadcrumb">
        <a href="{% url 'home:index' %}">Home</a>
        <i class="fas fa-chevron-right"></i>
        <span>Privacy Policy</span>
      </div>
    </div>
  </div>
</section>

<!-- PRIVACY CONTENT -->
<section class="section" style="background:var(--white)">
  <div class="container">
    <div class="privacy-layout">

      <!-- TOC -->
      <aside class="privacy-toc">
        <h4>On This Page</h4>
        <ol>
          <li><a href="#personal-data">Personal Data</a></li>
          <li><a href="#collection">Collection</a></li>
          <li><a href="#use">Use of Our Platform</a></li>
          <li><a href="#disclosure">Disclosure</a></li>
          <li><a href="#cookies">Cookie Policy</a></li>
        </ol>
      </aside>

      <!-- BODY -->
      <div>
        <span class="privacy-updated"><i class="fas fa-shield-alt"></i> Last updated: January 2026</span>
        <p style="color:var(--text-light);line-height:1.85;margin-bottom:36px">
          This Privacy Policy explains how PEZAJOB collects, uses, discloses and protects your personal data
          when you use our platform, whether as a job seeker or an employer. By using PEZAJOB, you agree to
          the practices described below.
        </p>

        <div class="privacy-section" id="personal-data">
          <h2><span class="privacy-icon"><i class="fas fa-id-badge"></i></span>Personal Data</h2>
          <p>
            Personal Data refers to any data of an individual, whether true or not, which identifies an
            individual from that data or from that data and other information to which we have or are likely
            to have access.
          </p>
          <p>While using our platform, we may collect Personal Data which may include:</p>
          <ul class="privacy-list">
            <li>Name, gender, contact details, address, photo;</li>
            <li>Employment history, educational background;</li>
            <li>Usage patterns and interaction on the Platform, cookies, IP address, computer and connectivity details, browser type and information; and</li>
            <li>Other relevant data that is necessary to facilitate your job application or job posting, as the case may be.</li>
          </ul>
        </div>

        <div class="privacy-section" id="collection">
          <h2><span class="privacy-icon"><i class="fas fa-database"></i></span>Collection</h2>
          <p>PEZAJOB collects your Personal Data in the following ways:</p>
          <ul class="privacy-list">
            <li>Using the Platform and any of our services;</li>
            <li>User account creation, maintenance and updating;</li>
            <li>Submission of curriculum vitae;</li>
            <li>Interaction with our personnel via phone, email, contact forms or in-person;</li>
            <li>When you submit your Personal Data to us for any other reason.</li>
          </ul>
          <div class="privacy-note">
            It is your duty to ensure that all Personal Data submitted to us are complete, accurate, true and
            correct. If you provide us with any Personal Data relating to a third party (e.g. information of a
            spouse, children, parents, employees and/or authorised representatives), by submitting such
            information to us, you represent to us that you have obtained the consent of the third party to
            you providing us with their Personal Data for the respective purposes.
          </div>
        </div>

        <div class="privacy-section" id="use">
          <h2><span class="privacy-icon"><i class="fas fa-cogs"></i></span>Use of Our Platform</h2>
          <p>PEZAJOB may process and use your Personal Data for the following purposes:</p>

          <h3>For all users</h3>
          <ul class="privacy-list">
            <li>Providing the Platform and its related services;</li>
            <li>To maintain your user account with us;</li>
            <li>Responding to your queries, requests and complaints;</li>
            <li>Compliance with applicable laws and regulations;</li>
            <li>Audits, reviews, analysis of processes and risk management;</li>
            <li>Verifying your data, information and personal particulars;</li>
            <li>Providing you with services which you had signed up or requested for;</li>
            <li>Conducting market and analytical research, understanding and determining customer location, preferences and demographics for us to review, develop and improve our products, services and also develop special offers and marketing programmes;</li>
            <li>Sending you details of products, services, contests, special offers and rewards, provided by us or our affiliates, which may be of interest to you;</li>
            <li>From time to time, sending you job and skill opportunities, events and other related marketing messages via call or email; and</li>
            <li>Any other purpose relating to the Platform, our services and any of the above.</li>
          </ul>

          <h3>If you are a job seeker</h3>
          <ul class="privacy-list">
            <li>Assisting with or submitting your curriculum vitae;</li>
            <li>Background checks and due diligence checks;</li>
            <li>Collecting information about your suitability for the position applied for;</li>
            <li>Sending you updates and alerts related to job applications which you may have requested for;</li>
            <li>Submission to employers and recruiters as part of the job application procedure; and</li>
            <li>Any other purpose relating to the Platform, our services to you as a job seeker and any of the above.</li>
          </ul>

          <h3>If you are an employer</h3>
          <ul class="privacy-list">
            <li>Verifying your entity details;</li>
            <li>Verifying the veracity of your job posts;</li>
            <li>Assessing suitable services for you; and</li>
            <li>Any other purpose relating to the Platform, our services to you as an employer and any of the above.</li>
          </ul>
        </div>

        <div class="privacy-section" id="disclosure">
          <h2><span class="privacy-icon"><i class="fas fa-share-alt"></i></span>Disclosure</h2>
          <p>PEZAJOB will only disclose your Personal Data for legitimate purposes as listed above, to:</p>
          <ul class="privacy-list">
            <li>Our affiliates, business partners, agents, contractors, vendors and third-party providers;</li>
            <li>Government agencies;</li>
            <li>Professional advisors such as lawyers, auditors and accountants; and</li>
            <li>Any other parties to whom you authorise us to disclose, or is reasonably necessary for us to disclose.</li>
          </ul>
        </div>

        <div class="privacy-section" id="cookies">
          <h2><span class="privacy-icon"><i class="fas fa-cookie-bite"></i></span>Cookie Policy</h2>
          <p>
            PEZAJOB deploys cookies, which are small data files sent to your browser to store and track
            statistical and other information about you when you use our Platform. These may include:
          </p>
          <ul class="privacy-list">
            <li>Faster loading of the Platform;</li>
            <li>Browser type;</li>
            <li>Common entry, common exit and drop-off points;</li>
            <li>User profile, frequency of visits, time spent on pages and page views; and</li>
            <li>Organic traffic, paid traffic and unique visitors.</li>
          </ul>
          <div class="privacy-note">
            Disabling cookies is your personal choice, made by changing the settings on your browser. However,
            the Platform may no longer function as intended after cookies are disabled.
          </div>
        </div>

      </div>
    </div>
  </div>
</section>

<!-- CTA -->
<section style="background:linear-gradient(135deg,var(--primary) 0%,#1a252f 100%);padding:64px 0;text-align:center">
  <div class="container">
    <h2 style="color:var(--white);font-size:1.7rem;margin-bottom:12px;font-family:'Quicksand', sans-serif">Questions About Your Data?</h2>
    <p style="color:rgba(255,255,255,0.7);margin-bottom:28px">Reach out to our team and we'll be happy to help.</p>
    <div style="display:flex;gap:14px;justify-content:center;flex-wrap:wrap">
      <a href="{% url 'home:contact' %}" class="btn btn-secondary" style="padding:13px 30px">Contact Us</a>
    </div>
  </div>
</section>

<button class="scroll-top" id="scrollTop"><i class="fas fa-arrow-up"></i></button>
{% endblock %}
{% block extra_js %}
<script src="{% static 'js/app.js' %}"></script>
<script src="{% static 'js/podcast-player.js' %}"></script>
<script src="{% static 'js/spa-nav.js' %}" defer></script>
{% endblock %}