<?php
if ( ! defined( 'ABSPATH' ) ) {
    exit;
}

$asset_url = defined( 'PAYTOVIEWLITE_PLUGIN_URL' ) ? PAYTOVIEWLITE_PLUGIN_URL . 'assets/' : plugin_dir_url( dirname( __FILE__ ) ) . 'assets/';
?>

<div class="paytoview-about-page">
    
    <nav class="paytoview-about-nav" aria-label="<?php echo esc_attr__( 'Pay-To-View links', 'pay-to-view-lite' ); ?>">
    <ul class="paytoview-nav-links">
      <li><a href="https://theappmill.com/paytoview/index.html" target="_blank" rel="noopener noreferrer"><?php esc_html_e( 'Home', 'pay-to-view-lite' ); ?></a></li>
      <li><a href="https://theappmill.com/paytoview/pricing_plans.html" target="_blank" rel="noopener noreferrer"><?php esc_html_e( 'Plans & Features', 'pay-to-view-lite' ); ?></a></li>
      <li><a href="https://theappmill.com/paytoview/installation.html" target="_blank" rel="noopener noreferrer"><?php esc_html_e( 'Tutorial', 'pay-to-view-lite' ); ?></a></li>
      <li><a href="https://theappmill.com/paytoview/support.html" target="_blank" rel="noopener noreferrer"><?php esc_html_e( 'Support & FAQ', 'pay-to-view-lite' ); ?></a></li>
    </ul>

    <a href="https://www.paypal.com/ncp/payment/BCNBZP23CKS2U" class="paytoview-about-cta" target="_blank" rel="noopener noreferrer">
      <?php esc_html_e( 'Get Pro', 'pay-to-view-lite' ); ?>
    </a>
  </nav>
  
  <header class="paytoview-about-hero">
    <div class="paytoview-about-hero-content">
         <p class="paytoview-about-kicker">
          <?php esc_html_e( 'Upgrade to Pro when you want every video, course, event replay, or download to have its own price, rental time, and sales setup.', 'pay-to-view-lite' ); ?>
        </p><br>
      <div class="paytoview-about-brand">
        <img src="<?php echo esc_url( $asset_url . 'img/banner-transparent.png' ); ?>" alt="<?php echo esc_attr__( 'Pay-To-View Logo', 'pay-to-view-lite' ); ?>">
        
      </div>
      <div class="paytoview-about-actions">
        <a href="https://www.paypal.com/ncp/payment/BCNBZP23CKS2U" class="paytoview-about-button" target="_blank" rel="noopener noreferrer">
          <?php esc_html_e( 'Buy Pro', 'pay-to-view-lite' ); ?>
        </a>
        <a href="https://theappmill.com/paytoview/pricing_plans.html#features" class="paytoview-about-link" target="_blank" rel="noopener noreferrer">
          <?php esc_html_e( 'Compare all features', 'pay-to-view-lite' ); ?>
        </a>
      </div>
    </div>
  </header>

 <section class="paytoview-about-section">
     <div class="paytoview-about-hero-content">
      <h2><?php esc_html_e( 'See Pay-To-View in action', 'pay-to-view-lite' ); ?></h2>
      <p><?php esc_html_e( 'Watch the walkthrough to see how rentals, payments, access control, and shortcodes fit together.', 'pay-to-view-lite' ); ?></p>
    </div>

    <div class="paytoview-about-video-wrap">
      <iframe
        src="https://www.youtube.com/embed/dAEMXh6OAyw?si=YGuiVvID28NNrKQk"
        title="<?php echo esc_attr__( 'Pay-To-View demo video', 'pay-to-view-lite' ); ?>"
        frameborder="0"
        allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
        allowfullscreen>
      </iframe>
      </div>
  </section>
  

  <section class="paytoview-about-strip">
    <div>
      <strong><?php esc_html_e( 'Pay-per-view', 'pay-to-view-lite' ); ?></strong>
      <span><?php esc_html_e( 'Sell access without building a membership site', 'pay-to-view-lite' ); ?></span>
    </div>
    <div>
      <strong><?php esc_html_e( 'Timed rentals', 'pay-to-view-lite' ); ?></strong>
      <span><?php esc_html_e( 'Automatically expire access after the rental period', 'pay-to-view-lite' ); ?></span>
    </div>
    <div>
      <strong><?php esc_html_e( 'Shortcode publishing', 'pay-to-view-lite' ); ?></strong>
      <span><?php esc_html_e( 'Add paid access to pages, posts, and media embeds', 'pay-to-view-lite' ); ?></span>
    </div>
  </section>

  <section class="paytoview-about-section paytoview-about-pro-section">
    <span class="paytoview-about-pill"><?php esc_html_e( 'Why upgrade', 'pay-to-view-lite' ); ?></span>
    <h2><?php esc_html_e( 'Pro is built for selling more than one kind of content.', 'pay-to-view-lite' ); ?></h2>
    <p class="paytoview-about-lead">
      <?php esc_html_e( 'Lite is a solid starting point. Pro gives you the control you need when different videos should have different prices, rental lengths, button styles, and publishing settings.', 'pay-to-view-lite' ); ?>
    </p>

    <div class="paytoview-about-pro-grid">
      <div class="paytoview-about-pro-card">
        <strong><?php esc_html_e( 'Price each media item separately', 'pay-to-view-lite' ); ?></strong>
        <span><?php esc_html_e( 'Sell a short tutorial for one price and a premium film, webinar, or course module for another.', 'pay-to-view-lite' ); ?></span>
      </div>
      <div class="paytoview-about-pro-card">
        <strong><?php esc_html_e( 'Set individual rental durations', 'pay-to-view-lite' ); ?></strong>
        <span><?php esc_html_e( 'Offer 24-hour access for one item, 7-day access for another, or longer windows for high-value content.', 'pay-to-view-lite' ); ?></span>
      </div>
      <div class="paytoview-about-pro-card">
        <strong><?php esc_html_e( 'Customize rental buttons', 'pay-to-view-lite' ); ?></strong>
        <span><?php esc_html_e( 'Match button labels, colors, hover states, and calls to action to your site and sales page.', 'pay-to-view-lite' ); ?></span>
      </div>
      <div class="paytoview-about-pro-card">
        <strong><?php esc_html_e( 'Export and review sales logs', 'pay-to-view-lite' ); ?></strong>
        <span><?php esc_html_e( 'Download rental data for bookkeeping, support, performance tracking, and customer follow-up.', 'pay-to-view-lite' ); ?></span>
      </div>
      <div class="paytoview-about-pro-card">
        <strong><?php esc_html_e( 'Create shortcodes faster', 'pay-to-view-lite' ); ?></strong>
        <span><?php esc_html_e( 'Build and manage paid media shortcodes with fewer repeated settings when your catalog grows.', 'pay-to-view-lite' ); ?></span>
      </div>
      <div class="paytoview-about-pro-card">
        <strong><?php esc_html_e( 'Get priority fixes and support', 'pay-to-view-lite' ); ?></strong>
        <span><?php esc_html_e( 'Spend less time troubleshooting and more time publishing paid content.', 'pay-to-view-lite' ); ?></span>
      </div>
    </div>
  </section>

  <section class="paytoview-about-section">
    <h2><?php esc_html_e( 'What Lite already gives you', 'pay-to-view-lite' ); ?></h2>

    <div class="paytoview-about-grid">
      <div class="paytoview-about-card">
        <h3><?php esc_html_e( 'PayPal checkout', 'pay-to-view-lite' ); ?></h3>
        <p><?php esc_html_e( 'Accept PayPal and card payments through the PayPal JavaScript SDK.', 'pay-to-view-lite' ); ?></p>
      </div>
      <div class="paytoview-about-card">
        <h3><?php esc_html_e( 'Fixed price and duration', 'pay-to-view-lite' ); ?></h3>
        <p><?php esc_html_e( 'Set rental price and access duration using shortcodes.', 'pay-to-view-lite' ); ?></p>
      </div>
      <div class="paytoview-about-card">
        <h3><?php esc_html_e( 'Rental log', 'pay-to-view-lite' ); ?></h3>
        <p><?php esc_html_e( 'Track completed rentals, customer emails, transaction IDs, amounts, and expiration dates.', 'pay-to-view-lite' ); ?></p>
      </div>
      <div class="paytoview-about-card">
        <h3><?php esc_html_e( 'Shortcode generator', 'pay-to-view-lite' ); ?></h3>
        <p><?php esc_html_e( 'Create rental shortcodes for popular media players, YouTube, Vimeo, and HTML5 video.', 'pay-to-view-lite' ); ?></p>
      </div>
      <div class="paytoview-about-card">
        <h3><?php esc_html_e( 'Customer confirmation emails', 'pay-to-view-lite' ); ?></h3>
        <p><?php esc_html_e( 'Send configurable confirmation emails with expiration details after purchase.', 'pay-to-view-lite' ); ?></p>
      </div>
      <div class="paytoview-about-card">
        <h3><?php esc_html_e( 'No user accounts required', 'pay-to-view-lite' ); ?></h3>
        <p><?php esc_html_e( 'Customers can pay and watch without registering for a WordPress account.', 'pay-to-view-lite' ); ?></p>
      </div>
    </div>
    <div class="paytoview-about-actions">
        <a href="https://theappmill.com/paytoview/pricing_plans.html#features" class="paytoview-about-button" target="_blank" rel="noopener noreferrer">
          <?php esc_html_e( 'All features and plans', 'pay-to-view-lite' ); ?>
        </a>
      </div>
  </section>

  <section class="paytoview-about-showcase">
    <div>
      <span class="paytoview-about-pill"><?php esc_html_e( 'Upgrade to Pro', 'pay-to-view-lite' ); ?></span>
      <h2><?php esc_html_e( 'Ready to run a real pay-per-view catalog?', 'pay-to-view-lite' ); ?></h2>
      <p>
        <?php esc_html_e( 'Pro removes the fixed-setting limits, so each media item can be sold the way it should be sold. Use it for films, tutorials, webinars, online classes, event replays, premium downloads, and client-only content.', 'pay-to-view-lite' ); ?>
      </p>
      <a href="https://www.paypal.com/ncp/payment/BCNBZP23CKS2U" class="paytoview-about-button" target="_blank" rel="noopener noreferrer">
        <?php esc_html_e( 'Buy Pro', 'pay-to-view-lite' ); ?>
      </a>
    </div>

    <div class="paytoview-about-compare">
      <table>
        <thead>
          <tr>
            <th><?php esc_html_e( 'Some of the features', 'pay-to-view-lite' ); ?></th>
            <th><?php esc_html_e( 'Lite', 'pay-to-view-lite' ); ?></th>
            <th><?php esc_html_e( 'PRO', 'pay-to-view-lite' ); ?></th>
          </tr>
        </thead>
        <tbody>
          <tr><td><?php esc_html_e( 'Fixed rentals', 'pay-to-view-lite' ); ?></td><td><?php esc_html_e( 'Yes', 'pay-to-view-lite' ); ?></td><td><?php esc_html_e( 'Yes', 'pay-to-view-lite' ); ?></td></tr>
           <tr><td><?php esc_html_e( 'Fixed price', 'pay-to-view-lite' ); ?></td><td><?php esc_html_e( 'Yes', 'pay-to-view-lite' ); ?></td><td><?php esc_html_e( 'Yes', 'pay-to-view-lite' ); ?></td></tr>
          <tr><td><?php esc_html_e( 'Individual price per media', 'pay-to-view-lite' ); ?></td><td><?php esc_html_e( 'No', 'pay-to-view-lite' ); ?></td><td><?php esc_html_e( 'Yes', 'pay-to-view-lite' ); ?></td></tr>
          <tr><td><?php esc_html_e( 'Individual rental duration', 'pay-to-view-lite' ); ?></td><td><?php esc_html_e( 'No', 'pay-to-view-lite' ); ?></td><td><?php esc_html_e( 'Yes', 'pay-to-view-lite' ); ?></td></tr>
          <tr><td><?php esc_html_e( 'Button customization', 'pay-to-view-lite' ); ?></td><td><?php esc_html_e( 'No', 'pay-to-view-lite' ); ?></td><td><?php esc_html_e( 'Yes', 'pay-to-view-lite' ); ?></td></tr>
          <tr><td><?php esc_html_e( 'CSV export', 'pay-to-view-lite' ); ?></td><td><?php esc_html_e( 'No', 'pay-to-view-lite' ); ?></td><td><?php esc_html_e( 'Yes', 'pay-to-view-lite' ); ?></td></tr>
          <tr><td><?php esc_html_e( 'Per-media shortcode settings', 'pay-to-view-lite' ); ?></td><td><?php esc_html_e( 'Limited', 'pay-to-view-lite' ); ?></td><td><?php esc_html_e( 'Yes', 'pay-to-view-lite' ); ?></td></tr>
          <tr><td><?php esc_html_e( 'Best for growing paid catalogs', 'pay-to-view-lite' ); ?></td><td><?php esc_html_e( 'Basic', 'pay-to-view-lite' ); ?></td><td><?php esc_html_e( 'Yes', 'pay-to-view-lite' ); ?></td></tr>
          <tr><td><?php esc_html_e( 'Priority bug fixes and support', 'pay-to-view-lite' ); ?></td><td><?php esc_html_e( 'No', 'pay-to-view-lite' ); ?></td><td><?php esc_html_e( 'Yes', 'pay-to-view-lite' ); ?></td></tr>
        </tbody>
      </table>
    </div>
  </section>

  <section class="paytoview-about-final-cta">
    <div>
      <span class="paytoview-about-pill"><?php esc_html_e( 'Simple upgrade', 'pay-to-view-lite' ); ?></span>
      <h2><?php esc_html_e( 'Keep the workflow you know. Unlock the controls you need.', 'pay-to-view-lite' ); ?></h2>
      <p><?php esc_html_e( 'If Lite helped you prove the idea, Pro helps you turn it into a cleaner, more flexible pay-per-view setup.', 'pay-to-view-lite' ); ?></p>
    </div>
    <a href="https://www.paypal.com/ncp/payment/BCNBZP23CKS2U" class="paytoview-about-button" target="_blank" rel="noopener noreferrer">
      <?php esc_html_e( 'Get Pay-To-View Pro', 'pay-to-view-lite' ); ?>
    </a>
  </section>
</div>
