<?php
session_start();

$plans = [
  [
    'name' => 'Free',
    'price' => '₹0',
    'subtext' => 'Free forever',
    'limit' => 'upto 10 employees',
    'support' => 'Email support forever',
    'cta' => 'Sign up for free',
    'featured' => false,
    'description' => 'Democratized payroll technology for startups and small businesses to run basic payroll.',
    'features' => [
      'Automatic payroll calculation',
      'Automatic payslip generation',
      'Online salary payments through YES Bank and HSBC',
      'Compliance - Income Tax, EPF, ESI, Statewise PT, LWF',
      'Automatic TDS worksheet',
      'Pre-defined salary components',
      'Payslip templates',
      'Salary revision and arrears',
      'LOP and LOP reversal',
      'Employee self-service portal',
      'Reimbursement proof approval',
      'Proof of investments approval',
      '40+ built-in payroll reports',
      'Integrations - B2L Books, B2L People, B2L Expense',
    ],
  ],
  [
    'name' => 'Standard',
    'price' => '₹1000',
    'subtext' => 'per Organization per Month',
    'limit' => '(Includes 25 employees)',
    'support' => 'Voice and email support',
    'cta' => 'Start my free trial',
    'featured' => false,
    'description' => 'Everything you need to run an established payroll operation across a wide range of tasks.',
    'features' => [
      'Salary templates',
      'Loans/Advances',
      'Online salary payments through ICICI Bank',
      'Custom salary components - earnings, deductions',
      'New joinee arrears',
      'Form 16 generation with digital signature',
      'Form 24Q, TDS challan recording',
      'Statutory bonus',
      'Pre-defined user roles and permissions',
      'Letter templates',
      'Audit trail',
    ],
  ],
  [
    'name' => 'Professional',
    'price' => '₹3000',
    'subtext' => 'per Organization per Month',
    'limit' => '(Includes 50 employees)',
    'support' => 'Voice and email support',
    'cta' => 'Start my free trial',
    'featured' => true,
    'description' => 'Everything you need to manage all kinds of employees and run your payroll on auto-pilot.',
    'features' => [
      'Bonus & off-cycle pay runs',
      'Reporting tags',
      'Pay run and salary revision approvals',
      'Advanced salary components - scheduled components, formula-based components',
      'Salary hold',
      'Customisable user roles and permissions',
      'Custom fields',
      'Custom reminders',
      'Giving module',
      'Payroll documents',
    ],
  ],
  [
    'name' => 'Premium',
    'price' => '₹4000',
    'subtext' => 'per Organization per Month',
    'limit' => '(Includes 50 employees)',
    'support' => 'Voice and email support',
    'cta' => 'Start my free trial',
    'featured' => false,
    'description' => 'Automate your payroll operations with advanced customisations and built-in leave and attendance.',
    'features' => [
      'Leave and Attendance management',
      'Advanced approvals (Pay run and salary revision)',
      'Workflow rules',
      'Custom functions',
      'Webhooks',
      'Custom schedulers',
      'Employee custom views',
      'Webtabs',
      'Custom modules',
      'Validation rules',
      'Record locking',
      'Related list',
    ],
  ],
];

$helpCards = [
  [
    'icon' => 'fa-laptop',
    'title' => 'Book a demo',
    'copy' => 'Our solution experts are just a request away to help you make an informed choice.',
    'link' => 'Request a Demo',
  ],
  [
    'icon' => 'fa-phone-volume',
    'title' => 'Give us a ring',
    'copy' => 'Talk to specialists who have helped thousands of customers pick the right plan.',
    'link' => 'IN - 18005726671',
    'meta' => 'Monday - Friday (9:00 AM to 7:00 PM)',
  ],
  [
    'icon' => 'fa-envelope',
    'title' => 'Email',
    'copy' => "We're just an email away to answer all your burning questions and offer recommendations.",
    'link' => 'Write to us',
  ],
];

