{% extends "crm/base.html" %}

{% block content %}
<div class="container padding-bottom">
    <div class="grid-x padding-bottom">
        <div class="cell medium-6 large-6 my-block bubble">
            <h1 class="title">Add New Prospect</h1>

            <form method="post">
                {% csrf_token %}
                <div class="form-group">
                    <label for="entity_name">Entité (nom de club...):</label>
                    <input type="text" name="entity_name" id="entity_name" />
                </div>

                <div class="form-group">
                    <label for="first_name">Prénom:</label>
                    <input type="text" name="first_name" id="first_name" />
                </div>

                <div class="form-group">
                    <label for="last_name">Nom:</label>
                    <input type="text" name="last_name" id="last_name" />
                </div>

                <div class="form-group">
                    <label for="email">Email:</label>
                    <input type="email" name="email" id="email" required />
                </div>

                <div class="form-group">
                    <label for="phone">Téléphone:</label>
                    <input type="text" name="phone" id="phone" />
                </div>

                <div class="form-group">
                    <label for="address">Adresse:</label>
                    <input type="text" name="address" id="address" />
                </div>

                <div class="form-group">
                    <label for="zip_code">Code postal:</label>
                    <input type="text" name="zip_code" id="zip_code" />
                </div>

                <div class="form-group">
                    <label for="city">Ville:</label>
                    <input type="text" name="city" id="city" />
                </div>

                <button type="submit" class="small-button margin-v20">
                    Save Prospect
                </button>
            </form>
        </div>
    </div>
</div>
{% endblock %}
