{% extends "home/base.html" %}
{% load static %}

{% block styles %}
<link rel="stylesheet" href="{% static 'first/style.css' %}" />
{% endblock %}

{% block headmain %}EKB{% endblock %}

{% block history_dropdown %}
    {% if random_history %}
        {% for ran in random_history %}
            <a href="/{{ran.papka}}/?type={{ran.papka}}&title={{ran.title}}">{{ran.title}}</a>
        {% endfor %}
    {% else %}
        <a href="">ошибка....</a>
    {% endif %}
{% endblock %}


{% block places_dropdown %}
    {% if random_places %}
        {% for ran in random_places %}
            <a href="/{{ran.papka}}/?type={{ran.papka}}&title={{ran.title}}">{{ran.title}}</a>
        {% endfor %}
    {% else %}
        <a href="">ошибка....</a>
    {% endif %}
{% endblock %}


{% block celebrity_dropdown %}
    {% if random_celebrity %}
        {% for ran in random_celebrity %}
            <a href="/{{ran.papka}}/?type={{ran.papka}}&title={{ran.title}}">{{ran.title}}</a>
        {% endfor %}
    {% else %}
        <a href="">ошибка....</a>
    {% endif %}
{% endblock %}


{% block theaters_and_music_dropdown %}
    {% if random_theaters_and_music %}
        {% for ran in random_theaters_and_music %}
            <a href="/{{ran.papka}}/?type={{ran.papka}}&title={{ran.title}}">{{ran.title}}</a>
        {% endfor %}
    {% else %}
        <a href="">ошибка....</a>
    {% endif %}
{% endblock %}



{% block maincontent %}
<style type="text/css">

    

    
    h1 {
        margin-bottom: 20px;
        text-align: center;
        color: #333;
    }
    
    form {
        max-width: 600px;
        margin: 0 auto;
        background-color: #fff;
        padding: 20px;
        border-radius: 10px;
        box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.2);
        margin-top: 40px;
    }
    
    fieldset {
        border: none;
        margin-bottom: 20px;
    }
    

    
    input[type="text"], input[type="email"], input[type="tel"], textarea {
        width: 100%;
        padding: 10px;
        border-radius: 5px;
        border: 1px solid #ccc;
        font-size: 16px;
        margin-bottom: 10px;
        resize: none;
        background-color: #f9f9f9;
    }
    

    
    input[type="submit"] {
        border: none;
        background-color: #333;
        color: #fff;
        padding: 10px 20px;
        border-radius: 5px;
        font-size: 16px;
        cursor: pointer;
    }
    
    input[type="submit"]:hover {
        background-color: #444;
    }
    
    
</style>

<form action="/res" method="">
    {% csrf_token %}
<fieldset>
    <label for="name">Имя:</label>
    <input type="text" id="name" name="name" required>
</fieldset>

<fieldset>
    <label for="email">Email:</label>
    <input type="email" id="email" name="email" required>
</fieldset>

<fieldset>
    <label for="phone">Телефон:</label>
    <input type="tel" id="phone" name="phone" placeholder="+7 XXX XXX XX XX">
</fieldset>

<fieldset>
    <label for="message">Сообщение:</label>
    <textarea id="message" name="message" rows="5" required></textarea>
</fieldset>


<input type="submit" value="Отправить">
</form>
{% endblock %}





{% block js %}
<script src="{% static 'first/script.js' %}"></script>
{% endblock %}