{% extends 'base.html' %}

{% load static %}

{% block content %}
<div class="big-container">
    <br><br>    

    <div class="imposed-container">
        <div class="imposed-container-content">
            <p class="site-header">Kontakt</p>
            <p class="imposed-container-text">W celu efektownego skontaktowania się ze mną, 
                proszę użyć poniższego formularza i 
                jeżeli sprawa dotyczy leczenia konkretnego przypadku, proszę o załączenie zdjęcia.</p>
                <form action="#" method="post" enctype="multipart/form-data">
                    {% csrf_token %}
                    {{ form.as_p }}
                    <div class="mb-3">
                        <label for="firstName" class="form-label">Imię</label>
                        <input type="text" class="form-control" id="firstName" name="first_name" required>
                    </div>
                    <div class="mb-3">
                        <label for="lastName" class="form-label">Nazwisko</label>
                        <input type="text" class="form-control" id="lastName" name="last_name" required>
                    </div>
                    <div class="mb-3">
                        <label for="email" class="form-label">E-mail</label>
                        <input type="email" class="form-control" id="email" name="email" required>
                    </div>
                    <div class="mb-3">
                      <label for="text" class="form-label">Tekst</label>
                      <textarea type="text" class="form-control" id="text" name="text" required></textarea>
                    <div class="mb-3">
                        <label for="photo" class="form-label">Zdjęcie</label>
                        <input type="file" class="form-control" id="photo" name="photo" accept="image/*">
                    </div>
                    <button type="submit" class="btn btn-primary">Wyślij</button>
                </form>
        </div>
    </div>

</div>
{% endblock %}