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

{% block title %}Suite Consultance - Modifier un prospect{% endblock %}

{% block content %}
<div class="d-flex justify-content-between align-items-center mb-4">
    <h1 class="h2">Modifier le prospect: {{ prospect.name }}</h1>
    <a href="{{ url_for('prospect_details', prospect_id=prospect.id) }}" class="btn btn-outline-secondary">
        <i class="fas fa-arrow-left"></i> Retour aux détails
    </a>
</div>

<div class="card">
    <div class="card-body">
        <form method="POST" action="{{ url_for('edit_prospect', prospect_id=prospect.id) }}">
            <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" value="{{ prospect.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" value="{{ prospect.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" value="{{ prospect.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" value="{{ prospect.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" {% if prospect.source == 'Site web' %}selected{% endif %}>Site web</option>
                            <option value="Recommandation" {% if prospect.source == 'Recommandation' %}selected{% endif %}>Recommandation</option>
                            <option value="Réseaux sociaux" {% if prospect.source == 'Réseaux sociaux' %}selected{% endif %}>Réseaux sociaux</option>
                            <option value="Salon professionnel" {% if prospect.source == 'Salon professionnel' %}selected{% endif %}>Salon professionnel</option>
                            <option value="Publicité" {% if prospect.source == 'Publicité' %}selected{% endif %}>Publicité</option>
                            <option value="Autre" {% if prospect.source == 'Autre' %}selected{% endif %}>Autre</option>
                        </select>
                    </div>
                </div>
                
                <div class="col-md-6">
                    <div class="mb-3">
                        <label for="status" class="form-label">Statut</label>
                        {# Compatibilité enum/chaîne pour le statut #}
                        {% set s = prospect.status %}
                        {% if not (s is string) %}{% set s = s.value %}{% endif %}
                        <select class="form-select" id="status" name="status">
                            <option value="Nouveau" {% if s == 'Nouveau' %}selected{% endif %}>Nouveau</option>
                            <option value="Contacté" {% if s == 'Contacté' %}selected{% endif %}>Contacté</option>
                            <option value="Relancé" {% if s == 'Relancé' %}selected{% endif %}>Relancé</option>
                            <option value="Qualifié" {% if s == 'Qualifié' %}selected{% endif %}>Qualifié</option>
                            <option value="Proposition" {% if s == 'Proposition' %}selected{% endif %}>Proposition</option>
                            <option value="Non intéressé" {% if s == 'Non intéressé' %}selected{% endif %}>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="{{ prospect.last_contact }}">
                    </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" value="{{ prospect.tags|join(', ') }}" 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">{{ prospect.notes }}</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">{{ prospect.next_action }}</textarea>
                    </div>
                </div>
                
                <div class="col-12 mt-3">
                    <button type="submit" class="btn btn-primary">
                        <i class="fas fa-save"></i> Enregistrer les modifications
                    </button>
                    <a href="{{ url_for('prospect_details', prospect_id=prospect.id) }}" class="btn btn-outline-secondary">
                        Annuler
                    </a>
                </div>
            </div>
        </form>
    </div>
</div>
{% endblock %}