1066 lines
		
	
	
		
			43 KiB
		
	
	
	
		
			HTML
		
	
	
		
			Executable File
		
	
	
			
		
		
	
	
			1066 lines
		
	
	
		
			43 KiB
		
	
	
	
		
			HTML
		
	
	
		
			Executable File
		
	
	
| {% 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 %} |