{% extends "base.html" %}
{% block content %}
<div class = "container d-flex align-items-center justify-content-center" style="height:80vh">
    <div class="card col-8 p-5">
        <h1 class="text-center mb-3">Ajouter un évènement</h1>
        <div class="card-body ">
            <form method="POST" enctype="multipart/form-data">
                {% csrf_token %}
                <div class="form-group my-3">
                <label class="h6" for="">Nom de l'évènement</label>
                <input type="text" name="title" class="form-control" id=""  placeholder="">
                </div>
                
                <div class="form-group my-3">
                    <label class="h6" for="">Description de l'évènement</label>
                    <input type="text" name="description" class="form-control" id=""  placeholder="">
                </div>

                <div class="row">
                    <div class="col">
                        <label class="h6" for="">Date de début</label>
                        {% include 'components/date-picker.html' with name='start_date' %}
                    </div>
                    <div class="col">
                        <label class="h6" for="">Date de fin</label>
                        {% include 'components/date-picker.html' with name='end_date' %}
                    </div>
                </div>

                <div class="form-group my-3">
                    <label class="h6" for="">Addresse de l'évènement</label>
                    <input type="text" name="address" class="form-control" id=""  placeholder="">
                </div>

                <div class="form-group my-3">
                    <label class="h6" for="">Affiche de l'évènement</label>
                    <input type="file" name="cover" class="w-100 " id=""  placeholder="">
                </div>
    
                <button type="submit" class="btn btn-primary px-5">Sign in</button>
              </form>
        </div>
      </div>
</div>
{% endblock content %}