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

{% block title %}Suite Consultance - Ajouter un client{% 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 client</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_client') }}">
            <div class="row g-3">
                <!-- Informations client -->
                <div class="col-12">
                    <h5 class="border-bottom pb-2 mb-3">Informations client</h5>
                </div>
                
                <div class="col-md-6">
                    <div class="mb-3">
                        <label for="client_name" class="form-label">Nom du client *</label>
                        <input type="text" class="form-control" id="client_name" name="client_name" required>
                    </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="telephone" class="form-label">Téléphone</label>
                        <input type="tel" class="form-control" id="telephone" name="telephone">
                    </div>
                </div>
                
                <div class="col-md-6">
                    <div class="mb-3">
                        <label for="adresse" class="form-label">Adresse</label>
                        <input type="text" class="form-control" id="adresse" name="adresse">
                    </div>
                </div>
                
                <!-- Informations projet -->
                <div class="col-12">
                    <h5 class="border-bottom pb-2 mb-3 mt-3">Informations projet</h5>
                </div>
                
                <div class="col-md-6">
                    <div class="mb-3">
                        <label for="project_name" class="form-label">Nom du projet *</label>
                        <input type="text" class="form-control" id="project_name" name="project_name" required>
                    </div>
                </div>
                
                <div class="col-md-6">
                    <div class="mb-3">
                        <label for="project_type" class="form-label">Type de projet</label>
                        <input type="text" class="form-control" id="project_type" name="project_type">
                    </div>
                </div>
                
                <div class="col-md-6">
                    <div class="mb-3">
                        <label for="deadline" class="form-label">Date limite</label>
                        <input type="date" class="form-control" id="deadline" name="deadline">
                    </div>
                </div>
                
                <div class="col-md-6">
                    <div class="mb-3">
                        <label for="budget" class="form-label">Budget</label>
                        <input type="text" class="form-control" id="budget" name="budget">
                    </div>
                </div>
                
                <div class="col-12">
                    <div class="mb-3">
                        <label for="project_description" class="form-label">Description du projet</label>
                        <textarea class="form-control" id="project_description" name="project_description" rows="3"></textarea>
                    </div>
                </div>
                
                <div class="col-12">
                    <div class="mb-3">
                        <label for="features" class="form-label">Fonctionnalités (séparées par des virgules)</label>
                        <textarea class="form-control" id="features" name="features" rows="3" placeholder="Fonctionnalité 1, Fonctionnalité 2, ..."></textarea>
                    </div>
                </div>
                
                <!-- Informations complémentaires -->
                <div class="col-12">
                    <h5 class="border-bottom pb-2 mb-3 mt-3">Informations complémentaires</h5>
                </div>
                
                <div class="col-md-6">
                    <div class="mb-3">
                        <label for="payment_terms" class="form-label">Conditions de paiement</label>
                        <input type="text" class="form-control" id="payment_terms" name="payment_terms">
                    </div>
                </div>
                
                <div class="col-md-6">
                    <div class="mb-3">
                        <label for="contact_info" class="form-label">Informations de contact</label>
                        <input type="text" class="form-control" id="contact_info" name="contact_info">
                    </div>
                </div>
                
                <div class="col-12">
                    <div class="mb-3">
                        <label for="additional_info" class="form-label">Informations additionnelles</label>
                        <textarea class="form-control" id="additional_info" name="additional_info" rows="3"></textarea>
                    </div>
                </div>
                
                <div class="col-12 mt-3">
                    <button type="submit" class="btn btn-primary">
                        <i class="fas fa-save"></i> Enregistrer le client
                    </button>
                    <a href="{{ url_for('crm') }}" class="btn btn-outline-secondary">
                        Annuler
                    </a>
                </div>
            </div>
        </form>
    </div>
</div>
{% endblock %}