{% extends "base.html" %}

{% block content %}
<h1>Контакты</h1>

<div style="display: grid; grid-template-columns: 1fr 1fr; gap: 2rem;">
    <div>
        <h3 style="color: #CD853F;">Наши контакты</h3>
        
        <p><strong>📞 Телефон:</strong><br>
        <span style="font-size: 1.3rem;">+7 (995) 947-00-42</span></p>
        
        <p><strong>💬 WhatsApp / Telegram:</strong><br>
        +7 (995) 947-00-42</p>
        
        <p><strong>✉️ Email: rotacyzxc@gmail.com</strong><br>
       </p>
        
        <p><strong>📍 Адрес:</strong><br>
        г. Белорецк, ул. Точисского, д. 16/2</p>
        
        <p><strong>🕒 Режим работы:</strong><br>
        Понедельник - Пятница: 10:00 - 20:00<br>
        Суббота: 11:00 - 18:00<br>
        Воскресенье: выходной</p>
        
        <p><strong>🚗 Как добраться:</strong><br>
        на такси или пешочком</p>
    </div>
    
    <div>
        <h3 style="color: #CD853F;">Свяжитесь с нами</h3>
        <form method="POST" style="background: #FDF5E6; padding: 1.5rem; border-radius: 10px;">
            <div style="margin-bottom: 1rem;">
                <label>Ваше имя:</label><br>
                <input type="text" name="name" style="width: 100%; padding: 0.5rem; border: 1px solid #CD853F; border-radius: 5px;">
            </div>
            <div style="margin-bottom: 1rem;">
                <label>Email:</label><br>
                <input type="email" name="email" style="width: 100%; padding: 0.5rem; border: 1px solid #CD853F; border-radius: 5px;">
            </div>
            <div style="margin-bottom: 1rem;">
                <label>Сообщение:</label><br>
                <textarea name="message" rows="4" style="width: 100%; padding: 0.5rem; border: 1px solid #CD853F; border-radius: 5px;"></textarea>
            </div>
            <button type="submit" class="btn-primary">Отправить</button>
        </form>
        
        <div style="margin-top: 2rem; background: #CD853F10; padding: 1rem; border-radius: 10px; text-align: center;">
            <p>📱 Мы в соцсетях:</p>
            <p>Instagram | VK | Telegram</p>
            <p style="font-size: 0.9rem; color: #666;">@RoTacy</p>
        </div>
    </div>
</div>
{% endblock %}