{% load static %}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="{% static 'loginedtest/style.css' %}">
    <link rel="stylesheet" href="{% static 'first/style.css' %}" />
    <title>Preview</title>
</head>
<body>
    <nav class="navbar">
        <div class="container">
  
          <div class="navbar__wrap">
  
            <div class="hamb">
              <div class="hamb__field" id="hamb">
                <span class="bar"></span>
                <span class="bar"></span>
                <span class="bar"></span>
              </div>
            </div>

            <div class="coltxt" onclick="window.location.href='{% url 'home' %}'">
                <div style="width: 100%; font-size: 30px; align-self: center; height: 30px;" class="cool_text">
                    <div id="one" style="margin-left: 10px; padding-left: 10px;">E</div>
                    <div id="two"><div id="twoo">КАТЕРИНБУРГ</div></div>

                    <div id="three" style="color: blue;">G</div>
                    <div id="four"><div id="fourr">UIDE</div></div>
                </div>
            </div>
            
            <div class="mobile_coltxt" onclick="window.location.href='/'">
                <label>EKB</label><label style="color: blue; padding-left: 0px; margin-left: 10px; margin-right: 10px;">GUIDE</label>
            </div>
  
            <ul class="menu" id="menu">
                <li>
                  <span class="activate_dropdown" onclick="window.location.href='{% url 'history' %}'"  {% if papka == 'history'%}style="background-color: rgba(75, 75, 225); color: white;"{% endif%}><label style="color:blue">И</label>стория</span>
                  <div class="moving_dropdown">
                    <div class="move_me_content">
                      {% block history_dropdown %}{% endblock %}
                    </div>
                  </div>
                </li>
    
                <li>
                  <span class="activate_dropdown" onclick="window.location.href='{% url 'placess' %}'" {% if papka == 'places'%}style="background-color: rgba(75, 75, 225); color: white;"{% endif%}><label style="color:blue">М</label>еста</span>
                  <div class="moving_dropdown">
                    <div class="move_me_content">
                      {% block places_dropdown %}{% endblock %}
                    </div>
                  </div>
                </li>
    
                <li>
                  <span class="activate_dropdown" onclick="window.location.href='{% url 'celebrity' %}'" {% if papka == 'celebrity'%}style="background-color: rgba(75, 75, 225); color: white;"{% endif%}><label style="color:blue">З</label>наменитости</span>
                  <div class="moving_dropdown">
                    <div class="move_me_content">
                      {% block celebrity_dropdown %}{% endblock %}
                    </div>
                  </div>
                </li>
    
                <li>
                  <span class="activate_dropdown" onclick="window.location.href='{% url 'theaters_and_music' %}'" {% if papka == 'theaters_and_music'%}style="background-color: rgba(75, 75, 225); color: white;"{% endif%}><label style="color:blue">Т</label>еатры и музыка</span>
                  <div class="moving_dropdown">
                    <div class="move_me_content">
                      {% block theaters_and_music_dropdown %}{% endblock %}
                    </div>
                  </div>
                </li>
    
    
    
              </ul>
  
          </div>
  
        </div>
  
  
    </nav>
    
    <div class="popup" id="popup"><ul class="menu" id="menu">
        <li style="width: 100%; justify-content: center;">
            <div class="dropdown" style="width: 100%;">
                <button style=" border: none; background-color: white;width: 100%;
                display: flex;
                justify-content: center;
                padding: 20px 0;
                font-size: 20px;
                font-weight: bold;
                color: black;
                border-top: 2px solid #e2e8f0;
                border-bottom: 2px solid #e2e8f0;
                margin-bottom: 10px;">test dropdown menu</button>
                <div class="dropdown-content" style="background-color: white;">
                    <a href="/history">history</a>
                    <a href="/places">places</a>
                    <a href="/celebrities">celebrities</a>
                </div>
            </div>
          </li>
        <li><a href="/history">История</a></li>
        <li><a href="/places">Места</a></li>
        <li><a href="/celebrities">Знаменитости</a></li>
        <li><a href="/theaters">Театры и музыка</a></li>
        <li style="width: 100%; justify-content: center;">
            <div class="dropdown" style="width: 100%;">
                <button style=" border: none; background-color: white;width: 100%;
                display: flex;
                justify-content: center;
                padding: 20px 0;
                font-size: 20px;
                font-weight: bold;
                color: black;
                border-top: 2px solid #e2e8f0;
                border-bottom: 2px solid #e2e8f0;
                margin-bottom: 10px;">test dropdown menu</button>
                <div class="dropdown-content">
                    <a href="/history">history</a>
                    <a href="/places">places</a>
                    <a href="/celebrities">celebrities</a>
                </div>
            </div>
          </li>
      </ul>
    </div>
    <main class="main">
        <div class="container">
            <div class="content">

                <div class="n_bar">
                    {% if testthing %}
                        
                        {% for object in testthing %}
                            {% if object.0 == 'header' %}
                                {% if forloop.counter == 1 %}
                                    <a href="#hh{{ forloop.counter }}" style="word-wrap: break-word; overflow-wrap: break-word; padding-top: 10px;" class="button2">{{object.1}}</a>
                                {% else %}
                                    <a href="#hh{{ forloop.counter }}" style="word-wrap: break-word; overflow-wrap: break-word;" class="button2">{{object.1}}</a>
                                {% endif %}
                            {% endif %}
                        {% endfor %}

                    {% endif %}

                </div>

                <div class="in_content">
                    <br>
                    <label style="font-size: 40px; width: 40px; margin-top: 20px; word-wrap: break-word;">{% if title %}{{title}}{% else %}Нету названия!{% endif %}
                        <hr style="max-width: auto; margin-left: 0px;"></label>
                    

                    {% if testthing %}
                        {% for object in testthing %}
                            
                            {% if object.0 == 'header' %}
                                <div id="hh{{ forloop.counter }}"></div>
                                {% if forloop.counter == 1 %}
                                <div>
                                {% else %}
                                <br>
                                <br>
                                <br>
                                {% endif %}
                                
                                <label style="font-size: 40px; width: 40px; overflow-wrap: break-word;">{{object.1}}<hr style="max-width: auto; margin-left:0;"></label>
                            {% endif %}
                            


                            {% if object.0 == 'text' %}
                            
                            
                            
                            <br>
                            <br>
                        
                            <pre style="max-width: 650px;  word-wrap: break-word; text-align: left;font-size: 20px; white-space: pre-wrap;">{{object.1}}</pre>
                            {% endif %}


                            {% if object.0 == 'img' %}
                                {% for picture in object.1 %}
                                    <img src="{% static picture %}" class="img_content" alt="imgg">
                                {% endfor %}
                            {% endif %}




                        {% endfor %}
                    {% endif %}
                    




                    {% if authtor %}
                    <br>
                    <label>{{authtor}}</label>
                    {% endif %}
                    <br>
                    {{date}}




                    <br>
                    <br>
                    <form method="post" action="{% url 'posttodb' %}">
                        {% csrf_token %}
                        <textarea style="display: none;" name="papka">{{papka}}</textarea>

                        <textarea style="display: none;" name="title">{{title}}</textarea>
                        
                        <textarea style="display: none;" name="authtor">{{authtor}}</textarea>
                        <textarea style="display: none;" name="date">{{date}}</textarea>
                        <textarea style="display: none;" name="testthing">{{testthing}}</textarea>
                        <textarea style="display: none;" name="desc">{{desc}}</textarea>
                        <textarea style="display: none;" name="img_preview">{{img_preview}}</textarea>
                        <button style="width: 200px;height: 40px; border: none; ">post</button>
                    </form>
                    <br>
                    <br>

                                </div>
                </div>
                
    </main>
    <script src="{% static 'first/script.js' %}"></script>
    <footer class="footer">
      <div class="container" style="background: #212429;">
        <div class="content">
          <label class="gkod_team_label">Made by <label>Gkod</label> team</label
          ><br />
          ggkkoodd@gmail.com
          <br />
          <br />
          <label onclick="window.location.href='/coments'"
            >Форма для обратной связи
            <hr style="max-width: 320px"
          /></label>
        </div>
      </div>
    </footer>
</body>
</html>