$faqs = [
  [
    'q' => 'How is the free trial different from the free plan?',
    'a' => 'The free trial gives you access to the paid product for 14 days. The free plan is available for an unlimited period, but it has limits on employee count and certain features.',
  ],
  [
    'q' => 'What happens when I am no longer eligible for the free plan?',
    'a' => 'You can upgrade to a paid version and continue running payroll with the advanced features you need.',
  ],
  [
    'q' => 'I am convinced by B2L Mobitech. What are my payment options?',
    'a' => 'Payments are accepted via Visa, MasterCard, American Express, PayPal, and wire transfer for yearly plans.',
  ],
  [
    'q' => 'Do we need different payroll licenses if our office is located in multiple states?',
    'a' => 'Separate licenses are needed for each legal entity. If there is one legal entity and multiple branches of the same entity, a single license should suffice.',
  ],
  [
    'q' => 'Can data be imported from other payroll software?',
    'a' => 'Yes. Data can be imported from compatible payroll software, and the support team can guide you through the migration.',
  ],
  [
    'q' => 'Is B2L Mobitech part of B2L One?',
    'a' => 'Yes, B2L Mobitech is included in B2L One. Reach out to support to understand how pricing and licensing are handled.',
  ],
  [
    'q' => 'Do you store my credit card information?',
    'a' => "No, we don't store your credit card information. Read our privacy policy to learn more.",
  ],
  [
    'q' => 'How secure are my transactions?',
    'a' => 'Payroll data is protected with SSL encryption, two-factor authentication, and regular intrusion and virus scanning.',
  ],
  [
    'q' => 'Can I run more than one business?',
    'a' => 'Yes, you can manage multiple businesses as different organizations under the same B2L Mobitech account.',
  ],
];
?>
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>B2L Mobitech Pricing</title>
  <link rel="stylesheet" href="assets/font-inter.css">
  <link rel="stylesheet" href="assets/font-manrope.css">
  <link rel="stylesheet" href="assets/fontawesome/css/all.min.css">
  <link rel="stylesheet" href="price.css">
</head>
<body>
<header class="topbar">
  <div class="topbar-inner">
    <a class="zoho-mark" href="index.php" aria-label="B2L Mobitech home">
      <span class="zoho-box red"></span>
      <span class="zoho-box green"></span>
      <span class="zoho-box blue"></span>
      <span class="zoho-box yellow"></span>
      <span class="zoho-word">B2L</span>
    </a>
    <nav class="top-nav">
      <a href="#">People</a>
      <a href="#">Recruit</a>
      <a href="#">Practice</a>
      <a href="#">Books</a>
      <a href="#">Mail</a>
      <a href="#">Expense</a>
      <a href="#">All Products <span class="inline-caret">⌄</span></a>
    </nav>
    <div class="top-actions">
      <a class="icon-link" href="#" aria-label="Search"><i class="fa-solid fa-magnifying-glass"></i></a>
      <a class="signin-link" href="signin.php">Sign In</a>
      <a class="signup-link" href="signup.php">Sign up now</a>
    </div>
  </div>
</header>

<section class="product-bar">
  <div class="product-bar-inner">
    <img src="images/b2l_mobitech_pvt_ltd_logo.jpg" alt="B2L Mobitech Pvt Ltd" class="product-logo">
    <nav class="product-nav">
      <a href="feature.php">Features</a>
      <a class="active" href="price.php" aria-current="page">Pricing</a>
      <a href="features.php#integration">Integrations</a>
      <a href="features.php#customers">Customers</a>
      <a href="features.php#resources">Resources <span class="inline-caret">⌄</span></a>
      <a href="features.php#support">Support</a>
    </nav>
  </div>
</section>

