{% extends 'layouts/base.html' %}

{% block title %}Suite Consultance - Ajouter un prospect{% endblock %}
{% block module_name %}crm{% endblock %}

{% block content %}
<div class="d-flex justify-content-between align-items-center mb-4">
    <h1 class="h2 text-crm">Ajouter un nouveau prospect</h1>
    <a href="{{ url_for('crm') }}" class="btn btn-outline-crm">
        <i class="fas fa-arrow-left"></i> Retour au CRM
    </a>
</div>

<div class="card">
    <div class="card-body">
        <form method="POST" action="{{ url_for('add_prospect') }}">
            <div class="row g-3">
                <!-- Informations de base -->
                <div class="col-12">
                    <h5 class="border-bottom pb-2 mb-3">Informations de base</h5>
                </div>
                
                <div class="col-md-6">
                    <div class="mb-3">
                        <label for="name" class="form-label">Nom du prospect *</label>
                        <input type="text" class="form-control" id="name" name="name" required>
                    </div>
                </div>
                
                <div class="col-md-6">
                    <div class="mb-3">
                        <label for="company" class="form-label">Entreprise</label>
                        <input type="text" class="form-control" id="company" name="company">
                    </div>
                </div>
                
                <div class="col-md-6">
                    <div class="mb-3">
                        <label for="email" class="form-label">Email</label>
                        <input type="email" class="form-control" id="email" name="email">
                    </div>
                </div>
                
                <div class="col-md-6">
                    <div class="mb-3">
                        <label for="phone" class="form-label">Téléphone</label>
                        <input type="tel" class="form-control" id="phone" name="phone">
                    </div>
                </div>
                
                <!-- Source et statut -->
                <div class="col-12">
                    <h5 class="border-bottom pb-2 mb-3 mt-3">Qualification</h5>
                </div>
                
                <div class="col-md-6">
                    <div class="mb-3">
                        <label for="source" class="form-label">Source du prospect</label>
                        <select class="form-select" id="source" name="source">
                            <option value="">-- Sélectionner une source --</option>
                            <option value="Site web">Site web</option>
                            <option value="Recommandation">Recommandation</option>
                            <option value="Réseaux sociaux">Réseaux sociaux</option>
                            <option value="Salon professionnel">Salon professionnel</option>
                            <option value="Publicité">Publicité</option>
                            <option value="Autre">Autre</option>
                        </select>
                    </div>
                </div>
                
                <div class="col-md-6">
                    <div class="mb-3">
                        <label for="status" class="form-label">Statut</label>
                        <select class="form-select" id="status" name="status">
                            <option value="Nouveau">Nouveau</option>
                            <option value="Contacté">Contacté</option>
                            <option value="Qualifié">Qualifié</option>
                            <option value="Proposition">Proposition</option>
                            <option value="Non intéressé">Non intéressé</option>
                        </select>
                    </div>
                </div>
                
                <div class="col-md-6">
                    <div class="mb-3">
                        <label for="last_contact" class="form-label">Dernier contact</label>
                        <input type="date" class="form-control" id="last_contact" name="last_contact" value="{{ today }}">
                    </div>
                </div>
                
                <div class="col-md-6">
                    <div class="mb-3">
                        <label for="tags" class="form-label">Tags (séparés par des virgules)</label>
                        <input type="text" class="form-control" id="tags" name="tags" placeholder="ex: web, urgent, pme">
                    </div>
                </div>
                
                <!-- Informations supplémentaires -->
                <div class="col-12">
                    <h5 class="border-bottom pb-2 mb-3 mt-3">Informations supplémentaires</h5>
                </div>
                
                <div class="col-12">
                    <div class="mb-3">
                        <label for="notes" class="form-label">Notes</label>
                        <textarea class="form-control" id="notes" name="notes" rows="3"></textarea>
                    </div>
                </div>
                
                <div class="col-12">
                    <div class="mb-3">
                        <label for="next_action" class="form-label">Action suivante</label>
                        <textarea class="form-control" id="next_action" name="next_action" rows="2"></textarea>
                    </div>
                </div>
                
                <div class="col-12 mt-3">
                    <button type="submit" class="btn btn-primary">
                        <i class="fas fa-save"></i> Enregistrer le prospect
                    </button>
                    <a href="{{ url_for('crm') }}" class="btn btn-outline-secondary">
                        Annuler
                    </a>
                </div>
            </div>
        </form>
    </div>
</div>
{% endblock %}