{% 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 stand</h1>
        <div class="card-body ">
            <form method="POST" enctype="multipart/form-data">
                {% csrf_token %}
                <div class="form-group my-3">
                <label class="h6" for="">Évènement</label>
                {{form.event}}
                </div>
                
                <div class="form-group my-3">
                    <label class="h6" for="">Type de stand</label>
                    {{form.type}}
                </div>
                <div class="form-group my-3">
                    <label class="h6" for="">Description du stand</label>
                    <input type="text" name="description" class="form-control" id=""  placeholder="">
                </div>
                <div class="row">
                    <div class="col">
                        <label class="h6" for="">Prix</label>
                        <input type="number" class="form-control" name="price" placeholder="Prix">
                    </div>
                    <div class="col">
                        <label class="h6" for="">Stock</label>
                        <input type="number" class="form-control" name="stock" placeholder="Quantité disponible">
                    </div>

                    <div class="col">
                        <label class="h6" for="">Superficie(m2)</label>
                        <input type="number" class="form-control" name="surface" placeholder="Superfice">
                    </div>
                </div>

                

                <div class="form-group my-3">
                    <label class="h6" for="">Photo du stand</label>
                    <input type="file" name="cover" class="w-100 " id=""  placeholder="">
                </div>
    
                <button type="submit" class="btn btn-primary px-5">Ajouter un stand</button>
              </form>
        </div>
      </div>
</div>
{% endblock content %}