templates/entreprise/new_contrat.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}Nouveau Contrat pour {{ entreprise.raisonSociale }}{% endblock %}
  5. {% block stylesheets %}
  6.     {{ parent() }}
  7.     <link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
  8. {% endblock %}
  10. {% block body %}
  11. {{ include('_header.html.twig') }}
  13. <div class="container mt-4">
  14.     <div class="row">
  15.         <div class="col-md-8 offset-md-2">
  16.             <div class="card">
  17.                 <div class="card-header">
  18.                     <h1 class="h3 mb-0">Créer un nouveau contrat pour {{ entreprise.raisonSociale }}</h1>
  19.                 </div>
  20.                 <div class="card-body">
  21.                 {{ form_start(form, {'attr': {'class': 'needs-validation', 'novalidate': 'novalidate', 'id': 'contrat-form'}}) }}
  22.                     <div class="form-fields-container">
  23.                         {{ form_row(form.entreprise, {
  24.                             'label': 'Entreprise',
  25.                             'label_attr': {'class': 'form-label'},
  26.                             'attr': {'class': 'form-control', 'readonly': 'readonly'}
  27.                         }) }}
  28.                         
  29.                         {{ form_row(form.duree, {
  30.                             'label': 'Durée (en mois)',
  31.                             'label_attr': {'class': 'form-label'},
  32.                             'attr': {'class': 'form-control', 'id': 'duree-input'}
  33.                         }) }}
  34.                         
  35.                         {{ form_row(form.valeur, {
  36.                             'label': 'Valeur',
  37.                             'label_attr': {'class': 'form-label'},
  38.                             'attr': {'class': 'form-control', 'id': 'valeur-input'}
  39.                         }) }}
  40.                         
  41.                         {{ form_row(form.pdl, {
  42.                             'label': 'Point de Livraison (PDL)',
  43.                             'label_attr': {'class': 'form-label'},
  44.                             'attr': {'class': 'form-control select2', 'placeholder': 'Sélectionnez le PDL'}
  45.                         }) }}
  46.                         
  47.                         {{ form_row(form.car, {
  48.                             'label': 'Consommation Annuelle de Référence (CAR)',
  49.                             'label_attr': {'class': 'form-label'},
  50.                             'attr': {'class': 'form-control', 'placeholder': 'Entrez la CAR', 'id': 'car-input'}
  51.                         }) }}
  53.                         {{ form_row(form.prix_moyen, {
  54.                             'label': 'Prix moyen',
  55.                             'label_attr': {'class': 'form-label'},
  56.                             'attr': {'class': 'form-control', 'placeholder': 'Entrez le prix moyen'}
  57.                         }) }}
  59.                         {{ form_row(form.fournisseur, {
  60.                             'label': 'Fournisseur',
  61.                             'label_attr': {'class': 'form-label'},
  62.                             'attr': {'class': 'form-control', 'placeholder': 'Entrez le fournisseur'}
  63.                         }) }}
  65.                         {{ form_row(form.date_debut, {
  66.                             'label': 'Date de début',
  67.                             'label_attr': {'class': 'form-label'},
  68.                             'attr': {'class': 'form-control', 'id': 'date-debut-input'}
  69.                         }) }}
  71.                         {{ form_row(form.date_fin, {
  72.                             'label': 'Date de fin',
  73.                             'label_attr': {'class': 'form-label'},
  74.                             'attr': {'class': 'form-control', 'id': 'date-fin-input'}
  75.                         }) }}
  76.                     </div>
  77.                     
  78.                     <div class="d-grid gap-2 mt-3">
  79.                         <button type="submit" class="btn btn-primary">Créer le contrat</button>
  80.                     </div>
  81.                 {{ form_end(form) }}
  82.                 </div>
  83.             </div>
  84.             <div class="mt-3">
  85.                 <a href="{{ path('app_entreprise_details', {'id': entreprise.id}) }}" class="btn btn-secondary">Retour aux détails de l'entreprise</a>
  86.             </div>
  87.         </div>
  88.     </div>
  89. </div>
  91. {{ include('_footer.html.twig') }}
  92. {% endblock %}
  94. {% block javascripts %}
  95.     {{ parent() }}
  96.     <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
  97.     <script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
  98.     <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
  99.     <script>
  100.         $(document).ready(function() {
  101.             $('.select2').select2();
  103.             // Handle form submission
  104.             $('#contrat-form').on('submit', function(e) {
  105.                 e.preventDefault();
  106.                 
  107.                 // Submit form via AJAX
  108.                 $.ajax({
  109.                     url: $(this).attr('action'),
  110.                     method: 'POST',
  111.                     data: $(this).serialize(),
  112.                     success: function(response) {
  113.                         if (response.success) {
  114.                             // Show confirmation popup for invoice creation
  115.                             Swal.fire({
  116.                                 title: 'Contrat créé avec succès',
  117.                                 text: 'Voulez-vous créer une facture associée à ce contrat ?',
  118.                                 icon: 'success',
  119.                                 showCancelButton: true,
  120.                                 confirmButtonText: 'Oui, créer une facture',
  121.                                 cancelButtonText: 'Non, plus tard'
  122.                             }).then((result) => {
  123.                                 // Always redirect to enterprise details first
  124.                                 window.location.href = '{{ path('app_entreprise_details', {'id': entreprise.id}) }}';
  125.                                 
  126.                                 // If user wants to create invoice, open it in a new tab
  127.                                 if (result.isConfirmed) {
  128.                                     window.open('{{ path('app_compta_facture_new_from_contract', {'id': 'CONTRACT_ID'}) }}'.replace('CONTRACT_ID', response.contractId), '_blank');
  129.                                 }
  130.                             });
  131.                         }
  132.                     }
  133.                 });
  134.             });
  136.             // Function to calculate duration in months
  137.             function calculateDuration() {
  138.                 var dateDebut = $('#date-debut-input').val();
  139.                 var dateFin = $('#date-fin-input').val();
  140.                 
  141.                 if (dateDebut && dateFin) {
  142.                     var start = new Date(dateDebut);
  143.                     var end = new Date(dateFin);
  144.                     var months = (end.getFullYear() - start.getFullYear()) * 12;
  145.                     months -= start.getMonth();
  146.                     months += end.getMonth();
  147.                     // Add 1 if day of month in end date is greater
  148.                     if (end.getDate() > start.getDate()) {
  149.                         months++;
  150.                     }
  151.                     return months <= 0 ? 0 : months;
  152.                 }
  153.                 return null;
  154.             }
  156.             // Function to format date with time component
  157.             function formatDateWithTime(date) {
  158.                 return date.getFullYear() + '-' + 
  159.                     String(date.getMonth() + 1).padStart(2, '0') + '-' + 
  160.                     String(date.getDate()).padStart(2, '0') + ' ' +
  161.                     '00:00:00';
  162.             }
  164.             // Function to calculate contract value and duration
  165.             function calculateContractValues() {
  166.                 var car = parseFloat($('#car-input').val());
  167.                 var dateDebut = $('#date-debut-input').val();
  168.                 var dateFin = $('#date-fin-input').val();
  169.                 var pdl = $('#contrat_pdl').val();
  170.                 var currentValue = parseFloat($('#valeur-input').val());
  171.                 
  172.                 // Only calculate if there's no value or value is 0
  173.                 if (car && dateDebut && dateFin && (!currentValue || currentValue === 0)) {
  174.                     // Format dates with time component
  175.                     var startDate = new Date(dateDebut);
  176.                     var endDate = new Date(dateFin);
  177.                     
  178.                     var formattedStartDate = formatDateWithTime(startDate);
  179.                     var formattedEndDate = formatDateWithTime(endDate);
  181.                     // Calculate and set duration first
  182.                     var duration = calculateDuration();
  183.                     if (duration !== null) {
  184.                         $('#duree-input').val(duration);
  185.                     }
  187.                     // Make AJAX call to get pricing and calculate value
  188.                     console.log('Calculating value...', {
  189.                         car: car,
  190.                         dateDebut: formattedStartDate,
  191.                         dateFin: formattedEndDate,
  192.                         pdl: pdl
  193.                     });
  195.                     $.ajax({
  196.                         url: '{{ path('app_entreprise_calculate_value') }}',
  197.                         method: 'POST',
  198.                         headers: {
  199.                             'X-CSRF-Token': '{{ csrf_token('calculate-value') }}'
  200.                         },
  201.                         data: {
  202.                             car: car,
  203.                             dateDebut: formattedStartDate,
  204.                             dateFin: formattedEndDate,
  205.                             pdl: pdl
  206.                         },
  207.                         success: function(response) {
  208.                             console.log('Response:', response);
  209.                             if (response.value !== undefined) {
  210.                                 $('#valeur-input').val(response.value);
  211.                             } else if (response.error) {
  212.                                 console.error('Error:', response.error);
  213.                             }
  214.                         },
  215.                         error: function(xhr, status, error) {
  216.                             console.error('Error calculating value:', error);
  217.                             console.error('Status:', status);
  218.                             console.error('Response:', xhr.responseText);
  219.                         }
  220.                     });
  221.                 }
  222.             }
  224.             // Trigger calculation when CAR or dates change
  225.             $('#car-input, #date-debut-input, #date-fin-input').change(function() {
  226.                 calculateContractValues();
  227.             });
  229.             // Calculate initial values if all required fields are filled
  230.             if ($('#car-input').val() && $('#date-debut-input').val() && $('#date-fin-input').val()) {
  231.                 calculateContractValues();
  232.             }
  234.             // Also trigger calculation when PDL changes (in case it auto-fills other fields)
  235.             $('#contrat_pdl').change(function() {
  236.                 // Wait a bit for other fields to be populated
  237.                 setTimeout(function() {
  238.                     if ($('#car-input').val() && $('#date-debut-input').val() && $('#date-fin-input').val()) {
  239.                         calculateContractValues();
  240.                     }
  241.                 }, 500);
  242.             });
  243.         });
  244.     </script>
  245. {% endblock %}