From cbe4ec8774a4326ed91b559d4080972d89e56aaf Mon Sep 17 00:00:00 2001
From: Justin <justinodunn@hotmail.com>
Date: Mon, 9 Jan 2023 16:31:18 +0800
Subject: [PATCH] added movies

---
 templates/index.html | 343 +++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 343 insertions(+)

diff --git a/templates/index.html b/templates/index.html
index a657a43..352b319 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -578,6 +578,8 @@
                 <li>Sports (Past Games)</li>
 
                 <li>Sports (Team Stats)</li>
+                
+                <li>Movies</li>
 
               {%endif%}
                 
@@ -706,6 +708,8 @@
               <option value="12">Custom GIFs</option>
 
               <option value="13">Custom Messages</option>
+              
+              <option value="16">Movies</option>
 
             </select>
 
@@ -5618,6 +5622,345 @@
           </div>
 
 
+      
+    <!-- Movies -->
+
+          <div class="page" id="Page16" style="display: none">
+
+            <div class="row">
+
+              <div class="col-lg-6 col-md-6 col-sm-12">
+
+                <div class="row g-3 align-items-center mt-3">
+
+                  <div class="col-auto">
+
+                    <label for="inputScrollSpeedZ22" class="col-form-label"
+
+                      >Scroll Speed:
+
+                    </label>
+
+                  </div>
+
+                  <div class="col-auto">
+
+                    <select
+
+                      id="inputScrollSpeed22"
+
+                      class="form-select speed-select"
+
+                    >
+
+                      <option {%if movie_settings.speed == 'medium' %} selected {% endif %}>Medium</option>
+
+                      <option {%if movie_settings.speed == 'slow' %} selected {% endif %}>Slow</option>
+
+                      <option {%if movie_settings.speed == 'fast' %} selected {% endif %}>Fast</option>
+
+                    </select>
+
+                  </div>
+
+                </div>
+
+
+
+                <div class="row g-3 align-items-center mt-3 left-div">
+
+                  <div class="col-auto">
+
+                    <label for="inputScrollSpeedRowZ22" class="col-form-label"
+
+                      >Scroll Speed (Row 2):
+
+                    </label>
+
+                  </div>
+
+                  <div class="col-auto">
+
+                    <select
+
+                      id="inputScrollSpeedRow16"
+
+                      class="form-select speed-select"
+
+                    >
+
+                      <option {%if movie_settings.speed2 == 'medium' %} selected {% endif %}>Medium</option>
+
+                      <option {%if movie_settings.speed2 == 'slow' %} selected {% endif %}>Slow</option>
+
+                      <option {%if movie_settings.speed2 == 'fast' %} selected {% endif %}>Fast</option>
+
+                    </select>
+
+                  </div>
+
+                </div>
+
+
+
+                <div class="row g-3 align-items-center mt-3">
+
+                  <div class="col-auto">
+
+                    <label for="inputTransitionZ22" class="col-form-label"
+
+                      >Intro Transition:
+
+                    </label>
+
+                  </div>
+
+                  <div class="col-auto">
+
+                    <select
+
+                      id="inputTransition22"
+
+                      class="form-select animation-select"
+
+                    >
+
+                      <option {%if movie_settings.animation == 'down' %} selected {% endif %}>Down</option>
+
+                      <option {%if movie_settings.animation == 'up' %} selected {% endif %}>Up</option>
+
+                      <option {%if movie_settings.animation == 'continuous' %} selected {% endif %}>Continuous</option>
+
+                    </select>
+
+                  </div>
+
+                </div>
+
+
+
+
+                <div class="row g-3 align-items-center mt-3" style="padding-bottom: 25px;">
+
+                  <div class="col-auto">
+
+                    <label for="inputTransition64Z" class="col-form-label"
+
+                      >Category:
+
+                    </label>
+
+                  </div>
+
+                  <div class="col-auto">
+
+                    <select
+
+                      id="inputTransition64"
+
+                      class="form-select category-select movie-categories"
+
+                    >
+
+                      <option {%if movie_settings.category == 'Popular All' %} selected {% endif %}>Popular All</option>
+
+                      <option {%if movie_settings.category == 'Popular TV' %} selected {% endif %}>Popular TV</option>
+
+                      <option {%if movie_settings.category == 'Popular Movies' %} selected {% endif %}>Popular Movies</option>
+
+                    </select>
+
+                  </div>
+
+                </div>
+
+
+
+                <div class="row g-3 align-items-center left-div">
+
+                  <div class="col-auto">
+
+                    <label for="inputTransitionZ22" class="col-form-label"
+
+                      >Display Feature Title
+
+                    </label>
+
+                  </div>
+
+                  <div class="col-auto">
+
+                    <input
+
+                      class="form-check-input title-select"
+
+                      type="checkbox"
+
+                      value=""
+
+                      id="flexCheckChecked40"
+
+                      {%
+
+                      if
+
+                      movie_settings.title%}
+
+                      checked
+
+                      {%endif%}
+
+                    />
+
+                  </div>
+
+                </div>
+
+
+                <div class="row g-3 align-items-center mt-3">
+
+                  <div class="col-auto">
+
+                    <label for="inputText" class="col-form-label">API Key: </label>
+
+                  </div>
+
+                  <div class="col-auto">
+
+                    <input
+
+                      type="text"
+
+                      id="api-key-movie"
+                           
+                      placeholder="Movies API Key"
+
+                      class="form-control api-key"
+
+                      aria-describedby="TextHelpInline"
+                           
+                      value="{{ movie_api_key }}"
+
+                    />
+
+                  </div>
+
+                  <div class="col-auto">
+
+                    <button id="movie-api-btn" class="btn set-btn" onClick="showMovieP()">Add</button>
+
+                  </div>
+                  
+                  <p id="movie-api-p" style="display: none">New movies API key detected, please restart the ticker in order for the feature to work properly.</p>
+
+                </div>
+
+              
+
+
+
+              </div>
+
+
+
+
+
+              <div class="col-lg-4 col-md-4 col-sm-12">
+
+                <h6 class="mt-3">List:</h6>
+
+                <div class="features-div-two">
+
+                  <ul
+
+                    id="movies-features"
+
+                    class="display-features-list text-white symbol-list"
+
+                  >
+
+
+                  </ul>
+
+                </div>
+
+              </div>
+
+              <div class="col-lg-2 col-md-2 col-sm-12">
+
+                <div class="icons-list">
+
+                  <i
+
+                    id="movies-increase-btn"
+
+                    class="upbutton fa fa-chevron-up"
+
+                    aria-hidden="true"
+
+                  ></i>
+
+                  <br />
+
+                  <br />
+
+                  <i
+
+                    id="movies-decrease-btn"
+
+                    class="downbutton fa fa-chevron-down"
+
+                    aria-hidden="true"
+
+                  ></i>
+
+                  <a style="position: relative; bottom: 30px; left: 10px"
+
+                    >Sort Order</a
+
+                  >
+
+                  <br />
+
+                  <br />
+
+
+
+                  <i
+
+                    id="movies-remove-btn"
+
+                    class="fa fa-minus"
+
+                    aria-hidden="true"
+
+                  ></i>
+
+
+
+                  <span style="position: relative; bottom: 0; left: 10px"
+
+                    >Remove</span
+
+                  >
+
+                </div>
+
+              </div>
+
+            </div>
+
+
+
+            <div class="save-btn-div">
+
+              <a href="#" class="btn save-btn">Save</a>
+
+            </div>
+
+          </div>      
+
+      
 
           <!-- Custom Images -->