{% extends "mnfapp/base.html" %}
{% load static %}
{% block content %}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Privilege</title>
<link rel="stylesheet" href={% static 'css/privilege/style.css' %} />
<script src={% static 'js/privilege/script.js' %} defer></script>
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css"
/>
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"
integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA=="
crossorigin="anonymous"
referrerpolicy="no-referrer"
/>
</head>
<body>
<div class="title-container-privilege">
<div>
<h2>
Powered <span>By</span> AI <span>&</span> Secured
<span>By</span> Blockchain <span>!</span>
</h2>
<p>
{% if memberType == "normal" or memberType == "yearly" %}
You are already a privileged member and your membership is valid till <span id="validity">{{expiry}}</span>
{% elif memberType == "Life Member" %}
You are already a Life member and your membership is valid till <span id="validity">{{expiry}}</span>
{% else %}
Buy your membership
{% endif %}
</p>
</div>
<div>
<button
class="juggernaut-btn juggernaut-btn-desktop"
onclick="openJuggernautPopup()"
>
Juggernaut Packages
</button>
<button
class="juggernaut-btn juggernaut-btn-mobile"
onclick="openJuggernautPopupMobile()"
>
Juggernaut Packages
</button>
<button class="gift-btn" onclick="openPrivilegePopup()">
Activate Your Gift Subscription
</button>
</div>
</div>
<div class="card-container-privilege">
<div class="card-body-privilege">
<div class="icon-container">
<img src={% static 'media/privilege/icon1.png' %} alt="img" />
</div>
<h2>Filmmaking Democratized</h2>
<div class="card-content">
<h3>In The Idea Mall</h3>
<li>Post Your Ideas</li>
<li>Get Instant Discussion With MNF-AI</li>
<li>Browse Ideas Posted By Others</li>
<li>Find Co-Writers</li>
<li>Find Opportunities For Script Writing</li>
<h3>In The Viewing Lounge</h3>
<li>Upload Your Showreel And Other Videos.</li>
<li>Create Your Video Introduction For Everyone To See.</li>
<h3>In The Harkat Club</h3>
<li>Free Membership Of Harkat Club</li>
<li>Propose And Set Up A Harkat Club In Your Locality.</li>
<h3 class="align-center">& Also</h3>
<p>
Limited Usage Of Conversion Studio, Subtitling, Script Builder,
Narration Room, Preview Chamber Etc
</p>
<button>Free</button>
</div>
</div>
<div class="card-body-privilege">
<div class="icon-container">
<img src={% static 'media/privilege/icon1.png' %} alt="img" />
</div>
<h2>Privileges Waiting For You!</h2>
<div class="card-content">
<h3>In The Idea Mall</h3>
<li>Auction Your Scripts And Projects.</li>
<li>
Commision Script Writing Assignments And Find Co-Producers And
Financers
</li>
<h3 class="unique-offerings">Unique Offerings!</h3>
<li>
Full Benefits Of Conversion Studio, Narration Room, Script Builder,
Preview Chamber Etc.
</li>
<form action="{% url 'payment' %}" method="post">
{%csrf_token%}
<input type="text" style="display: none;" name="plan" value='Monthly plan' id="plan" required>
<input type="text" style="display: none;" name="country">
<button type="submit" class="claim-privilege">Claim Privileges For $1/Month</button>
</form>
<h3 class="align-center">Yearly Subscription</h3>
<p class="align-center">
<span>10% </span>Additional <span>Discount </span>On All Services
</p>
<form action="{% url 'payment' %}" method="post">
{%csrf_token%}
<input type="text" style="display: none;" name="plan" value='yearly' id="plan" required>
<input type="text" style="display: none;" name="country">
<button type="submit">Claim Privileges Now For $10</button>
</form>
</div>
</div>
<div class="card-body-privilege">
<div class="icon-container">
<img src={% static 'media/privilege/icon1.png' %} alt="img" />
</div>
<h2>Grab A Life Membership!</h2>
<span class="text-muted-privilege">10 Years</span>
<div class="card-content">
<li>Free Trial Of Yet To Be Launched Products And Services.</li>
<li>Got A Committed Relationship Manager.</li>
<li>
Be On The Notifications/Informations For Filmmaking Related Business
Proposals/Assignments/Opportunites.
</li>
<h3 class="margin-top"><span>50% Saving </span>On Life Membership For</h3>
<li>Language Pair Partners</li>
<li>MNF Messiah</li>
<li>Harkat Club Founders</li>
<li>Find Opportunites For Script Writing</li>
<section class="dynamic-text align-center">
Only {{left}} Left For {{thisMonth}}
</section>
<p class="align-center">
<span>20% </span>Additional <span>Discount </span>On All Services
</p>
<form action="{% url 'payment' %}" method="post">
{%csrf_token%}
<input type="text" style="display: none;" name="plan" value='Life' id="plan" required>
<input type="text" style="display: none;" name="country">
<button>Grab It Now For $47 Only</button>
</form>
</div>
</div>
</div>
<div class="dark-bg-privilege"></div>
<div class="gift-popup-privilege">
<div class="gift-content">
<button class="close-popup" onclick="closePrivilegePopup()">X</button>
<i
class="fa-solid fa-arrow-left close-popup-mobile"
onclick="closePrivilegePopup()"
></i>
<img src={% static 'media/privilege/popup-image-privilege.png' %} alt="popup-image" />
<h2>
You are at doorstep of incredible facilities and fascinating
opportunites.
</h2>
<form action="/pay/verifygift" method="post" class="privilege-form">
{% csrf_token %}
<div class="coupan-container">
<p>To open the door, please enter the coupon code.</p>
<input name="token" type="text" placeholder="Enter coupon code" />
</div>
<button type="submit" class="claim-privileges">
Claim Your Privileges
</button>
</form>
</div>
</div>
<div class="thankyou-popup-privilege">
<div class="thankyou-content">
<button class="close-popup" onclick="closeThankyouPopup()">X</button>
<i
class="fa-solid fa-arrow-left close-popup-mobile"
onclick="closeThankyouPopup()"
></i>
<img src={% static 'media/privilege/popup-image-thankyou.png' %} alt="" />
</div>
</div>
<!-- Juggernaut Popup -->
<main class="production-house-wrapper" id="production-house-popup">
<div class="production-house-container">
<i
class="fa-solid fa-x red-cross-btn"
onclick="closeProductionPopup()"
></i>
<div class="tabs-row tabs-row-1">
<div
class="cursor-pointer"
onclick="openJuggernautPopup()"
id="production-heading-1"
>
Production House
</div>
<div
class="cursor-pointer"
onclick="openScreenplayPopup()"
id="screenplay-heading-1"
>
Screenplay Writing
</div>
</div>
<div class="jug-content-wrapper">
<h2>Juggernaut Packages(Production Houses)</h2>
<div class="jug-content-container">
<div class="jug-content">
<p class="class-remove-margin jug-content-heading dark-color">
Package name
</p>
<p class="class-remove-margin jug-content-value dark-color">
Radiate
</p>
<p class="class-remove-margin jug-content-value dark-color">
Regionalise
</p>
<p class="class-remove-margin jug-content-value dark-color">
Globalise
</p>
</div>
<div class="jug-content">
<p class="class-remove-margin jug-content-heading light-color">
Validity in Days
</p>
<p class="class-remove-margin jug-content-value dark-color">30</p>
<p class="class-remove-margin jug-content-value dark-color">
180
</p>
<p class="class-remove-margin jug-content-value dark-color">
365
</p>
</div>
<div class="jug-content">
<p class="class-remove-margin jug-content-heading light-color">
Price
</p>
<p class="class-remove-margin jug-content-value dark-color">
$149
</p>
<p class="class-remove-margin jug-content-value dark-color">
$1499
</p>
<p class="class-remove-margin jug-content-value dark-color">
$14999
</p>
</div>
<div class="jug-content subtitling-jug-content">
<h3>Subtitling</h3>
<div class="subtitling-data">
<div>
<p class="class-remove-margin light-color">
Total Number of Minutes Input
</p>
<p class="class-remove-margin dark-color dc-1">30</p>
<p class="class-remove-margin dark-color dc-2">150</p>
<p class="class-remove-margin dark-color dc-3">1200</p>
</div>
<div>
<p class="class-remove-margin light-color">
Output In No. Of Language
</p>
<p class="class-remove-margin dark-color dc-4">2</p>
<p class="class-remove-margin dark-color dc-5">5</p>
<p class="class-remove-margin dark-color dc-6">8</p>
</div>
<div>
<p class="class-remove-margin light-color">
No. Of Iterations Per Language
</p>
<p class="class-remove-margin dark-color dc-7">2</p>
<p class="class-remove-margin dark-color dc-8">2</p>
<p class="class-remove-margin dark-color dc-9">2</p>
</div>
<div>
<p class="class-remove-margin light-color">
Note: Extra Minutes/Subtitles in more Language /More
Iterations are Available at normal rates.
</p>
</div>
</div>
</div>
<div class="jug-content schedule-budget-jug-content">
<div>
<h3>No. of projects scheduling and Budgeting</h3>
<p class="class-remove-margin dark-color">2</p>
<p class="class-remove-margin dark-color dc-10">5</p>
<p class="class-remove-margin dark-color dc-11">10</p>
</div>
<div class="schedule-budget-data">
<h3>Added Benefits</h3>
<div class="schedule-budget-data-parent">
<div>
<h3 class="one-lang-heading">Narration In 1 Language</h3>
<div class="juggernaut-narra-container">
<div>
<p class="class-remove-margin light-color">
Character Introduciton
</p>
<input type="checkbox" class="dc-12" />
<input type="checkbox" checked class="dc-13" />
<input type="checkbox" checked class="dc-14" />
</div>
<div>
<p class="class-remove-margin light-color">
Line By Line Narration
</p>
<input type="checkbox" class="dc-15" />
<input type="checkbox" checked class="dc-16" />
<input type="checkbox" checked class="dc-17" />
</div>
<div>
<p class="class-remove-margin light-color">
Character Wise Narration
</p>
<input type="checkbox" class="dc-18" />
<input type="checkbox" checked class="dc-19" />
<input type="checkbox" checked class="dc-20" />
</div>
</div>
</div>
<div>
<h3 class="con-heading">Conversion</h3>
<div class="juggernaut-narra-container">
<div>
<p class="class-remove-margin light-color">
No. Of Script Pages For Conversion
</p>
<p class="class-remove-margin dark-color dc-21">0</p>
<p class="class-remove-margin dark-color dc-22">150</p>
<p class="class-remove-margin dark-color dc-23">1200</p>
</div>
<div>
<p class="class-remove-margin light-color">
Conversion In Language With LPP
</p>
<p class="class-remove-margin dark-color dc-24">0</p>
<p class="class-remove-margin dark-color dc-25">1</p>
<p class="class-remove-margin dark-color dc-26">1</p>
</div>
</div>
</div>
<div class="ai-container">
<div class="ai-con-first">
<p class="class-remove-margin light-color">
Ai-Assisted Beat Wise Scence Generation
</p>
<p class="class-remove-margin dark-color dc-27">100</p>
<p class="class-remove-margin dark-color dc-28">500</p>
<p class="class-remove-margin dark-color dc-29">5000</p>
</div>
<div>
<p class="class-remove-margin light-color">
Screenplay Audit
</p>
<input type="checkbox" checked class="dc-30" />
<input type="checkbox" checked class="dc-31" />
<input type="checkbox" checked class="dc-32" />
</div>
</div>
</div>
</div>
<div class="buy-now-btns-wrapper">
<button>Buy Now</button>
<button>Buy Now</button>
<button>Buy Now</button>
</div>
</div>
</div>
</div>
</div>
</main>
<main
class="production-house-wrapper screenplay-writing-wrapper"
id="screenplay-writing-popup"
>
<div class="production-house-container">
<i
class="fa-solid fa-x red-cross-btn"
onclick="closeScreenplayPopup()"
></i>
<div class="tabs-row tabs-row-2">
<div
class="cursor-pointer"
onclick="openJuggernautPopup()"
id="production-heading-2"
>
Production House
</div>
<div
class="cursor-pointer"
onclick="openScreenplayPopup()"
id="screenplay-heading-2"
>
Screenplay Writing
</div>
</div>
<div class="jug-content-wrapper">
<div class="jug-content-container">
<div class="jug-content">
<p class="class-remove-margin jug-content-heading dark-color">
Package name
</p>
<p
class="class-remove-margin jug-content-value jug-content-value-2 dark-color"
>
Long Jump
</p>
<p
class="class-remove-margin jug-content-value jug-content-value-2 dark-color"
>
Triple Jump
</p>
<p
class="class-remove-margin jug-content-value jug-content-value-2 dark-color"
>
High Jump
</p>
</div>
<div class="jug-content">
<p class="class-remove-margin jug-content-heading light-color">
Validity in Days
</p>
<p class="class-remove-margin jug-content-value dark-color">90</p>
<p class="class-remove-margin jug-content-value dark-color">
180
</p>
<p class="class-remove-margin jug-content-value dark-color">
365
</p>
</div>
<div class="jug-content">
<p class="class-remove-margin jug-content-heading light-color">
Price
</p>
<p class="class-remove-margin jug-content-value dark-color">
$149
</p>
<p class="class-remove-margin jug-content-value dark-color">
$274
</p>
<p class="class-remove-margin jug-content-value dark-color">
$399
</p>
</div>
<div class="jug-content">
<p class="class-remove-margin jug-content-heading dark-color">
AI-assisted beat wise Scene Generation
</p>
<p class="class-remove-margin jug-content-value dark-color">50</p>
<p class="class-remove-margin jug-content-value dark-color">
1000
</p>
<p class="class-remove-margin jug-content-value dark-color">
2000
</p>
</div>
<div class="jug-content">
<p class="class-remove-margin jug-content-heading dark-color">
Screenplay Audit
</p>
<input type="checkbox" checked class="dc-33" />
<input type="checkbox" checked class="dc-34" />
<input type="checkbox" checked class="dc-35" />
</div>
<div class="jug-content subtitling-jug-content">
<h3>Conversion</h3>
<div class="subtitling-data screenplay-conversion-data">
<div>
<p class="class-remove-margin light-color lang-text">
Languages (with Vetting by Language Pair Partners)
</p>
<p class="class-remove-margin dark-color dc-36">1</p>
<p class="class-remove-margin dark-color dc-37">3</p>
<p class="class-remove-margin dark-color dc-38">5</p>
</div>
<div>
<p class="class-remove-margin light-color">
No. of Iterations Per Language
</p>
<p class="class-remove-margin dark-color dc-39">2</p>
<p class="class-remove-margin dark-color dc-40">2</p>
<p class="class-remove-margin dark-color dc-41">2</p>
</div>
<div>
<p class="class-remove-margin light-color">
Conversion in additional Language
</p>
<p class="class-remove-margin dark-color dc-7">
$99 Each With Applicable Discounts
</p>
</div>
</div>
</div>
<div class="jug-content schedule-budget-jug-content">
<div class="schedule-budget-data">
<div
class="schedule-budget-data-parent pitchdeck-creation-data-parent"
>
<div class="pitchdeck-creation-container">
<h3 class="one-lang-heading pitchdeck-crea-heading">
Pitchdeck creation (in 1 Language)
</h3>
<div class="juggernaut-narra-container">
<div>
<p class="class-remove-margin light-color">One Pager</p>
<input type="checkbox" checked class="dc-42" />
<input type="checkbox" checked class="dc-43" />
<input type="checkbox" checked class="dc-14" />
</div>
<div>
<p class="class-remove-margin light-color">
Elevator Pitch
</p>
<input type="checkbox" checked class="dc-44" />
<input type="checkbox" checked class="dc-45" />
<input type="checkbox" checked class="dc-17" />
</div>
<div>
<p class="class-remove-margin light-color">
Screenplay Analysis
</p>
<input type="checkbox" checked class="dc-46" />
<input type="checkbox" checked class="dc-47" />
<input type="checkbox" checked class="dc-20" />
</div>
</div>
</div>
<div class="ai-container">
<div>
<p class="class-remove-margin light-color">
Scheduling and Budgeting of 1 Project
</p>
<input type="checkbox" class="dc-48" />
<input type="checkbox" checked class="dc-49" />
<input type="checkbox" checked class="dc-32" />
</div>
</div>
</div>
</div>
<div class="buy-now-btns-wrapper">
<button>Buy Now</button>
<button>Buy Now</button>
<button>Buy Now</button>
</div>
<h3 class="validity-heading">
Validity is extendable by 30 days at a price of $5
</h3>
</div>
</div>
</div>
</div>
</main>
<div id="juggernaut-wrapper-mobile">
<div class="back-btn-container">
<img src={% static 'media/privilege/back_btn.png' %} onclick="hideJuggernautMobile()" />
<!-- <img
src="back btn.png"
onclick="alert('Coming Soon...')"
/> -->
</div>
<div class="btns-row-mobile">
<button
class="production-btn active-tab-mobile"
onclick="toggleProductionHouse()"
>
Production House
</button>
<button class="screenplay-btn" onclick="toggleScreenplayWriting()">
Screenplay Writing
</button>
</div>
<!-- Screenplay Writing Mobile -->
<div id="screenplay-writing-wrapper-mobile">
<section class="remove-border-mobile">
<select id="choose-package-dropdown">
<option value="long-jump">Long Jump</option>
<option value="triple-jump">Triple Jump</option>
<option value="high-jump">High Jump</option>
<option value="compare">Compare</option>
</select>
<div class="packages-wrapper">
<p class="dark-color-mobile" id="package-name">Long Jump</p>
<p class="dark-color-mobile" id="toggle-triple-jump">Triple Jump</p>
<p class="dark-color-mobile" id="toggle-high-jump">High Jump</p>
</div>
</section>
<div class="juggernaut-container-mobile" id="all-packages">
<div class="juggernaut-content-mobile">
<section>
<p class="light-color-mobile">Validity (Days)</p>
<p class="dark-bold-color-mobile" id="validity-value">90</p>
</section>
<section>
<p class="light-color-mobile">Price ($)</p>
<p class="dark-bold-color-mobile" id="price-value">149</p>
</section>
<section>
<p class="light-color-mobile">
AI-assisted beat wise Scene Generation
</p>
<p class="dark-bold-color-mobile" id="ai-value">50</p>
</section>
<section>
<p class="light-color-mobile">Screenplay Audit</p>
<input type="checkbox" name="" id="" checked />
</section>
</div>
<div class="juggernaut-content-mobile">
<h2 class="dark-color-mobile">Screenplay Conversion</h2>
<!-- <section>
<p class="light-color-mobile">Languages (with Vetting by Language Pair Partner)</p>
<p class="dark-bold-color-mobile" id="lang-value">1</p>
</section> -->
<section>
<p class="light-color-mobile">No. of Iterations Per Language</p>
<p class="dark-bold-color-mobile" id="iterate-value">2</p>
</section>
<section>
<p class="light-color-mobile">
<span class="dark-color-mobile">Note :-</span> Conversion in
additional Language $99 each with applicable Discounts
</p>
</section>
</div>
<div class="juggernaut-content-mobile">
<h2 class="dark-color-mobile">Pitchdeck (in 1 Language)</h2>
<section>
<p class="light-color-mobile">One Pager</p>
<input type="checkbox" checked />
</section>
<section>
<p class="light-color-mobile">Elevator Pitch</p>
<input type="checkbox" checked />
</section>
<section>
<p class="light-color-mobile">Screenplay Analysis</p>
<input type="checkbox" checked />
</section>
<section>
<p class="light-color-mobile">
Scheduling and Budgeting of 1 Project
</p>
<input type="checkbox" id="schedule-chckbox" />
</section>
</div>
<button class="buy-now-btn">Buy Now</button>
<p class="c-green-mobile">
Validity is extendable by 30 days at a price of $5
</p>
</div>
<div class="juggernaut-container-mobile" id="compare-packages">
<div class="juggernaut-content-mobile">
<section>
<p class="light-color-mobile">Validity (Days)</p>
<div class="packages-wrapper">
<p class="dark-bold-color-mobile">90</p>
<p class="dark-bold-color-mobile">180</p>
<p class="dark-bold-color-mobile">365</p>
</div>
</section>
<section>
<p class="light-color-mobile">Price ($)</p>
<div class="packages-wrapper">
<p class="dark-bold-color-mobile">149</p>
<p class="dark-bold-color-mobile">274</p>
<p class="dark-bold-color-mobile">399</p>
</div>
</section>
<section>
<p class="light-color-mobile">Beat To Scene</p>
<div class="packages-wrapper">
<p class="dark-bold-color-mobile">50</p>
<p class="dark-bold-color-mobile">1000</p>
<p class="dark-bold-color-mobile">2000</p>
</div>
</section>
<section>
<p class="light-color-mobile">Screenplay Audit</p>
<div class="packages-wrapper">
<input type="checkbox" checked />
<input type="checkbox" checked />
<input type="checkbox" checked />
</div>
</section>
</div>
<div class="juggernaut-content-mobile">
<h2 class="dark-color-mobile">Screenplay Conversion</h2>
<section>
<p class="light-color-mobile">Languages (With Vetting by LPP)</p>
<div class="packages-wrapper">
<p class="dark-bold-color-mobile">1</p>
<p class="dark-bold-color-mobile">3</p>
<p class="dark-bold-color-mobile">3</p>
</div>
</section>
<section>
<p class="light-color-mobile">Iterations</p>
<div class="packages-wrapper">
<p class="dark-bold-color-mobile">2</p>
<p class="dark-bold-color-mobile">2</p>
<p class="dark-bold-color-mobile">2</p>
</div>
</section>
</div>
<div class="juggernaut-content-mobile">
<h2 class="dark-color-mobile">Pitchdeck (in 1 Language)</h2>
<section>
<p class="light-color-mobile">One Pager</p>
<div class="packages-wrapper">
<input type="checkbox" checked />
<input type="checkbox" checked />
<input type="checkbox" checked />
</div>
</section>
<section>
<p class="light-color-mobile">Elevator Pitch</p>
<div class="packages-wrapper">
<input type="checkbox" checked />
<input type="checkbox" checked />
<input type="checkbox" checked />
</div>
</section>
<section>
<p class="light-color-mobile">Screenplay Analysis</p>
<div class="packages-wrapper">
<input type="checkbox" checked />
<input type="checkbox" checked />
<input type="checkbox" checked />
</div>
</section>
<section>
<p class="light-color-mobile">Schedule/Budget</p>
<div class="packages-wrapper">
<input type="checkbox" />
<input type="checkbox" checked />
<input type="checkbox" checked />
</div>
</section>
<section>
<p> </p>
<div class="packages-wrapper">
<button>Buy</button>
<button class="move-btn-right">Buy</button>
<button class="move-btn-right-2">Buy</button>
</div>
</section>
</div>
</div>
</div>
<!-- Production House Mobile -->
<div id="production-house-wrapper-mobile">
<section class="remove-border-mobile">
<select id="choose-package-dropdown2">
<option value="radiate">Radiate</option>
<option value="regional">Regional</option>
<option value="global">Global</option>
<option value="compare">Compare</option>
</select>
<div class="packages-wrapper move-wrapper-left">
<p class="dark-color-mobile" id="package-name2">Radiate</p>
<p class="dark-color-mobile" id="toggle-triple-jump2">Regional</p>
<p class="dark-color-mobile" id="toggle-high-jump2">Global</p>
</div>
</section>
<div class="juggernaut-container-mobile" id="all-packages2">
<div class="juggernaut-content-mobile">
<section>
<p class="light-color-mobile">Validity (Days)</p>
<p class="dark-bold-color-mobile" id="validity-value2">30</p>
</section>
<section>
<p class="light-color-mobile">Price ($)</p>
<p class="dark-bold-color-mobile" id="price-value2">149</p>
</section>
<h2 class="dark-bold-color-mobile">Subtitling</h2>
<section>
<p class="light-color-mobile">Total Number of Minutes Input</p>
<p class="dark-bold-color-mobile" id="num-value">30</p>
</section>
<section>
<p class="light-color-mobile">Output in No. of Language</p>
<p class="dark-bold-color-mobile" id="no-lang-value">2</p>
</section>
<section>
<p class="light-color-mobile">No. of Iterations Per Language</p>
<p class="dark-bold-color-mobile">2</p>
</section>
<section>
<p class="light-color-mobile">
<span class="dark-color-mobile">Note :-</span> Extra
Minutes/Subtitles in more Language /More Iterations are
Available at normal rates.
</p>
</section>
</div>
<div class="juggernaut-content-mobile">
<section>
<p class="light-color-mobile">
No. of projects scheduling and Budgeting
</p>
<p class="dark-bold-color-mobile" id="sch-bud-value">2</p>
</section>
<h2 class="dark-bold-color-mobile">Added Benefits</h2>
<h2 class="dark-color-mobile">Narration in 1 Language</h2>
<section>
<p class="light-color-mobile">Character Introduction</p>
<input type="checkbox" id="char-intro-chbx" />
</section>
<section>
<p class="light-color-mobile">Line By Line Narration</p>
<input type="checkbox" id="line-narr-chbx" />
</section>
<section>
<p class="light-color-mobile">Character Wise Narration</p>
<input type="checkbox" id="chr-wise-chbx" />
</section>
</div>
<div class="juggernaut-content-mobile">
<h2 class="dark-color-mobile">Subtitling</h2>
<section>
<p class="light-color-mobile">
No. of Script pages for Conversion
</p>
<p class="dark-bold-color-mobile" id="con-page-value">0</p>
</section>
<section>
<p class="light-color-mobile">Conversion in Language with LLP</p>
<p class="dark-bold-color-mobile" id="con-lpp-value">0</p>
</section>
<section>
<p class="light-color-mobile">
Ai-assisted beat wise Scence generation
</p>
<p class="dark-bold-color-mobile" id="beat-scn-value">100</p>
</section>
<section>
<p class="light-color-mobile">Screenplay Audit</p>
<input type="checkbox" checked id="schedule-chckbox2" />
</section>
</div>
<button class="buy-now-btn">Buy Now</button>
</div>
<div class="juggernaut-container-mobile" id="compare-packages2">
<div class="juggernaut-content-mobile">
<section>
<p class="light-color-mobile">Validity (Days)</p>
<div class="packages-wrapper">
<p class="dark-bold-color-mobile">30</p>
<p class="dark-bold-color-mobile">180</p>
<p class="dark-bold-color-mobile">365</p>
</div>
</section>
<section>
<p class="light-color-mobile">Price ($)</p>
<div class="packages-wrapper">
<p class="dark-bold-color-mobile">149</p>
<p class="dark-bold-color-mobile">1499</p>
<p class="dark-bold-color-mobile">14999</p>
</div>
</section>
</div>
<div class="juggernaut-content-mobile">
<h2 class="dark-bold-color-mobile">Subtitling</h2>
<section>
<p class="light-color-mobile">No. Minutes</p>
<div class="packages-wrapper">
<p class="dark-bold-color-mobile">30</p>
<p class="dark-bold-color-mobile">150</p>
<p class="dark-bold-color-mobile">1200</p>
</div>
</section>
<section>
<p class="light-color-mobile">Language</p>
<div class="packages-wrapper">
<p class="dark-bold-color-mobile">2</p>
<p class="dark-bold-color-mobile">5</p>
<p class="dark-bold-color-mobile">8</p>
</div>
</section>
<section>
<p class="light-color-mobile">Iterations</p>
<div class="packages-wrapper">
<p class="dark-bold-color-mobile">2</p>
<p class="dark-bold-color-mobile">2</p>
<p class="dark-bold-color-mobile">2</p>
</div>
</section>
<section>
<p class="light-color-mobile">Schedule/Budget</p>
<div class="packages-wrapper">
<p class="dark-bold-color-mobile">2</p>
<p class="dark-bold-color-mobile">5</p>
<p class="dark-bold-color-mobile">10</p>
</div>
</section>
</div>
<div class="juggernaut-content-mobile">
<h2 class="dark-bold-color-mobile">Added Benefits</h2>
<h2 class="dark-color-mobile">Narration in 1 Language</h2>
<section>
<p class="light-color-mobile">Chr. Introduction</p>
<div class="packages-wrapper">
<input type="checkbox" />
<input type="checkbox" checked />
<input type="checkbox" checked />
</div>
</section>
<section>
<p class="light-color-mobile">Script Narration</p>
<div class="packages-wrapper">
<input type="checkbox" />
<input type="checkbox" checked />
<input type="checkbox" checked />
</div>
</section>
<section>
<p class="light-color-mobile">Chr. Narration</p>
<div class="packages-wrapper">
<input type="checkbox" />
<input type="checkbox" checked />
<input type="checkbox" checked />
</div>
</section>
</div>
<div class="juggernaut-content-mobile">
<h2 class="dark-bold-color-mobile">Screenplay Conversion</h2>
<section>
<p class="light-color-mobile">No. of Pages</p>
<div class="packages-wrapper">
<p class="dark-bold-color-mobile">0</p>
<p class="dark-bold-color-mobile">150</p>
<p class="dark-bold-color-mobile">1200</p>
</div>
</section>
<section>
<p class="light-color-mobile">Languages (With LPP)</p>
<div class="packages-wrapper">
<p class="dark-bold-color-mobile">0</p>
<p class="dark-bold-color-mobile">1</p>
<p class="dark-bold-color-mobile">1</p>
</div>
</section>
</div>
<div class="juggernaut-content-mobile">
<section>
<p class="light-color-mobile">Beat To Scene</p>
<div class="packages-wrapper">
<p class="dark-bold-color-mobile">100</p>
<p class="dark-bold-color-mobile">500</p>
<p class="dark-bold-color-mobile">5000</p>
</div>
</section>
<section>
<p class="light-color-mobile">Screenplay Analysis</p>
<div class="packages-wrapper">
<input type="checkbox" checked />
<input type="checkbox" checked />
<input type="checkbox" checked />
</div>
</section>
<section>
<p> </p>
<div class="packages-wrapper">
<button>Buy</button>
<button class="move-btn-right">Buy</button>
<button class="move-btn-right-2">Buy</button>
</div>
</section>
</div>
</div>
</div>
</div>
{% if message %}
<script>
window.alert(`{{ message }}`);
</script>
<span style="color: green;">{{ message }}</span>
{% endif %}
{% if message2 %}
<script>
window.alert("The token you've entered is invalid. Please enter a valid one.");
</script>
{% comment %} <span style="color: red;">{{ message2 }}</span> {% endcomment %}
{% endif %}
<script>
fetch("https://ipinfo.io/json?key=tryout").then(
(response) => response.json()
).then(
(jsonResponse) => {
console.log(jsonResponse)
let L = document.getElementsByName("country");
console.log(L);
for (l of L) {
l.setAttribute("value", jsonResponse.country);
}
}
)
</script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
<script>
function add_months(dt, n) {
return new Date(dt.setMonth(dt.getMonth() + n));
}
'{% if dataP3%}'
dt = new Date('{{dataP3.dateSubscribed.year}}', '{{dataP3.dateSubscribed.month}}', '{{dataP3.dateSubscribed.day}}');
// alert(add_months(dt, 10).toString())
// console.log(add_months(dt, 12).toString());
dateObj = add_months(dt, parseInt('{{dataP3.months}}'))
var month = dateObj.getUTCMonth() + 1; //months from 1-12
var day = dateObj.getUTCDate();
var year = dateObj.getUTCFullYear();
document.getElementById('validity').innerHTML = day + "-" + month + "-" + year
// document.getElementById('validity').innerHTML = "add"
'{%endif%}'
'{% if dataP4%}'
dt2 = new Date('{{dataP4.dateSubscribed.year}}', '{{dataP4.dateSubscribed.month}}', '{{dataP4.dateSubscribed.day}}');
// alert(add_months(dt2, 120).toString())
// console.log(add_months(dt, 12).toString());
dateObj2 = add_months(dt2, 120)
var month2 = dateObj2.getUTCMonth() + 1; //months from 1-12
var day2 = dateObj2.getUTCDate();
var year2 = dateObj2.getUTCFullYear();
document.getElementById('validity2').innerHTML = day2 + "-" + month2 + "-" + year2 '{%endif%}'
</script>
</body>
</html>
{% endblock content %}