templates/registration/registration_student_registration/show.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}Détails | {{ parent() }}{% endblock %}
  5. {% block body %}
  6.     <div class="breadcrumb">
  7.         <h1 class="mr-2">Inscrits</h1>
  8.         <ul>
  9.             <li><a href="{{ path('default') }}" onclick="$('.loader').addClass('is-active');">Accueil</a></li>
  10.             <li><a href="#">Elèves</a></li>
  11.             <li><a href="{{ path('registration_student_registration_index') }}" onclick="$('.loader').addClass('is-active');">Retour</a></li>
  12.             <li>Détails</li>
  13.         </ul>
  14.     </div>
  15.     <div class="separator-breadcrumb border-top"></div>
  16.     <div class="row mb-4">
  17.         <div class="col-md-12">
  18.             <a href="{{ path('registration_student_registration_print_access_card', {'id': registration_student_registration.id}) }}" target="_blank" class="btn btn-dark"><i class="fa fa-print"></i> Carte d'accès</a>
  19.             <a href="{{ path('registration_student_registration_print_card', {'id': registration_student_registration.id}) }}" target="_blank" class="btn btn-dark"><i class="fa fa-print"></i> Carte de sortie</a>
  20.             <a href="{{ path('registration_student_registration_print_attestation_of_attendance', {'id': registration_student_registration.id}) }}" class="btn btn-dark"><i class="fa fa-print"></i> Attestation de fréquentation</a>
  21.             <a href="{{ path('registration_student_registration_print_acknowledgment_receip', {'id': registration_student_registration.id}) }}" class="btn btn-dark"><i class="fa fa-print"></i> Accusé de réception</a>
  22.             <a href="{{ path('registration_student_registration_print', {'id': registration_student_registration.id}) }}" class="btn btn-dark"><i class="fa fa-print"></i> Fiche Inscription</a>
  23.             {% if registration_student_registration.hasTransportFee %}
  24.                 <a href="{{ path('registration_student_registration_print_transpotantion_sheet', {'id': registration_student_registration.id}) }}" class="btn btn-dark"><i class="fa fa-print"></i> Fiche de transport </a>
  25.             {% endif %}
  26.             <a href="{{ path('registration_student_registration_print_fees_details', {'id': registration_student_registration.id}) }}" class="btn btn-dark"><i class="fa fa-print"></i> Détails Frais </a>
  27.             {% if registration_student_registration.registrationStudentAbandonments|length > 0 and not registration_student_registration.isAbandonne %}
  28.                 {% if is_granted('ROLE_ADMIN') %}
  29.                     <a href="#" class="btn btn-warning" onclick="javascript:actionByPathAndElts('{{path('registration_student_registration_abandon', {'id': registration_student_registration.id})}}')"><i class="fa fa-times"></i> Abandonner</a>
  30.                 {% endif %}
  31.             {% endif %}
  32.         </div>
  33.     </div>
  34.     <div class="card user-profile o-hidden mb-4">
  35.         <div class="user-info mt-24">
  36.             {% if registration_student_registration.image %}
  37.                 <img class="profile-picture avatar-lg mb-2" src="{{ vich_uploader_asset(registration_student_registration) }}" alt="" />
  38.                 {% else %}
  39.                     {% if registration_student_registration.student.image %}
  40.                         <img class="profile-picture avatar-lg mb-2" src="{{ vich_uploader_asset(registration_student_registration.student) }}" alt="" />
  41.                     {% endif %}
  42.             {% endif %}
  43.             <p class="m-0 text-24">{{ registration_student_registration.name }}</p>
  44.             <p class="text-muted m-0">Mle: {{ registration_student_registration.student.registrationNumber != 'AUCUN' ? registration_student_registration.student.registrationNumber : registration_student_registration.student.code }}</p>
  45.             <p class="text-muted m-0">Contact: {{ registration_student_registration.student.notificationPhoneNumber }}</p>
  46.             <p class="text-muted m-0">Classe: {{ registration_student_registration.classroom.label }}</p>
  47.         </div>
  48.         <div class="card-body">
  49.             <ul class="nav nav-tabs profile-nav mb-4" id="profileTab" role="tablist">
  50.                 <li class="nav-item"><a class="nav-link active" id="fees-tab" data-toggle="tab" href="#fees" role="tab" aria-controls="fees" aria-selected="false">Frais</a></li>
  51.                 <li class="nav-item"><a class="nav-link" id="shedul-tab" data-toggle="tab" href="#shedul" role="tab" aria-controls="shedul" aria-selected="true">Echéanciers</a></li>
  52.                 <li class="nav-item"><a class="nav-link" id="payments-tab" data-toggle="tab" href="#payments" role="tab" aria-controls="payments" aria-selected="false">Réçus</a></li>
  53.                 {% if registration_student_registration.accountingCredits|length > 0 %}
  54.                     <li class="nav-item"><a class="nav-link" id="credit-tab" data-toggle="tab" href="#credit" role="tab" aria-controls="credit" aria-selected="false">Avoirs</a></li>
  55.                 {% endif %}
  56.                 <li class="nav-item"><a class="nav-link" id="reportCard-tab" data-toggle="tab" href="#reportCard" role="tab" aria-controls="reportCard" aria-selected="false">Bulletins</a></li>
  57.                 {% if registration_student_registration.hasTransportFee %}
  58.                     <li class="nav-item"><a class="nav-link" id="transport-tab" data-toggle="tab" href="#transport" role="tab" aria-controls="transport" aria-selected="false">Transport</a></li>
  59.                 {% endif %}
  60.             </ul>
  61.             <div class="tab-content" id="profileTabContent">
  62.                 <div class="tab-pane fade active show" id="fees" role="tabpanel" aria-labelledby="fees-tab">
  63.                     <a href="#" class="btn btn-primary" data-toggle="modal" data-target="#addFeeModal">Ajouter</a>
  64.                     {# <a href="#" class="btn btn-warning" data-toggle="modal" data-target="#addAnteriorBalanceModal">Ajouter Solde Anterieur</a> #}
  65.                     {% if is_granted('ROLE_SUPPRESSION_FRAIS') %}
  66.                         <a href="#" class="btn btn-danger" onclick="javascript:actionByPathAndElts('{{path('accounting_student_registration_fees_selected_delete')}}')" id="delete-selected-btn"><i class="fa fa-trash"></i> Supprimer</a>
  67.                     {% endif %}
  68.                     <br /><br />
  69.                     {{ include('accounting/accounting_student_registration_fee/_table.html.twig') }}
  70.                 </div>
  71.                 <div class="tab-pane fade" id="shedul" role="tabpanel" aria-labelledby="shedul-tab">
  72.                     <a href="{{ path('registration_student_registration_print_schedule', {'id': registration_student_registration.id}) }}" class="btn btn-dark mb-3"><i class="fa fa-print"></i> Imprimer l'échéancier</a>
  73.                     <br />
  74.                     {{ include('accounting/accounting_student_registration_fee_shedul/_table.html.twig') }}
  75.                 </div>
  76.                 <div class="tab-pane fade" id="payments" role="tabpanel" aria-labelledby="payments-tab">
  77.                     {{ include('accounting/accounting_student_registration_payment/_table.html.twig') }}
  78.                 </div>
  79.                 {% if registration_student_registration.accountingCredits|length > 0 %}
  80.                     <div class="tab-pane fade" id="credit" role="tabpanel" aria-labelledby="credit-tab">
  81.                         <div class="table-responsive">
  82.                             <table class="display table table-striped table-bordered">
  83.                                 <thead>
  84.                                     <tr>
  85.                                         <th>#</th>
  86.                                         <th>AVOIR N°</th>
  87.                                         <th>Date</th>
  88.                                         <th class="text-center">Montant</th>
  89.                                         <th class="text-center">Etat</th>
  90.                                         <th width="10%" class="text-center">Action</th>
  91.                                     </tr>
  92.                                 </thead>
  93.                                 <tbody>
  94.                                 {% for accounting_credit in registration_student_registration.accountingCredits %}
  95.                                         <tr>
  96.                                             <td>{{ loop.index }}</td>
  97.                                             <td>{{ accounting_credit.id }} [{{ accounting_credit.studentRegistration.student }}] [{{ accounting_credit.studentRegistration.classroom.label }}]</td>
  98.                                             <td>{{ accounting_credit.createDate ? accounting_credit.createDate|date('d/m/Y') : '' }}</td>
  99.                                             <td class="text-center">{{ accounting_credit.amount|number_format(0, ',', ' ') }}</td>
  100.                                             {% if accounting_credit.isValidated %}
  101.                                                 <td class="text-center">VALIDE</td>
  102.                                                 {% else %}
  103.                                                     {% if accounting_credit.amount > 0 %}
  104.                                                         <td class="text-center">EN ATTENTE DE VALIDATION</td>
  105.                                                         {% else %}
  106.                                                             <td class="text-center">BROUILLON</td>
  107.                                                     {% endif %}
  108.                                             {% endif %}
  109.                                             <td class="text-center">
  110.                                                 {% if accounting_credit.isValidated %}
  111.                                                     <a href="{{ path('accounting_credit_print', {'id': accounting_credit.id})}}" class="btn-sm btn-dark"><i class="fa fa-print"></i></a>
  112.                                                     {% else %}
  113.                                                     <a href="{{ path('accounting_credit_student_add', {'id': accounting_credit.studentRegistration.id})}}" class="btn-sm btn-primary"><i class="fa fa-eye"></i></a>
  114.                                                 {% endif %}
  115.                                             </td>
  116.                                         </tr>
  117.                                     {#% endif %#}
  118.                                     {% for accounting_credit_line in accounting_credit.accountingCreditLines %}
  119.                                         <tr>
  120.                                             <td class="text-right"></td>
  121.                                             <td class="text-right text-danger">Réçus N°{{ accounting_credit_line.paymentCode }}</td>
  122.                                             <td>{{ accounting_credit_line.paymentDate ? accounting_credit_line.paymentDate|date('d/m/Y') }}</td>
  123.                                             <td class="text-center">{{ accounting_credit_line.paymentAmount|number_format(0, ',', ' ') }}</td>
  124.                                             <td class="text-center">SUPPRIMER</td>
  125.                                             <td class="text-center">
  126.                                                 <a href="{{ path('preview', {'file': 'RECU_N_' ~ registration_student_registration.student.code ~ '_' ~ accounting_credit_line.paymentCode ~ '.pdf', 'dir': 'cashRegister'})}}" class="btn-sm btn-dark"><i class="fa fa-print"></i></a>
  127.                                             </td>
  128.                                         </tr>
  129.                                     {% endfor %}
  130.                                 {% endfor %}
  131.                                 </tbody>
  132.                             </table>
  133.                         </div>
  134.                     </div>
  135.                 {% endif %}
  136.                 <div class="tab-pane fade" id="reportCard" role="tabpanel" aria-labelledby="reportCard-tab">
  137.                     
  138.                 </div>
  139.                 {% if registration_student_registration.hasTransportFee %}
  140.                     <div class="tab-pane fade" id="transport" role="tabpanel" aria-labelledby="transport-tab">
  141.                         {{ include('registration/registration_student_registration/_transport_checkpoint_table.html.twig') }}
  142.                     </div>
  143.                 {% endif %}
  144.             </div>
  145.         </div>
  146.     </div>
  148.     <div class="modal fade" id="addFeeModal" role="dialog" aria-labelledby="addFeeModal" aria-hidden="true">
  149.         <div class="modal-dialog" role="document">
  150.             <div class="modal-content">
  151.                 <div class="modal-header">
  152.                     <h5 class="modal-title" id="addFeeModal_title">Ajouter frais</h5>
  153.                     <button class="close" type="button" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
  154.                 </div>
  155.                 {{ form_start(accounting_student_registration_fee_form) }}
  156.                     <div class="modal-body">
  157.                         <div class="form-group">
  158.                             <label class="col-form-label" for="accounting_student_registration_fee_fee">Frais:</label>
  159.                             {{ form_widget(accounting_student_registration_fee_form.fee,{'attr': {'class': 'form-control select', 'style': 'width: 100%;'}}) }}
  160.                         </div>
  161.                         <div class="form-group">
  162.                             <label class="col-form-label" for="accounting_student_registration_fee_quantity">Quantité:</label>
  163.                             {{ form_widget(accounting_student_registration_fee_form.quantity,{'attr': {'class': 'form-control', 'style': 'width: 100%;'}}) }}
  164.                         </div>
  165.                         <div class="form-group duration">
  166.                             <label class="col-form-label" for="accounting_student_registration_fee_start_at">Date debut:</label>
  167.                             {{ form_widget(accounting_student_registration_fee_form.start_at,{'attr': {'class': 'form-control', 'style': 'width: 100%;'}}) }}
  168.                         </div>
  169.                     </div>
  170.                     <div class="modal-footer">
  171.                         <button class="btn btn-secondary" type="button" data-dismiss="modal">Annuler</button>
  172.                         <button class="btn btn-primary" onclick="$('.loader').addClass('is-active');" type="submit">Ajouter</button>
  173.                     </div>
  174.                 {{ form_end(accounting_student_registration_fee_form) }}
  175.             </div>
  176.         </div>
  177.     </div>
  178.     {# <div class="modal fade" id="addAnteriorBalanceModal" tabindex="-1" role="dialog" aria-labelledby="addAnteriorBalanceModal" aria-hidden="true">
  179.         <div class="modal-dialog" role="document">
  180.             <div class="modal-content">
  181.                 <div class="modal-header">
  182.                     <h5 class="modal-title" id="addAnteriorBalanceModal_title">Ajouter Solde Anterieur</h5>
  183.                     <button class="close" type="button" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
  184.                 </div>
  185.                 <form method="get">
  186.                     <div class="modal-body">
  187.                         <div class="form-group">
  188.                             <label class="col-form-label" for="anterior_balance_amount">Montant:</label>
  189.                             <input type="number" class="form-control" name="anterior_balance_amount" id="anterior_balance_amount">
  190.                             <input type="hidden" name="__cd_token___" value="soldeAnterieur">
  191.                         </div>
  192.                     </div>
  193.                     <div class="modal-footer">
  194.                         <button class="btn btn-secondary" type="button" data-dismiss="modal">Annuler</button>
  195.                         <button class="btn btn-primary" type="submit">Ajouter</button>
  196.                     </div>
  197.                 </form>
  198.             </div>
  199.         </div>
  200.     </div> #}
  201. {% endblock %}
  203. {% block javascripts %}
  204.     {{ parent() }}
  205.     <script>
  206.         $(document).ready(function () {
  207.             $('.duration').hide();
  208.             $('#addCheckPointBtn').hide();
  209.             $('#registration_transport_checkpoint_transportZone').change(function(){
  210.                 id = $('#registration_transport_checkpoint_transportZone').val();
  211.                 getZoneInfo(id);
  212.             }).trigger("change");
  214.             $('#registration_transport_checkpoint_transportZoneCheckPoint').change(function(){
  215.                 id2 = $('#registration_transport_checkpoint_transportZoneCheckPoint').val();
  216.                 getSheduleInfo(id2);
  217.             });
  219.             $('#accounting_student_registration_fee_fee').change(function(){
  220.                 idFee = $('#accounting_student_registration_fee_fee').val();
  221.                 getFeeHasDuration(idFee);
  222.             }).trigger("change");
  223.         })
  224.         function getZoneInfo(sId) {
  225.             console.log('entity ' + sId);
  226.             path = '{{ path('api_transport_zone_info') }}';
  227.             $('#registration_transport_checkpoint_transportVehicle').html('');
  228.             $('#registration_transport_checkpoint_transportZoneCheckPoint').html('');
  229.             axios.get(path, {
  230.             params: {
  231.                 id: sId,
  232.             }
  233.             }).then(function (response) {
  234.                 console.log(response.data);
  235.                 if(response.data.code == 200){
  236.                     var checkPointOption = '';
  237.                     var carOption = '';
  238.                     for(var i = 0; i < response.data.checkpoints.length; i++){
  239.                         checkPointOption = "<option value=" + response.data.checkpoints[i].id + ">" + response.data.checkpoints[i].name + "</option>";
  240.                         $('#registration_transport_checkpoint_transportZoneCheckPoint').append(checkPointOption);
  241.                     }
  242.                     if(response.data.carId > 0){
  243.                         carOption = "<option value=" + response.data.carId + ">" + response.data.carName + "</option>";
  244.                         $('#registration_transport_checkpoint_transportVehicle').append(carOption);
  245.                     }
  247.                     getSheduleInfo($('#registration_transport_checkpoint_transportZoneCheckPoint').val());
  248.                     
  249.                     $('#addCheckPointBtn').show();
  250.                 }else{
  251.                     console.log(response.data.message);
  252.                     $('#addCheckPointBtn').hide();
  253.                 }
  254.                 console.log(response.data.message);
  255.                 //$(".loader").removeClass("is-active");
  256.             });
  257.         }
  259.         function getFeeHasDuration(sId) {
  260.             console.log('entity ' + sId);
  261.             path = '{{ path('api_setting_fee_has_duration') }}';
  262.             
  263.             axios.get(path, {
  264.             params: {
  265.                 id: sId,
  266.             }
  267.             }).then(function (response) {
  268.                 console.log(response.data);
  269.                 if(response.data.code == 200){
  270.                     $('.duration').show();
  271.                 }else{
  272.                     console.log(response.data.message);
  273.                     $('.duration').hide();
  274.                 }
  275.                 console.log(response.data.message);
  276.             });
  277.         }
  279.         function getSheduleInfo(sId2) {
  280.             console.log('entity ' + sId2);
  281.             path = '{{ path('api_transport_zone_check_point_info') }}';
  282.             $('#registration_transport_checkpoint_morning_schedule').val('recherche...');
  283.             $('#registration_transport_checkpoint_evening_schedule').val('recherche...');
  284.             axios.get(path, {
  285.             params: {
  286.                 id: sId2,
  287.             }
  288.             }).then(function (response) {
  289.                 console.log(response.data);
  290.                 if(response.data.code == 200){
  291.                     $('#registration_transport_checkpoint_morning_schedule').val(response.data.morningSchedule);
  292.                     $('#registration_transport_checkpoint_evening_schedule').val(response.data.eveningSchedule);
  293.                     
  294.                     $('#addCheckPointBtn').show();
  295.                 }else{
  296.                     console.log(response.data.message);
  297.                     $('#addCheckPointBtn').hide();
  298.                 }
  299.                 console.log(response.data.message);
  300.                 //$(".loader").removeClass("is-active");
  301.             });
  302.         }
  304.         function cancelShedul(path, sid) {
  305.             $('#registration_transport_checkpoint_transportVehicle').html('');
  306.             $('#registration_transport_checkpoint_transportZoneCheckPoint').html('');
  307.             axios.get(path, {
  308.             params: {
  309.                 id: sid,
  310.                 amount: $('#registration_transport_checkpoint_transportZoneCheckPoint').html('')
  311.             }
  312.             }).then(function (response) {
  313.                 console.log(response.data);
  314.                 if(response.data.code == 200){
  315.                     var checkPointOption = '';
  316.                     var carOption = '';
  317.                     for(var i = 0; i < response.data.checkpoints.length; i++){
  318.                         checkPointOption = "<option value=" + response.data.checkpoints[i].id + ">" + response.data.checkpoints[i].name + "</option>";
  319.                         $('#registration_transport_checkpoint_transportZoneCheckPoint').append(checkPointOption);
  320.                     }
  321.                     if(response.data.carId > 0){
  322.                         carOption = "<option value=" + response.data.carId + ">" + response.data.carName + "</option>";
  323.                         $('#registration_transport_checkpoint_transportVehicle').append(carOption);
  324.                     }
  326.                     getSheduleInfo($('#registration_transport_checkpoint_transportZoneCheckPoint').val());
  327.                     
  328.                     $('#addCheckPointBtn').show();
  329.                 }else{
  330.                     console.log(response.data.message);
  331.                     $('#addCheckPointBtn').hide();
  332.                 }
  333.                 console.log(response.data.message);
  334.                 //$(".loader").removeClass("is-active");
  335.             });
  336.         }
  338.         function fee_shedul_update_date_due(obj, path) {
  339.             swalWithBootstrapButtons.fire({
  340.                 title: 'Attention!',
  341.                 text: "Etes vous sûr de vouloir effectuer cette action?",
  342.                 icon: 'warning',
  343.                 showCancelButton: true,
  344.                 confirmButtonText: 'OUI',
  345.                 cancelButtonText: 'NON',
  346.             }).then((result) => {
  347.                 if (result.isConfirmed) {
  348.                     $(".loader").addClass("is-active");
  349.                     axios.get(path, {
  350.                     params: {
  351.                         date_due: obj.val(),
  352.                     }
  353.                     }).then(function (response) {
  354.                         console.log(response.data);
  355.                         if(response.data.code == 200){
  356.                             $(".loader").removeClass("is-active");
  357.                             swalWithBootstrapButtons.fire({
  358.                                 title: 'Effectué!',
  359.                                 text: response.data.message,
  360.                                 icon: 'success',
  361.                                 showCancelButton: false,
  362.                                 confirmButtonText: 'OK'
  363.                             }).then((result) => {
  364.                                     if (result.isConfirmed) {
  365.                                         location.reload();
  366.                                     }
  367.                             });
  368.                         }else{
  369.                             console.log(response.data.message);
  370.                             $(".loader").removeClass("is-active");
  371.                             swalWithBootstrapButtons.fire({
  372.                                 title: 'Echèc!',
  373.                                 text: response.data.message,
  374.                                 icon: 'warning',
  375.                                 showCancelButton: false,
  376.                                 confirmButtonText: 'OK'
  377.                             }).then((result) => {
  378.                                     if (result.isConfirmed) {
  379.                                         location.reload();
  380.                                     }
  381.                             });
  382.                         }
  383.                     });
  384.                 }
  385.             });
  386.         }
  387.     </script>
  388. {% endblock %}