La page de détails de facture permet aux utilisateurs de visualiser, modifier et gérer les informations d’une facture spécifique. Elle inclut des outils pour la prévisualisation, l’édition, la validation et la suppression de la facture.

Structure de la Page

  1. En-tête de Page :

    • Boutons d’Action :
      • Éditer la Facture : Permet de modifier les détails de la facture. Accessible via un bouton dans la barre de navigation.
      • Prévisualiser la Facture : Génère et affiche un aperçu PDF de la facture.
      • Valider la Facture : Marque la facture comme validée et peut déclencher des actions supplémentaires comme l’envoi.
    • Modaux de Confirmation :
      • Confirmation de Suppression : Modale demandant une confirmation avant la suppression d’un article de la facture
      • Confirmation d’Édition d’Article : Modale pour modifier les détails des articles de la facture.
  2. Barre de Navigation :

    • Boutons visibles pour les actions principales, y compris l’édition et la prévisualisation.
  3. Contenu de la Facture :

    • En-tête de la Facture :

      • Logo : Affiche le logo de l’entreprise.
      • Numéro de Facture : Identifiant unique de la facture.
      • Dates : Date de création et date de validité.
      • Statut : État actuel de la facture (par exemple, Brouillon).
    • Informations de Contact :

      • Destinataire : Informations de l’entreprise ou de la personne à qui la facture est adressée, y compris l’adresse et le numéro de téléphone.
      • Reçu de : Informations sur l’émetteur de la facture.
    • Tableau des Articles :

      • Colonnes :
        • Réf : Référence de l’article.
        • Nom de l’article : Nom descriptif de l’article.
        • Description : Détails supplémentaires sur l’article.
        • Quantité : Nombre d’unités.
        • Prix Unitaire : Prix par unité.
        • Taux : Taux de TVA applicable.
        • Réduction : Remise appliquée.
        • Total : Coût total pour l’article.
        • Actions : Options pour éditer ou supprimer l’article.
      • Sous-Total : Total avant taxes.
      • TVA : Total des taxes pour chaque taux applicable.
      • Total Final : Montant total de la facture après ajout des taxes et application des réductions.
  4. Formulaires et Tableaux :

    • Formulaire d’Édition d’Article : Permet de modifier les détails des articles directement à partir de la modale.
    • Tableau des Articles : Affiche les articles de la facture avec options pour ajouter de nouveaux articles.

Comportement et Interactions

  • Édition des Articles : Les utilisateurs peuvent cliquer sur un bouton pour modifier les détails des articles dans la modale.
  • Suppression : Les utilisateurs doivent confirmer la suppression via une modale avant que l’article ne soit supprimé.
  • Validation de Facture : En cliquant sur « Valider la facture », le statut de la facture est mis à jour.
  •  

Cette page est conçue pour offrir une vue détaillée de la facture, avec des outils pour gérer les articles, les informations de contact, et les actions administratives telles que l’édition et la suppression. Les modaux facilitent la gestion des actions critiques en confirmant les intentions des utilisateurs.

Après validation de cette facture, les options suivantes seront disponibles :

  • Marquer comme payé : Confirmez le règlement de la facture.
  • Marquer comme annulé : Indiquez que la facture a été annulée.
  • Exporter en PDF : Téléchargez une version PDF de la facture pour vos archives ou pour l'envoyer par email.
  • Envoyer un rappel : Envoyez un message de rappel au client concernant le paiement.