<div class="container">
    <div class="step-content" style="text-align: center; max-width: 700px; margin: 2rem auto;">
        <div class="success-icon" style="color: #dc3545;">⚠️</div>
        <h2>Erreur Technique de Soumission</h2>
        <p style="font-size: 1.1rem; margin: 1rem 0;">
            Nous avons rencontré une erreur inattendue lors de la communication avec le portail de la douane.
            Votre déclaration a bien été générée mais n'a pas pu être soumise automatiquement.
        </p>
        <div class="next-steps-box" ng-if="!submitted">
            <h3>Que faire ?</h3>
            <p>Notre équipe technique a été informée. Pour un suivi personnalisé, veuillez laisser votre adresse e-mail ci-dessous. Nous analyserons le problème et vous recontactons dans les plus brefs délais avec une solution.</p>
            <!-- Added novalidate to ensure AngularJS handles validation (not browser native) -->
            <form name="errorForm" ng-submit="reportError()" style="margin-top: 1.5rem;" novalidate>
                <div class="form-group">
                    <label for="email" style="text-align: left;">Votre adresse e-mail :</label>
                    <input 
                        type="email" 
                        id="email" 
                        class="form-control" 
                        ng-model="data.email" 
                        placeholder="votre.email@exemple.com" 
                        required>

                    <!-- Updated: Show email errors if invalid AND either dirty (for immediate feedback) OR form was submitted (for submit-attempt feedback) -->
                    <div ng-if="errorForm.email.$invalid && (errorForm.email.$dirty || errorForm.$submitted)" style="text-align: left; color: #dc3545; margin-top: 5px;">
                        <span ng-if="errorForm.email.$error.required">Veuillez saisir votre adresse e-mail.</span>
                        <span ng-if="errorForm.email.$error.email">Format d'e-mail invalide (doit contenir @ et .).</span>
                    </div>
                </div>
                <p class="error" ng-if="errorMessage">{{ errorMessage }}</p>
                <div class="form-actions" style="justify-content: center;">
                    <!-- Removed ng-disabled to allow submit attempts even on invalid forms, so we can show errors -->
                    <button type="submit" class="btn btn-primary">
                        Envoyer et être recontacté
                    </button>
                </div>
            </form>
        </div>
        <div class="next-steps-box" ng-if="submitted">
            <h3>Merci !</h3>
            <p>Nous avons bien reçu votre adresse e-mail. Notre équipe est sur le coup et reviendra vers vous très prochainement.</p>
        </div>
    </div>
</div>