<main class="page">
  <section class="pricing-hero" id="plans">
    <div class="pricing-hero-copy">
      <p class="eyebrow">PRICING</p>
      <h1>Tailor-made plans to fulfill your payroll needs</h1>
      <p>Choose a plan that fits your team today and keep room to grow as your payroll becomes more complex.</p>
    </div>

    <div class="billing-switch" aria-label="Billing period">
      <span class="switch-note">Save 20%</span>
      <div class="switch-pill">
        <span class="switch-option">Monthly</span>
        <span class="switch-option active">Yearly</span>
      </div>
    </div>
  </section>

  <section class="pricing-table" aria-label="B2L Mobitech plans">
    <?php foreach ($plans as $plan): ?>
      <article class="plan-card<?php echo $plan['featured'] ? ' featured' : ''; ?>">
        <div class="plan-head">
          <h2><?php echo htmlspecialchars($plan['name'], ENT_QUOTES, 'UTF-8'); ?></h2>
        </div>
        <div class="plan-price">
          <strong><?php echo htmlspecialchars($plan['price'], ENT_QUOTES, 'UTF-8'); ?></strong>
          <span><?php echo htmlspecialchars($plan['subtext'], ENT_QUOTES, 'UTF-8'); ?></span>
          <em><?php echo htmlspecialchars($plan['limit'], ENT_QUOTES, 'UTF-8'); ?></em>
        </div>
        <div class="plan-gap">
          <div class="plan-extra">
            <?php echo htmlspecialchars($plan['support'], ENT_QUOTES, 'UTF-8'); ?>
          </div>
          <p class="plan-copy"><?php echo htmlspecialchars($plan['description'], ENT_QUOTES, 'UTF-8'); ?></p>
          <a class="plan-button" href="signup.php"><?php echo htmlspecialchars($plan['cta'], ENT_QUOTES, 'UTF-8'); ?></a>
        </div>
        <div class="plan-features">
          <h3><?php echo $plan['name'] === 'Free' ? 'Essential features to get started' : 'Includes everything in ' . ($plan['name'] === 'Standard' ? 'Free Plan plus' : ($plan['name'] === 'Professional' ? 'Standard Plan plus' : 'Professional plan plus')); ?></h3>
          <ul>
            <?php foreach ($plan['features'] as $feature): ?>
              <li><i class="fa-solid fa-check"></i><span><?php echo htmlspecialchars($feature, ENT_QUOTES, 'UTF-8'); ?></span></li>
            <?php endforeach; ?>
          </ul>
        </div>
      </article>
    <?php endforeach; ?>
  </section>

  <section class="compare-cta">
    <a href="pricing-comparison.php">Compare all features <i class="fa-solid fa-arrow-right"></i></a>
  </section>

  <section class="help-section" id="help">
    <p class="section-kicker">NEED HELP DECIDING?</p>
    <h2>Need help deciding?</h2>
    <div class="help-grid">
      <?php foreach ($helpCards as $card): ?>
        <article class="help-card">
          <div class="help-card-head">
            <i class="fa-solid <?php echo htmlspecialchars($card['icon'], ENT_QUOTES, 'UTF-8'); ?>"></i>
            <h3><?php echo htmlspecialchars($card['title'], ENT_QUOTES, 'UTF-8'); ?></h3>
          </div>
          <p><?php echo htmlspecialchars($card['copy'], ENT_QUOTES, 'UTF-8'); ?></p>
          <div class="help-link">
            <a href="signin.php"><?php echo htmlspecialchars($card['link'], ENT_QUOTES, 'UTF-8'); ?></a>
            <?php if (!empty($card['meta'])): ?>
              <span><?php echo htmlspecialchars($card['meta'], ENT_QUOTES, 'UTF-8'); ?></span>
            <?php endif; ?>
          </div>
        </article>
      <?php endforeach; ?>
    </div>
  </section>

  <section class="faq-section">
    <p class="section-kicker">FREQUENTLY ASKED QUESTIONS</p>
    <h2>Frequently Asked Questions</h2>
    <div class="faq-list">
      <?php foreach ($faqs as $index => $faq): ?>
        <details class="faq-item" <?php echo $index === 0 ? 'open' : ''; ?>>
          <summary><?php echo htmlspecialchars($faq['q'], ENT_QUOTES, 'UTF-8'); ?></summary>
          <p><?php echo htmlspecialchars($faq['a'], ENT_QUOTES, 'UTF-8'); ?></p>
        </details>
      <?php endforeach; ?>
    </div>
  </section>

  <footer class="site-footer" id="resources">
    <div class="footer-grid" id="support">
      <div>
        <h3>Help &amp; Resources</h3>
        <a href="price.php">Pricing</a>
        <a href="feature.php">Features</a>
        <a href="features.php#integration">Integrations</a>
        <a href="features.php#customers">Customers</a>
        <a href="features.php#overview">Employee Onboarding</a>
        <a href="features.php#processing">Payroll Management</a>
        <a href="features.php#processing">Payroll Processing</a>
        <a href="features.php#employee-self-service-portal">Employee Self-service Portal</a>
        <a href="features.php#statutory-compliance">Statutory compliance and Reporting</a>
      </div>
      <div>
        <h3>Resources</h3>
        <a href="#">Help</a>
        <a href="#">Frequently Asked Questions</a>
        <a href="#">Webinars</a>
        <a href="#">Academy</a>
        <a href="#">What's New</a>
        <a href="#">Payroll Partners</a>
      </div>
      <div>
        <h3>Quick Links</h3>
        <a href="#">What is Payroll?</a>
        <a href="#">Payroll Software</a>
        <a href="#">HR Payroll Software</a>
        <a href="#">Payslip Templates</a>
        <a href="#">Payroll Software vs Spreadsheets</a>
        <a href="#">Payroll Software For Small Business</a>
        <a href="#">Free Payroll Software</a>
      </div>
      <div>
        <h3>Contact Us</h3>
        <a href="#">Monday to Friday (9:00 AM to 7:00 PM)</a>
        <a href="#">Toll-Free 1800 572 6672</a>
        <a href="#">support@b2lmobitech.com</a>
        <a href="#">partner-support@b2lmobitech.com</a>
      </div>
    </div>

    <div class="free-tools">
      <div>
        <h3>Free Tools</h3>
        <a href="#">Income Tax Calculator</a>
        <a href="#">NPS Calculator</a>
        <a href="#">EPS Pension Calculator</a>
      </div>
      <div>
        <h3>More Tools</h3>
        <a href="#">Statutory Bonus Calculator</a>
        <a href="#">HRA Exemption Calculator</a>
        <a href="#">Gratuity Calculator</a>
        <a href="#">Payslip Generator</a>
      </div>
      <div>
        <h3>Available on Platforms</h3>
        <div class="store-row">
          <span class="store-badge"><i class="fa-brands fa-apple"></i> App Store</span>
          <span class="store-badge"><i class="fa-brands fa-google-play"></i> Google Play</span>
        </div>
      </div>
    </div>

    <div class="footer-bottom">
      <div class="edition">
        <span>Select Edition:</span>
        <button type="button">India <i class="fa-solid fa-chevron-down"></i></button>
      </div>
      <div class="socials">
        <span>Find us on our socials:</span>
        <a href="#" aria-label="X"><i class="fa-brands fa-x-twitter"></i></a>
        <a href="#" aria-label="Instagram"><i class="fa-brands fa-instagram"></i></a>
        <a href="#" aria-label="YouTube"><i class="fa-brands fa-youtube"></i></a>
        <a href="#" aria-label="LinkedIn"><i class="fa-brands fa-linkedin-in"></i></a>
      </div>
    </div>
  </footer>
</main>

<div class="floating-demo">Request a demo</div>
<div class="floating-chat"><i class="fa-solid fa-comment-dots"></i></div>
</body>
</html>
