<?php
/*
  $Id: 
  $OldId: checkout_payment.php,v 1.113 2003/06/29 23:03:27 hpdl Exp $
  $NewId: checkout_payment.php, septembre 2020 Exp $

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2003 osCommerce
  Copyright (c) 2020 Saphyra Interactive

  Released under the GNU General Public License
*/

// -> [SI-LINDER-PARTNER-2][OSC] - Refonte du site Internet pour supporter le Responsive Design
/*

        ATTENTION - le design du site ne peut pas être passé en doctype html (html 5) dans la révision 1 du design.
                    bien qu'une révision 2 sera instanciée plus tard (l'année prochaine), il faudra se contenter de nombreux workaround en restant en HTML TRANSITIONAL 4.01

         Du fait du nombre massif des éléments DE CETTE PAGE (et de ce qui en découlerait) qui seront à revoir pour transformer le design en design responsive..
         .. il est alors plus judicieux de globaliser un TAG unique pour cette tâche pour ne pas alourdir de commentaires le code déjà suffisemment alourdi comme cela!
         
         En gros, ici, pour cette méga-tâche, je vais utiliser un format maison de commentaires pour cette tâche précise:
         --> pour en comprendre les méandres, voir le fichier /[!] - Saphyra-Interactive-TaskList-Explanations/[SI-LINDER-PARTNER-2][OSC]--semantic.php

*/
// <- [SI-LINDER-PARTNER-2][OSC] - Refonte du site Internet pour supporter le Responsive Design
?><?php

  require('includes/application_top.php');

// if the customer is not logged on, redirect them to the login page
  if (!tep_session_is_registered('customer_id')) {
    $navigation->set_snapshot();
    tep_redirect(tep_href_link(FILENAME_LOGIN, '', 'SSL'));
  }

// if there is nothing in the customers cart, redirect them to the shopping cart page
  if ($cart->count_contents() < 1) {
    tep_redirect(tep_href_link(FILENAME_SHOPPING_CART));
  }

// if no shipping method has been selected, redirect the customer to the shipping method selection page
  if (!tep_session_is_registered('shipping')) {
    tep_redirect(tep_href_link(FILENAME_CHECKOUT_SHIPPING, '', 'SSL'));
  }

// avoid hack attempts during the checkout procedure by checking the internal cartID
  if (isset($cart->cartID) && tep_session_is_registered('cartID')) {
    if ($cart->cartID != $cartID) {
      tep_redirect(tep_href_link(FILENAME_CHECKOUT_SHIPPING, '', 'SSL'));
    }
  }

// Stock Check
  if ( (STOCK_CHECK == 'true') && (STOCK_ALLOW_CHECKOUT != 'true') ) {
    $products = $cart->get_products();
    for ($i=0, $n=sizeof($products); $i<$n; $i++) {
      if (tep_check_stock($products[$i]['id'], $products[$i]['quantity'])) {
        tep_redirect(tep_href_link(FILENAME_SHOPPING_CART));
        break;
      }
    }
  }

// if no billing destination address was selected, use the customers own address as default
  if (!tep_session_is_registered('billto')) {
    tep_session_register('billto');
    $billto = $customer_default_address_id;
  } else {
// verify the selected billing address
    $check_address_query = tep_db_query("select count(*) as total from " . TABLE_ADDRESS_BOOK . " where customers_id = '" . (int)$customer_id . "' and address_book_id = '" . (int)$billto . "'");
    $check_address = tep_db_fetch_array($check_address_query);

    if ($check_address['total'] != '1') {
      $billto = $customer_default_address_id;
      if (tep_session_is_registered('payment')) tep_session_unregister('payment');
    }
  }

  require(DIR_WS_CLASSES . 'order.php');
  $order = new order;

  if (!tep_session_is_registered('comments')) tep_session_register('comments');

  $total_weight = $cart->show_weight();
  $total_count = $cart->count_contents();

// load all enabled payment modules
  require(DIR_WS_CLASSES . 'payment.php');
  $payment_modules = new payment;

  require(DIR_WS_LANGUAGES . $language . '/' . FILENAME_CHECKOUT_PAYMENT);

  $breadcrumb->add(NAVBAR_TITLE_1, tep_href_link(FILENAME_CHECKOUT_SHIPPING, '', 'SSL'));
  $breadcrumb->add(NAVBAR_TITLE_2, tep_href_link(FILENAME_CHECKOUT_PAYMENT, '', 'SSL'));
?>
<?php // -> 0000007: ajout de la date d'evenement ?>
<?php
/************************************************************
Permet d'empecher un client des DOM/TOM et suisse de selectionner autre chose que Devis hors france mÃ©tro
dans le choix de la livraison 
*/
 $dest_country = $order->delivery['country']['iso_code_2']; //renvoie le code pays de l'adresse de livraison

$country = array("GP","GF","MQ","YT","RE","PM","NC","PF","TF","FX","WF","CH"); // contient le code des pays concernÃ© par la restriction

if (in_array($dest_country, $country)) { //Detecte si la zone de livraison est concernÃ© 
    $disable_all_exept_devis = "true";
}
else{
   $disable_all_exept_devis = "false"; //la vÃ©rif est faite en JS en dessous 
}


	// Ce code sert Ã  inclure un fichier qui servira de checkup pour dÃ©tecter le navigateur de l'utilisateur.
	// Il s'agit d'un Hack pour IE expliquÃ© dans le fichier 'head_tricks4ie.php'
$passByValidPage = 1;
require_once('head_tricks4ie.php');
?>
<?php // <- 0000007 ?>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=<?php echo CHARSET; ?>">
<title><?php echo TITLE; ?></title>
<base href="<?php echo (($request_type == 'SSL') ? HTTPS_SERVER : HTTP_SERVER) . DIR_WS_CATALOG; ?>">
<link rel="stylesheet" type="text/css" href="stylesheet.css">
<?php
/************************************************************************
<init>[SI-LINDER-PARTNER-2][OSC][MultiTaskDescriptions]:{
    - 1/ on déclare une petite variable, sous forme de tableau associatif,
         ce tableau servira à identifier la page (au lieu d'utiliser PHP_SELF etc..)
         et cette identification servira dans le nouveau fichier d'inclusion de design dynamique inclu en [2]
         c'est tout simple !
    - 2/ inclusion du fichier PHP chargeur du design, ce sera à ce fichier inclu de décider quels assets (scripts, feuilles de styles, autres) charger!                                                              
}
*/
?>
<?php 
// ([1])-->[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::BEGIN
// [RESPONSIVE_DESIGN_2020_IMPLEMENTATION_CARDBOARD_2020_SAPHYRA_INTERACTIVE_ETAPE_1]
$_SI__NewDesign = array(
    'pageFilepath' => '/checkout_payment.php'
);
// ([1])-->[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::END
// ([2])-->BEGIN[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::END
require_once('--SI--2020DesignInitializer.php');
/*
<exit>[SI-LINDER-PARTNER-2][OSC][MultiTaskDescriptions]
************************************************************************/
?>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
<script type="text/javascript">var $j = $.noConflict(true);</script>

<?php // -> 0000007: ajout de la date d'evenement ?>
<?php
// code_chris: START
$FromAuthorizedLocation = 1;
include('jquery_integrator.php');
// code_chris: STOP
?>
<?php // <- 0000007 ?>
<?php echo $payment_modules->javascript_validation(); ?>
</head>
<?php // <BEGIN::init>[SI-LINDER-PARTNER-2][OSC][AddClassDescription(isPage--CheckoutPayment isResponsive--Main)]:{" ATTENTION (ne pas oublier cette ligne!) servira à cibler cette page précise dans un sélecteur css..
// [RESPONSIVE_DESIGN_2020_IMPLEMENTATION_CARDBOARD_2020_SAPHYRA_INTERACTIVE_ETAPE_2] "}<exit::END> ?>
<body marginwidth="0" marginheight="0" topmargin="0" bottommargin="0" leftmargin="0" rightmargin="0" class="isPage--CheckoutPayment isResponsive--Main">
<!-- header //-->
<?php require(DIR_WS_INCLUDES . 'header.php'); ?>
<!-- header_eof //-->

<!-- body //-->

<?php // <BEGIN::init>[SI-LINDER-PARTNER-2][OSC][SimpleTaskDescription]:{" on requière l'inclusion unique du tout nouveau fragment contenant le tout nouveau fil d'ariane correspondant aux étapes du processus de commande, et cela invalide l'entièreté de l'ancien fil d'arianne des étapes du processus de commande (voir CODETAG[VTAB_1_OLD_BREADCRUMBAR_ORDER_STEPS]) "}<exit::END> ?>
<?php // [VTAB_1_NEW_FRAGMENT_BREADCRUMBAR_ORDER_STEPS]
require_once('includes/vtab_fragment_breadcrumbar_order_steps.php'); ?>

<table border="0" width="100%" cellspacing="3" cellpadding="3">
  <tr>
    <?php // <BEGIN::init>[SI-LINDER-PARTNER-2][OSC][SimpleTaskDescription]:{" on modifie la taille de cette cellule, qui est celle de gauche (avant) gérée via la constante PHP BOX_WIDTH de OSCommerce, (désormais), gérée par une valeur en dur, pourquoi? (1) la valeur initiale est gérée par une constante PHP, mais sa valeur... est aussi la modificatrice de la cellule de droite.. Ce qui pose problème quand on veut juste modifier celle de gauche et ne pas intervenir sur celle de droite, donc, ici, on modifie le echo BOX_WIDTH par une valeur fixée plus souple et enfin, on ajoute une classe pour pouvoir cibler cette cellule de tableau afin de la masquer en responsive ou autres !
    // [RESPONSIVE_DESIGN_2020_IMPLEMENTATION_CARDBOARD_2020_SAPHYRA_INTERACTIVE_ETAPE_3] "}<exit::END> ?>
    <td width="<?php echo '350'; ?>" valign="top" class="--siteColumnLeft"><table border="0" width="<?php echo '350'; ?>" cellspacing="0" cellpadding="2">
<!-- left_navigation //-->
<?php require(DIR_WS_INCLUDES . 'column_left.php'); ?>
<!-- left_navigation_eof //-->
    </table></td>
<!-- body_text //-->
    <td width="100%" valign="top"><?php echo tep_draw_form('checkout_payment', tep_href_link(FILENAME_CHECKOUT_CONFIRMATION, '', 'SSL'), 'post', 'onsubmit="return check_form();"'); ?><table border="0" width="100%" cellspacing="0" cellpadding="0">
      <tr>
        <td><table border="0" width="100%" cellspacing="0" cellpadding="0">
          <tr><?php
            /*
            ************************************************************************
            <init>[SI-LINDER-PARTNER-2][OSC][MultiTaskDescriptions]:{
                - 1/ petits changements sur la structure et sur le texte
                     sert uniquement à restyliser l'élément pour le centrer par exemple et le re-marger
                - 2/ on modifie l'ancien texte "Information paiement" par "Renseignements pour le Paiement"
                - 3/ à l'origine, ici, il y avait une image, désormais, en attendant d'éventuellement lui trouver une belle image, on va alors la commenter
                [VTAB-TEAM-LINDER-PARTNER-1][OSC][MultiTaskDescriptions] - Revue de la charte Graphique:
                - 1/ supression d'un texte devenu inutile ici
                     mise en commentaire, l'ancienne factorisation était incorrecte
            }
            */
            ?>
            <?php // ([1])-->[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::BEGIN ?>
            <?php // ([1])-->[VTAB-TEAM-LINDER-PARTNER-1][OSC][SubTaskDescription]::BEGIN ?>
            <?php
            /*
            // [VTAB_1_OSC_MORE_DETAILS_ABOUT_PAYMENT]
            <?php // ([1])-->[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::BEGIN ?>
            <td class="pageHeading --pageCheckoutPaymentHeadingCellTitle">
                <span class="--pageCheckoutPaymentHeadingSpanTitle">
                    <?php // ([2])-->BEGIN[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::END ?>
                    <?php echo str_replace(HEADING_TITLE, 'Renseignements pour le Paiement', HEADING_TITLE); ?>
                </span>
            </td>
            */
            ?>
            <?php // ([1])-->[VTAB-TEAM-LINDER-PARTNER-1][OSC][SubTaskDescription]::END ?>
            <?php // ([3])-->BEGIN[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::END ?>
            <?php // ([1])-->[VTAB-TEAM-LINDER-PARTNER-1][OSC][SubTaskDescription]::END ?>
            <td class="pageHeading" align="right"><?php // echo tep_image(DIR_WS_IMAGES . 'table_background_payment.gif', HEADING_TITLE, HEADING_IMAGE_WIDTH, HEADING_IMAGE_HEIGHT); ?></td>
            <?php // ([1])-->[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::END ?>
            <?php
            /*
            <exit>[SI-LINDER-PARTNER-2][OSC][MultiTaskDescriptions]
            ************************************************************************
            */
            ?>
          </tr>
        </table></td>
      </tr>
      <tr>
        <td><?php echo tep_draw_separator('pixel_trans.gif', '100%', '10'); ?></td>
      </tr>
<?php
  if (isset($HTTP_GET_VARS['payment_error']) && is_object(${$HTTP_GET_VARS['payment_error']}) && ($error = ${$HTTP_GET_VARS['payment_error']}->get_error())) {
?>
      <tr>
        <td><table border="0" width="100%" cellspacing="0" cellpadding="2">
          <tr>
            <td class="main"><b><?php echo tep_output_string_protected($error['title']); ?></b></td>
          </tr>
        </table></td>
      </tr>
      <tr>
        <td><table border="0" width="100%" cellspacing="1" cellpadding="2" class="infoBoxNotice">
          <tr class="infoBoxNoticeContents">
            <td><table border="0" width="100%" cellspacing="0" cellpadding="2">
              <tr>
                <td><?php echo tep_draw_separator('pixel_trans.gif', '10', '1'); ?></td>
                <td class="main" width="100%" valign="top"><?php echo tep_output_string_protected($error['error']); ?></td>
                <td><?php echo tep_draw_separator('pixel_trans.gif', '10', '1'); ?></td>
              </tr>
            </table></td>
          </tr>
        </table></td>
      </tr>
      <tr>
        <td><?php echo tep_draw_separator('pixel_trans.gif', '100%', '10'); ?></td>
      </tr>
<?php
  }
?>
      <tr>
        <td><?php
        /*
        ************************************************************************
        <init>[SI-LINDER-PARTNER-2][OSC][MultiTaskDescriptions]:{
            - 1/ on va pas se mentir, cette partie de code mixant html et php a une structure de code affreuse pour la relecture développeur, mais, de toutes façons, on restructurera quelques morceaux clefs!
                 au lieu de cela, on va ajouter un tas de petites modifications, des classes, des styles, et peut-être du comportement à différents éléments de ce tableau
                   à noter que cette partie de code du tableau contient le contenu visuel de la page                      
            - 2/ on va ajouter une classe au tableau (<table>..</table>)
                   cette classe servira à pouvoir cibler plus efficacement cette partie sensible du design, autant en affichage normal qu'en responsive
            - 3/ on ajoute une cellule de plus afin de pouvoir afficher l'état d'importance de la section
            - 4/ on va ajouter une classe à la cellule du tableau (<td>..</td>)
                   cette classe servira à pouvoir cibler plus efficacement cette partie sensible du design, autant en affichage normal qu'en responsive
                   au besoin.. (impossible de se priver, ça n'en sera que plus facile à relire le code plus tard), on restructure
                   au besoin.. on ajoute des sauts de lignes <br>
            - 5/ on va ajouter une classe à la cellule du tableau (<td>..</td>)
                   cette classe servira à pouvoir cibler plus efficacement cette partie sensible du design, autant en affichage normal qu'en responsive
                   au besoin.. (impossible de se priver, ça n'en sera que plus facile à relire le code plus tard), on restructure
                   au besoin.. on ajoute des sauts de lignes <br>
                   au besoin.. on commente l'image
                   on rajoute un double-point et/ou un espace après le texte
            - 6/ à cet emplacement, on va juste afficher un icone à l'aide de Material Icons
            - 7/ à la différence des autres pages, ici, on va restyliser chaque <tr>, et on va pas y aller de mains-mortes:
                    on va ajouter une classe à la ligne du tableau (<tr>..</tr>)
                    cette classe servira à pouvoir cibler plus efficacement cette partie sensible du design, autant en affichage normal qu'en responsive
                    on va aussi reformater au cas par cas la structure HTML, car là, c'est pas très lisible pour un développeur qui éditerai le code plus tard
            - 8/ on va aussi donner une classe à la cellule ici, de manière à forcer son style d'affichage visuel
            - 9/ on place un <span> ici afin de pouvoir restyliser précisemment CET élément, ce qui nous oblige à lui donner une classe pour l'occasion, ici on affiche l'indicateur d'état comme adresse principale
                 on utiliser ici différentes balises <span> pour symboliser la valeur de l'élément listé avec des classes différentes, car certains <span> doivent afficher des informations "statiques" d'autres dynamiques
            - 10/ à cet emplacement, on va juste donner une classe à la cellule
                    et y afficher un icone à l'aide de Material Icons à la place de l'initiale image de conteneur-fake de séparateur (commentée pour l'occasion)
            - 11/ on donne une classe CSS aux liens href
                  et éventuellement on modifie leur texte et leur classe initiales
            - 12/ on ajoutes des classes UI-Kit à l'élément de formulaire afin de lui donner plus de style, et on le restructure un peu
            - 13/ on a besoin de traiter différemment l'affichage des moyens de paiement, certains seront alors traités différemment, en fait, ici, on va juste donner une icone différente selon le mode de paiement
                   voir les étapes respectives pour tout ça
                     et afin de vérifier cela, à travers l'itération, on amorce un switch() pour trouver la valeur du NOM (id) MOYEN DE PAIEMENT, et agir en conséquence
                       vérification des cas des paiements qui:
                         nécéssitent une carte bleue
                         nécéssitent un chèque
                         nécéssitent une carte bleue
                         nécéssitent un devis
                         nécéssitent un virement
                         nécéssitent d'aller au magasin physique pour payer
            - 14/ ici on revoit UNIQUEMENT l'affichage visuel de la date d'évènement, pas son système, cela implique de modifier 3 fichiers pour son fonctionnement!
                  - le premier: /includes/date_event.php
                      qui en réalité charge et génère tout le formatage HTML du bouton de date et du calendrier
                        on va juste avoir besoin ici de reformater visuellement le bouton de date! (pas le calendrier)
                  - le deuxième: /js_includes/jQueryUI/Modules/datePicker/jquery.ui.datepicker.js
                      qui lui est tout bonnement l'ensemble du code javascript du plugin DatePicker pour jQuery UI (framework visuel pour jQuery)
                        on va seulement intercepter le droit à Google de traduire le calendrier, et l'interdire de traduction automatique
                  - le troisième: ce fichier même où vous lisez ces lignes
                      tout cela est affiché à cet endroit (voir CODETAG [ALTERATION_OF_OLD_DESIGN_BUTTON_DATE_OF_EVENT_WILL_BE_DISPLAYED_HERE])
                      voici ce qu'on y fait
                        on donne à la cellule une largeur de 20% (sinon le bouton serait coupé en deux), donc on ajoute l'attribut width à la cellule
                        on donne à la cellule un alignement central (sinon c'est pas joli), donc on altère l'attribut align de la cellule
                        on donne à la cellule un alignement en haut (sinon c'est pas joli), donc on ajoute l'attribut valign à la cellule
                        on corrige les accents des commentaires cassés suite à l'encodage ISO8859-1n <=> UTF8
                      puis l'on fera un dernier truc, qui sera expliqué dans à étapes [15]
            - 15/ alors là on revoit UNIQUEMENT l'affichage visuel du bouton continuer (de OSCommerce), qui est bloqué si on n'a pas choisi de date d'évènement, ce qui est ce que l'on veut
                  voici ce qu'on va faire
                    on revoit son design (tout en implémentant le code de bloquage du bouton si aucune date d'évènement n'est saisie) pour l'adapter au design du reste
                    on retravaille son code de manière à l'aérer
                    on reformate aussi de manière à moins utiliser PHP pour écrire le javascript à cet endroit
                    on ajoute un évènement ondblclick (pour effectuer autant l'avertissement sur un double clic, mais si on clique sauvagement à la suite, on pourra quand même passer outre cette 'protection'..
                    on n'affiche plus la fenêtre d'ALERT en javascript, mais via une superbe fenêtre modale construite en [17] via UI Kit (et quelques classes CSS de mon cru)
            - 16/ remplacement de l'ancien bouton (lien) ou (soumission), pour l'avoir désormais géré par UI Kit, mais aussi, avec une classe précise
            - 17/ on va maintenant construire une structure Modale ici, c'est pas compliqué, on choisi une fenêtre modale avec la possibilité de bouton et de titre, afin d'afficher l'avertissement initial modifié en [15]
                  on déclenchera l'affichage de la modale en effectuant la simulation d'un clic sur le lien <a> ici de [15]
                  on donne différentes classes CSS à la fenêtre modale, mais en réalité, très peu seront stylisée, il n'y a pas besoin de grand chose là
                  en revanche,
                    on remplace tout les sauts de lignes JAVSCRIPT (\n) par des sauts de lignes HTML (<br>)
                      (car la chaîne TEXT_DISPLAY_EVENTDATE_DATEISREQUIRED ne contient pas de HTML, vu que c'était censé initialement s'afficher depuis une alert() javascript, ce qui n'était vraiment plus très beau en 2020
                        NOTE - les \n étaient des SAUTS DE LIGNES au format Javascript pour sauter des lignes dans l'affichage de l'alert()
                    on retire les éventuels derniers slash '/' avec stripslashes()
                    on retire enfin les éventuels espaces AVANT et APRES la chaîne avec trim()
            - 18/ ici, une incohérence de cette page, et surtout de nativement OSCommerce doit être réglée..
                  en effet, OSCommerce veut créér un pixel (à l'époque c'était requis pour cette connerie de Internet Explorer), pour correctement positionner le tableau, sauf que..
                    ben, ça utilise:
                      tep_draw_separator('pixel_silver.gif', ....)
                    au lieu de:
                      tep_draw_separator('pixel_trans.gif', ....)
                  ce qui cause le pixel imagé, à s'afficher (très estompé, mais visible quand même!)
                  donc, on remplace ici:
                    pixel_silver.gif
                  par
                    pixel_trans.gif
                 ça fonctionnait..
                 mais, on avait un décalage au final avec notre bel icone Material Icons, désormais implémenté en [19]
                 résultat des courses, on va juste... placer un style="display: none !important;" sur chaque cellule contenant un pixel_silver de manière à dissimuler la cellule et réagencer proprement l'icone Material Icons
            - 19/ ici, on va utiliser un icone material icone à la place de l'ancienne image que l'on va virer, pas commenter, elle n'ira jamais dans le nouveau design de par sa vieillesse visuelle
            - 20/ on va juste recentrer la cellule, cela centre proprement l'icone Material Icons désormais avec le Texte de l'étape actuelle dans la procédure de commande
            - 21/ on ajoute un nom de classe CSS qui nous servira à spécifiquement cibler cet élément soit en responsive, soit sans responsive
            - 22/ ajout d'une structure TOTALEMENT nouvelle, qui affichera un tableau avant le tableau initial
                   (ne pas utiliser <tr> après </table> ou avant <table ... > au risque de décaler les cellules du design et de le casser ainsi que le </form> de fin qui casserait aussi
                  ce nouveau tableau était censé n'apparaître qu'en responsive (car dans les étapes plus bas (la route à étape: Steps, presque en fin de page), les icones s'affichent mal en responsive
                    au final, ce nouveau tableau apparaîtra autant en responsive qu'en affichage standard
                     en revanche, cela nous permettra en responsive de masquer la cellule checkoutBarFrom qui.. ne servirait alors à rien... ca s'affichera mal, et cela via le fichier de media queries prévu à cet effet
                       déjà pour l'ensemble du design
            [VTAB-TEAM-LINDER-PARTNER-1][OSC][MultiTaskDescriptions] - Revue de la charte Graphique:
            - 1/ ajout du nouveau bouton vtab à la place de l'ancien bouton, géré par la fonction vtab_tep_button() qui se trouve dans le fichier vtab_html_output.php 
                 cela remplace l'étape [16] de la tâche [SI-LINDER-PARTNER-2][OSC]
            - 2/ retrait table "saviez-vous"
            - 3/ on invalide l'affichage (on le commente pour l'instant) de tout l'ancien système de fil d'arianne correspondant aux étapes du processus de commande (voir CODETAG[VTAB_1_OLD_BREADCRUMBAR_ORDER_STEPS])
                 il s'affiche désormais différemment en haut de page, ailleurs (voir CODETAG[VTAB_1_NEW_FRAGMENT_BREADCRUMBAR_ORDER_STEPS])
            - 4/ suppression de l'attribut width, et ajout d'une classe CSS en vue de donner à l'élément une possibilité de le cibler plus tard
            - 5/ retrait du titre de la page "renseignements pour paiements  (voir CODETAG[VTAB_1_OSC_MORE_DETAILS_ABOUT_PAYMENT])
            - 6/ retrait titre section "Ajoutez des commentaires" 
            - 7/ retrait titre section "Acceptation des conditions générales de vente" 
            - 8/ on retire les textes "informations requises", cette information sera mise en avant lorsque l'utilisateur clique sur le bouton qui passe à la page checkout_payment.
                  à trois endroits : dans <tr> adresse d'expédition, méthode d'expédition, continuer la procédure de commande
            - 9/ retrait des CGV pour le moment laissé en commentaire
            - 10/ retrait du bloc étiquetté comme "Facultatif"
            - 11/ ajout de classe CSS ici pour pouvoir cibler l'élément HTML plus facilement plus tard
            - 12/ modification du texte à travers un str_replace() ici
        }
        */
        ?>
        <?php // ([1])-->[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::BEGIN ?>
        <?php // ([22])-->[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::BEGIN ?>
        <?php // ([2])-->[VTAB-TEAM-LINDER-PARTNER-1][OSC][SubTaskDescription]::BEGIN ?>
        <?php
        /*
        <table border="0" width="100%" cellspacing="0" cellpadding="2" class="--pageCheckoutPaymentMainTableCategoryDidYouKnowThat">
          <tr>
            <td class="main"><b><?php echo '<u>Saviez-vous que :</u>'; ?></b></td>
          </tr>
          <tr>  
            <td class="main --pageCheckoutPaymentSubCellCategoryDidYouKnowThatDescription" width="50%" valign="top" colspan="4">
                <?php
                    echo
                        'Si vous avez commis une erreur,'
                        . '<br>'
                        . '&nbsp;vous pouvez revenir à l\'étape précédente'
                        . '<br>'
                        . '&nbsp;&nbsp;<strong><em>pour</em></strong>&nbsp;&nbsp;';                            
                ?><?php
                    echo
                        '<a href="' . tep_href_link(FILENAME_CHECKOUT_SHIPPING, '', 'SSL') . '"'
                    . ' class="uk-link --hrefLink__type5">'
                            . str_replace(CHECKOUT_BAR_DELIVERY, 'Corriger les informations d\'Expédition', CHECKOUT_BAR_DELIVERY)
                    . '</a>'
                    . '<br>';
                ?>
            </td>
          </tr>
        </table>
        */
        ?>
        <?php // ([2])-->[VTAB-TEAM-LINDER-PARTNER-1][OSC][SubTaskDescription]::END ?>
        <?php // ([22])-->[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::END ?>        
        <?php // ([2])-->[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::BEGIN ?>                    
        <table border="0" width="100%" cellspacing="0" cellpadding="2" class="--pageCheckoutPaymentMainTableCategorySection">
          <tr>
            <td class="main"><b><?php echo TABLE_HEADING_BILLING_ADDRESS; ?></b></td>
            <?php // ([3])-->BEGIN[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::END ?>
            <?php // ([8])-->[VTAB-TEAM-LINDER-PARTNER-1][OSC][SubTaskDescription]::BEGIN ?>
            <?php
            /*
            <td class="inputRequirement" align="right"><?php echo FORM_REQUIRED_INFORMATION; ?></td>
            */
            ?>
            <?php // ([8])-->[VTAB-TEAM-LINDER-PARTNER-1][OSC][SubTaskDescription]::END ?>
          </tr>
        </table>
        <?php // ([2])-->[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::END ?></td>
      </tr>
      <tr>
        <td><table border="0" width="100%" cellspacing="1" cellpadding="2" class="infoBox">
          <tr class="infoBoxContents">
            <td><table border="0" width="100%" cellspacing="0" cellpadding="2">
              <tr>
                <td><?php echo tep_draw_separator('pixel_trans.gif', '10', '1'); ?></td> 
                <?php // ([4])-->[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::BEGIN ?>
                <?php // ([16])-->[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::BEGIN ?>
                <?php // ([1])-->[VTAB-TEAM-LINDER-PARTNER-1][OSC][SubTaskDescription]::BEGIN ?>
                <td class="main --pageCheckoutPaymentSubCellCategorySectionDescription" width="50%" valign="top">
                    <?php
                        echo
                            TEXT_SELECTED_BILLING_DESTINATION
                            . '<br><br>';
                    ?>          
                      <?php
                          $arg_action = tep_href_link(FILENAME_CHECKOUT_SHIPPING_ADDRESS, '','SSL');
                          echo vtab_tep_button('SMALL_EDIT', $arg_action);
                      ?> 
                <?php // ([1])-->[VTAB-TEAM-LINDER-PARTNER-1][OSC][SubTaskDescription]::END ?>    
                <?php // ([16])-->[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::END ?>
                <?php // ([4])-->[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::END ?>
                </td>
                <td align="right" width="50%" valign="top"><table border="0" cellspacing="0" cellpadding="2">
                  <tr>
                    <?php // ([5])-->[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::BEGIN ?>
                    <?php // ([21])-->BEGIN[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::END ?>
                    <td class="main --pageCheckoutPaymentSubCellCategorySectionSideLabel __responsiveCellHackForPaymentAdressSelectionFromAdressBook" align="center" valign="top">
                        <?php
                            echo
                                '<b>'
                                . TITLE_BILLING_ADDRESS
                                . '&nbsp;</b>
                                <br>'
                                /*. tep_image(DIR_WS_IMAGES . 'arrow_south_east.gif')*/;
                        ?>
                    </td>
                    <?php // ([5])-->[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::END ?>
                    <td><?php echo tep_draw_separator('pixel_trans.gif', '10', '1'); ?></td> 
                    <?php // ([4])-->[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::BEGIN ?>
                    <td class="main --pageCheckoutPaymentSubCellCategorySectionMainAdress" valign="top">
                        <?php
                            echo
                                tep_address_label(
                                    $customer_id,
                                    $billto,
                                    true,
                                    ' ',
                                    '<br>'
                                );
                        ?>
                    </td>
                    <?php // ([4])-->[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::END ?>
                    <td><?php echo tep_draw_separator('pixel_trans.gif', '10', '1'); ?></td> 
                  </tr>
                </table></td>
              </tr>
            </table></td>
          </tr>
        </table></td>
      </tr>
      <tr>
        <td><?php echo tep_draw_separator('pixel_trans.gif', '100%', '10'); ?></td>
      </tr>
      <tr>
        <td>
        <?php // ([2])-->[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::BEGIN ?>
        <table border="0" width="100%" cellspacing="0" cellpadding="2" class="--pageCheckoutPaymentMainTableCategorySectionPhase">
          <tr>
            <td class="main"><b><?php echo TABLE_HEADING_PAYMENT_METHOD; ?></b></td>
            <?php // ([3])-->BEGIN[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::END ?>
            <?php // ([8])-->[VTAB-TEAM-LINDER-PARTNER-1][OSC][SubTaskDescription]::BEGIN ?>
            <?php
            /*
            <td class="inputRequirement" align="right"><?php echo FORM_REQUIRED_INFORMATION; ?></td>
            */
            ?>
            <?php // ([8])-->[VTAB-TEAM-LINDER-PARTNER-1][OSC][SubTaskDescription]::END ?>
          </tr>
        </table>
        <?php // ([2])-->[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::END ?>
        </td>
      </tr>
      <tr>
        <?php // ([11])-->BEGIN[VTAB-TEAM-LINDER-PARTNER-1][OSC][SubTaskDescription]::END ?>
        <td><table border="0" width="100%" cellspacing="1" cellpadding="2" class="infoBox --pageCheckoutPaymentTableBackground">
          <tr class="infoBoxContents">
            <td><table border="0" width="100%" cellspacing="0" cellpadding="2">
<?php
  $selection = $payment_modules->selection();

  if (sizeof($selection) > 1) {
?>
              <tr>
                <td><?php echo tep_draw_separator('pixel_trans.gif', '10', '1'); ?></td>
                <?php // ([10])-->[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::BEGIN ?>
                <td class="main --pageCheckoutPaymentSubCellCategorySectionChooseZone" width="1%" valign="top" align="center">
                    <?php // echo tep_draw_separator('pixel_trans.gif', '10', '1'); ?>
                    <span class="--__vanillaContent__addPaymentIcon"><i class="material-icons">play_for_work</i></span>
                </td>
                <?php // ([5])-->[VTAB-TEAM-LINDER-PARTNER-1][OSC][SubTaskDescription]::BEGIN ?>
                <?php
                /*
                <?php // ([10])-->[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::END ?>
                <?php // ([5])-->[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::BEGIN ?>
                <?php // ([21])-->BEGIN[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::END ?>
                <td class="main --pageCheckoutPaymentSubCellCategorySectionSideLabel __responsiveCellHackForPaymentMethodSelectionFromPaymentModule" width="50%" valign="top">
                    <?php
                        echo
                            TEXT_SELECT_PAYMENT_METHOD;
                    ?>
                </td>
                <td class="main --pageCheckoutPaymentSubCellCategorySectionChooseZone" width="50%" valign="top" align="right">
                    <?php
                        echo 
                            '<b>'
                                . TITLE_PLEASE_SELECT
                            . '</b>'
                            . '<br>'
                            // ([6])-->BEGIN[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::END
                            . '<span class="--__content__addPaymentIcon"><i class="material-icons">play_for_work</i></span>'
                            //. tep_image(DIR_WS_IMAGES . 'arrow_east_south.gif');
                    ?>
                </td>
                <?php // ([5])-->[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::END ?>
                */
                ?>
                <?php // ([5])-->[VTAB-TEAM-LINDER-PARTNER-1][OSC][SubTaskDescription]::END ?>
                <td><?php echo tep_draw_separator('pixel_trans.gif', '10', '1'); ?></td>
              </tr>
<?php
  } else {
?>
              <tr>
                <td><?php echo tep_draw_separator('pixel_trans.gif', '10', '1'); ?></td>
                <?php // ([10])-->[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::BEGIN ?>
                <td class="main --pageCheckoutPaymentSubCellCategorySectionChooseZone" width="1%" valign="top" align="center">
                    <?php // echo tep_draw_separator('pixel_trans.gif', '10', '1'); ?>
                    <span class="--__content__addPaymentIcon"><i class="material-icons">play_for_work</i></span></span>
                </td>
                <?php // ([10])-->[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::END ?>
                <?php // ([5])-->[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::BEGIN ?>
                <td class="main --pageCheckoutPaymentSubCellCategorySectionSideLabel" width="100%" colspan="2">
                    <?php
                        echo
                            TEXT_ENTER_PAYMENT_INFORMATION;
                    ?>
                </td>
                <?php // ([5])-->[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::END ?>
                <td><?php echo tep_draw_separator('pixel_trans.gif', '10', '1'); ?></td>
              </tr>
<?php
  }

  $radio_buttons = 0;
  for ($i=0, $n=sizeof($selection); $i<$n; $i++) {
?>
              <tr>
                <td><?php echo tep_draw_separator('pixel_trans.gif', '10', '1'); ?></td>
                <?php // ([2])-->[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::BEGIN ?>
                <td align="center" class="--pageCheckoutPaymentMethodMarkerCell">
                    <?php
                        // ([13])-->[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::BEGIN
                        //if (isset($selection[$i]['icon'])) { echo $selection[$i]['icon']; } else { var_dump($selection); }
                        switch ($selection[$i]['id']) {
                            
                            case 'Etransactions_direct':
                                    echo '<span class="__sectionCheckoutPaymentMethodMarkerCellMarkerIconStyle"><i class="material-icons">credit_card</i></span></span>';
                                break;
                            
                            case 'moneyorder':
                                    echo '<span class="__sectionCheckoutPaymentMethodMarkerCellMarkerIconStyle"><i class="material-icons">subtitles</i></span></span>';
                                break;
                            
                            case 'virementbancaire':
                                    echo '<span class="__sectionCheckoutPaymentMethodMarkerCellMarkerIconStyle"><i class="material-icons">layers</i></span></span>';
                                break;
                            
                            case 'devis':
                                    echo '<span class="__sectionCheckoutPaymentMethodMarkerCellMarkerIconStyle"><i class="material-icons">assignment</i></span></span>';
                                break;
                            
                            case 'retrait_mag':
                                    echo '<span class="__sectionCheckoutPaymentMethodMarkerCellMarkerIconStyle"><i class="material-icons">store</i></span></span>';
                                break;
                                
                            default:
                                    echo '<span class="__sectionCheckoutPaymentMethodMarkerCellMarkerIconStyle"><i class="material-icons">send</i></span></span>';
                                break;
                        }
                        // ([13])-->[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::END
                    ?>
                </td>
                <?php // ([2])-->[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::END ?>
                <td colspan="2">
                <?php // ([2])-->[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::BEGIN ?>
                <table border="0" width="100%" cellspacing="0" cellpadding="2" class="--pageCheckoutPaymentMainTableListingSection">
<?php
    if ( ($selection[$i]['id'] == $payment) || ($n == 1) ) {
                  // ([7])-->[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::BEGIN
                              // ([7])-->BEGIN[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::END
      echo '                  <tr id="defaultSelected" class="moduleRowSelected --pageCheckoutPaymentMainTableListingSectionNewBlock" onmouseover="rowOverEffect(this)" onmouseout="rowOutEffect(this)" onclick="selectRowEffect(this, ' . $radio_buttons . ')">' . "\n";
    } else {
                              // ([7])-->BEGIN[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::END
      echo '                  <tr class="moduleRow --pageCheckoutPaymentMainTableListingSectionNewBlock" onmouseover="rowOverEffect(this)" onmouseout="rowOutEffect(this)" onclick="selectRowEffect(this, ' . $radio_buttons . ')">' . "\n";
    }
?>
                    <td width="10"><?php echo tep_draw_separator('pixel_trans.gif', '10', '1'); ?></td>
<!-- PAFE21 -->
                    <?php // ([8])-->[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::BEGIN ?> 
                    <td class="main --pageCheckoutPaymentMainTableListingSectionBlockTitle" colspan="3"><b>
                        <?php // ([9])-->[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::BEGIN ?>
                        <span class="--valueListingText">
                            <b>
                                <?php 
                                    echo $selection[$i]['module'];
                                    if ($selection[$i]['cost']) {
                                        // ([22])-->[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::BEGIN
                                        echo
                                            str_replace(
                                                'EUR',
                                                '<span class="--globalUsageSymbol__EuroSign__forPrices --symbolSmall">&euro;</span>',
                                                $currencies->format($selection[$i]['cost'])
                                            );
                                        // ([22])-->[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::END
                                    }
                                ?>
                            </b>
                        </span>
                        <?php // ([9])-->[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::END ?>
                    </td>
                    <?php // ([8])-->[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::END ?>
<!-- <-- PAFE21 -->
                    <td class="main" align="right">
<?php
    if (sizeof($selection) > 1) {
      // ([12])-->[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::BEGIN
      echo
        tep_draw_radio_field(
            'payment',
            $selection[$i]['id'],
            '',
            'class="uk-radio --inputRadioDot__typeNeutral"'
        );
      // ([12])-->[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::END
    } else {
      // ([12])-->[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::BEGIN
      echo
        tep_draw_hidden_field(
            'payment',
            $selection[$i]['id'],
            '',
            'class="uk-radio --inputRadioDot__typeNeutral"'
        );
      // ([12])-->[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::END
    }
?>
                    </td>
                    <td width="10"><?php echo tep_draw_separator('pixel_trans.gif', '10', '1'); ?></td>
                  </tr>
                  <?php // ([7])-->[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::END ?>
<?php
    if (isset($selection[$i]['error'])) {
?>
                  <?php // ([7])-->[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::BEGIN ?>
                  <tr class="--pageCheckoutPaymentMainTableListingSectionNewBlock">
                    <td width="10"><?php echo tep_draw_separator('pixel_trans.gif', '10', '1'); ?></td>
                    <?php // ([8])-->[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::BEGIN ?> 
                    <td class="main" colspan="4">
                        <?php // ([9])-->[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::BEGIN ?>
                        <span class="--valueListingText">
                            <b>
                                <?php 
                                    echo $selection[$i]['error'];
                                ?>
                            </b>
                        </span>
                        <?php // ([9])-->[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::END ?>
                    </td>
                    <?php // ([8])-->[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::END ?> 
                    <td width="10"><?php echo tep_draw_separator('pixel_trans.gif', '10', '1'); ?></td>
                  </tr>
                  <?php // ([7])-->[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::END ?>
<?php
    } elseif (isset($selection[$i]['fields']) && is_array($selection[$i]['fields'])) {
?>
                  <tr>
                    <td width="10"><?php echo tep_draw_separator('pixel_trans.gif', '10', '1'); ?></td>
                    <td colspan="4"><table border="0" cellspacing="0" cellpadding="2">
<?php
      for ($j=0, $n2=sizeof($selection[$i]['fields']); $j<$n2; $j++) {
?>
                      <?php // ([7])-->[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::BEGIN ?>
                      <tr class="--pageCheckoutPaymentMainTableListingSectionNewBlock">
                        <td width="10"><?php echo tep_draw_separator('pixel_trans.gif', '10', '1'); ?></td>
                        <?php // ([8])-->[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::BEGIN ?> 
                        <td class="main --pageCheckoutPaymentMainTableListingSectionBlockTitle">
                            <?php // ([9])-->[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::BEGIN ?>
                            <span class="--valueListingText">
                                <b>
                                    <?php 
                                        echo $selection[$i]['fields'][$j]['title'];
                                    ?>
                                </b>
                            </span>
                            <?php // ([9])-->[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::END ?>
                        </td>
                        <?php // ([8])-->[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::END ?> 
                        
                        <td><?php echo tep_draw_separator('pixel_trans.gif', '10', '1'); ?></td>
                        
                        <?php // ([8])-->[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::BEGIN ?> 
                        <td class="main">
                            <?php // ([9])-->[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::BEGIN ?>
                            <span class="--valueListingText">
                                <b>
                                    <?php 
                                        echo $selection[$i]['fields'][$j]['field'];
                                    ?>
                                </b>
                            </span>
                            <?php // ([9])-->[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::END ?>
                        </td>
                        <?php // ([8])-->[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::END ?> 
                        
                        <td width="10"><?php echo tep_draw_separator('pixel_trans.gif', '10', '1'); ?></td>
                      </tr>
                      <?php // ([7])-->[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::END ?>
<?php
      }
?>
                    </table></td>
                    <td width="10"><?php echo tep_draw_separator('pixel_trans.gif', '10', '1'); ?></td>
                  </tr>
<?php
    }
?>
                </table>
                <?php // ([2])-->[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::END ?>
                </td>
                <td><?php echo tep_draw_separator('pixel_trans.gif', '10', '1'); ?></td>
              </tr>
<?php
    $radio_buttons++;
  }
?>
            </table></td>
          </tr>
        </table></td>
      </tr>
      <tr>
        <td><?php echo tep_draw_separator('pixel_trans.gif', '100%', '10'); ?></td>
      </tr>
      <tr>
        <td>
        <?php // ([6])-->[VTAB-TEAM-LINDER-PARTNER-1][OSC][SubTaskDescription]::BEGIN ?>
        <?php
        /*
        <?php // ([2])-->[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::BEGIN ?>
        <table border="0" width="100%" cellspacing="0" cellpadding="2" class="--pageCheckoutPaymentMainTableCategorySectionPhase">
          <tr>
            <td class="main"><b><?php echo TABLE_HEADING_COMMENTS; ?></b></td>
            <?php // ([3])-->BEGIN[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::END ?>
            <td class="inputOptional" align="right"><?php echo 'Facultatif'; ?></td>
          </tr>
        </table>
        <?php // ([2])-->[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::END ?>
        </td>
      </tr>
      <tr>
        */
        ?>
        <?php // ([6])-->[VTAB-TEAM-LINDER-PARTNER-1][OSC][SubTaskDescription]::END ?>
       
        <td><table border="0" width="100%" cellspacing="1" cellpadding="2" class="infoBox">
          <tr class="infoBoxContents">
            <td><table border="0" width="100%" cellspacing="0" cellpadding="2">
              <tr>
<?php // -> 0000007: ajout de la date d'evenement ?>
                <td>
                    <?php // ([12])-->[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::BEGIN ?>
                    <?php
                        echo
                            tep_draw_textarea_field(
                                'comments',
                                'soft',
                                '60',
                                '5',
                                '',
                                'id="ChampDeCommentaire" class="uk-textarea uk-form-small uk-form-width-full --inputTextArea__type2"'
                            );
                    ?>
                    <?php // ([12])-->[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::END ?>
                </td>
<?php // <- 0000007 ?>
              </tr>
            </table></td>
          </tr>
        </table></td>
      </tr>
      <tr>
        <td><?php echo tep_draw_separator('pixel_trans.gif', '100%', '10'); ?></td>
      </tr>
	  <?php
/* kgt - discount coupons */
	if( MODULE_ORDER_TOTAL_DISCOUNT_COUPON_STATUS == 'true' ) {
?>
      <?php // ([10])-->[VTAB-TEAM-LINDER-PARTNER-1][OSC][SubTaskDescription]::BEGIN ?>
      <?php
      /*
      <tr>
        <td>
        <?php // ([2])-->[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::BEGIN ?>
        <table border="0" width="100%" cellspacing="0" cellpadding="2" class="--pageCheckoutPaymentMainTableCategorySectionPhase">
          <tr>
            <td class="main"><b><?php echo TABLE_HEADING_COUPON; ?></b></td>
            <?php // ([3])-->BEGIN[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::END ?>
            <td class="inputOptional" align="right"><?php echo 'Facultatif'; ?></td>
          </tr>
        </table>
        <?php // ([2])-->[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::END ?>
        </td>
      </tr>
      */
      ?>
      <?php // ([10])-->[VTAB-TEAM-LINDER-PARTNER-1][OSC][SubTaskDescription]::END ?>
      <tr>
        <td><table border="0" width="100%" cellspacing="1" cellpadding="2" class="infoBox">
          <tr class="infoBoxContents">
            <td><table border="0" width="100%" cellspacing="0" cellpadding="2">
              <tr>
                <?php // ([4])-->[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::BEGIN ?>
                <?php // ([11])-->BEGIN[VTAB-TEAM-LINDER-PARTNER-1][OSC][SubTaskDescription]::END ?>
                <td class="main --pageCheckoutPaymentSubCellCategorySectionDescription --pageCheckoutPaymentSubCellCategorySectionDescriptionInput">
                    <?php // ([12])-->[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::BEGIN ?>
                    <?php
                        echo
                            // ([12])-->BEGIN[VTAB-TEAM-LINDER-PARTNER-1][OSC][SubTaskDescription]::END
                            str_replace(ENTRY_DISCOUNT_COUPON, 'Si vous disposez d\'un code d\'avoir, inscrivez le ici : &nbsp', ENTRY_DISCOUNT_COUPON)
                            . ' '
                            . tep_draw_input_field(
                                'coupon',
                                '',
                                'size="32" class="uk-input uk-form-small uk-form-width-large --inputTextBox__type1"'
                              );
                    ?>
                    <?php // ([12])-->[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::END ?>
                </td>
                <?php // ([4])-->[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::END ?>
              </tr>
            </table></td>
          </tr>
        </table></td>
      </tr>
      <tr>
        <td><?php echo tep_draw_separator('pixel_trans.gif', '100%', '10'); ?></td>
      </tr>
<?php
	}
/* end kgt - discount coupons */
?> 
<?php // ([7])[VTAB-TEAM-LINDER-PARTNER-1][OSC][SubTaskDescription]::BEGIN ?>
<?php // ([9])[VTAB-TEAM-LINDER-PARTNER-1][OSC][SubTaskDescription]::BEGIN ?>
<!-- MATT03 -->
<?php
/*
      <tr>
        <td>
        <?php // ([2])-->[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::BEGIN ?>
        <table border="0" width="100%" cellspacing="0" cellpadding="2" class="--pageCheckoutPaymentMainTableCategorySectionPhase">
          <tr>
            <td class="main"><b><?php echo TABLE_HEADING_CONDITION_AGREEMENT; ?></b></td>
            <?php // ([3])-->BEGIN[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::END ?>
            <td class="inputRequirement" align="right"><?php echo '* Obligatoire'; ?></td>
          </tr>
        </table>
        <?php // ([2])-->[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::END ?>
        </td>
      </tr>
      <tr>
        <td><table border="0" width="100%" cellspacing="1" cellpadding="2" class="infoBox">
          <?php // ([7])-->BEGIN[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::END ?>
          <tr class="infoBoxContents --pageCheckoutPaymentTableLineSectionAgreement">
            <td><table border="0" width="100%" cellspacing="0" cellpadding="2">
              <?php // ([7])-->BEGIN[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::END ?>
              <tr class="infoBoxNoticeContents --pageCheckoutPaymentTableLineSectionAgreement">
                <td width="10"><?php echo tep_draw_separator('pixel_trans.gif', '10', '1'); ?></td>
                <?php // ([4])-->[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::BEGIN ?>
                <td class="main --pageCheckoutPaymentSubCellCategorySectionDescriptionAgreement" align='right'>
                    <?php // ([12])-->[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::BEGIN ?>
                    <?php
                        echo
                            // ([11])-->BEGIN[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::END
                            str_replace('<a', '<a class="uk-link --hrefLink__type5"', CONDITION_AGREEMENT)
                            . '&nbsp;&nbsp;'
                            . tep_draw_checkbox_field(
                                'agree',
                                'true',
                                '',
                                'class="uk-checkbox --inputCheckbox__type4"'
                              );
                    ?>
                    <?php // ([12])-->[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::END ?>
                </td>
                <?php // ([4])-->[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::END ?>
              </tr>
            </table></td>
          </tr>
        </table></td>
      </tr>
      <tr>
        <td><?php echo tep_draw_separator('pixel_trans.gif', '100%', '20'); ?></td>
      </tr>
 <!-- MATT03 -->
*/
?>
<?php // ([9])[VTAB-TEAM-LINDER-PARTNER-1][OSC][SubTaskDescription]::END ?>
<?php // ([7])[VTAB-TEAM-LINDER-PARTNER-1][OSC][SubTaskDescription]::END ?>
      <tr>
        <td><table border="0" width="100%" cellspacing="1" cellpadding="2" class="infoBox">
          <tr class="infoBoxContents">
            <td>
            <?php // ([2])-->[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::BEGIN ?>
            <table border="0" width="100%" cellspacing="0" cellpadding="2" class="--pageCheckoutPaymentMainTableCategorySectionPhase">
              <tr>
                <td width="10"><?php echo tep_draw_separator('pixel_trans.gif', '10', '1'); ?></td>
<?php // -> 0000007: ajout de la date d'evenement ?>
                <?php // ([21])-->[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::BEGIN ?>
                <?php // ([4])-->BEGIN[VTAB-TEAM-LINDER-PARTNER-1][OSC][SubTaskDescription]::END ?>
                <td class="main --colorTitlePageCheckoutShipping">
                    <?php
                        echo
                            '<b>'
                                . TITLE_CONTINUE_CHECKOUT_PROCEDURE
                          . '</b>
                             <br>'
                          .  '<span class="__quickText__TEXT_CONTINUE_CHECKOUT_PROCEDURE">'
                          .     TEXT_CONTINUE_CHECKOUT_PROCEDURE
                          .  '</span>';
                    ?>
                </td>
                <?php // ([4])-->[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::END ?>
                <?php // ([3])-->BEGIN[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::END ?>
                <?php // ([8])-->[VTAB-TEAM-LINDER-PARTNER-1][OSC][SubTaskDescription]::BEGIN ?>
                <?php
                /*
                <td class="inputRequirementV2" align="center"><?php echo FORM_REQUIRED_INFORMATION; ?></td>
                */
                ?>
                <?php // ([8])-->[VTAB-TEAM-LINDER-PARTNER-1][OSC][SubTaskDescription]::END ?>
                <?php // ([14])-->[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::BEGIN
                // [ALTERATION_OF_OLD_DESIGN_BUTTON_DATE_OF_EVENT_WILL_BE_DISPLAYED_HERE] ?>
                <?php // ([21])-->BEGIN[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::END ?>
                <td class="main __responsiveCellHackForPaymentButtonDateOfEvent" align="center" width="20%" valign="top">
                <?php require('includes/date_event.php'); ?>
<?php // <- 0000007 ?>
<?php // -> OSC-37: Rendre le choix d'une date d'évènement OBLIGATOIRE avant de pouvoir valider une commande ?>
<?php
 // ce qui se passe:
  // si l'utilisateur n'a pas saisi de date d'évènement, ce bouton ne lui sera pas affiché!
  // Au contraire un message d'alerte (Alerte Javascript) indiquant qu'il faut cliquer sur le bouton de "Date d'évènement" juste à gauche de ce bouton (en sélectionner une donc).
  //
  // De plus, cela se comporte de la même manière SI l'utilisateur y accède par la façon de la touche TABULATION. (cela invoque la méthode: onfocus)
  // De plus, cela se comporte de la même manière SI l'utilisateur y accède par la façon du survol par la SOURIS. (cela invoque la méthode: onmouseover)
  //
  // Le fait de marquer un ID au bouton; l'id sera nommé: "SoumetMaCommande"; permet de le cibler via le code du onSelect (dans la calendrier de date situé dans le fichier "includes/date_event.php").
  //
  // Si l'utilisateur ouvre le calendrier sans choisir de date, cela se comportera (grâce à une vérification via les expréssions régulières) comme si aucunes date n'aura été choisie.
  // le code du match() contient un saut de ligne qu'il faut échapper, car on l'écrit par PHP, et si PHP interprète un \n il saute une ligne ce qui casse la chaîne javascript au final.
  //
  // les expréssions régulières doivent s'écrire sans guillemets ou appostrophes autour de leur déclaration.
?>
<script type="text/javascript">
<?php // par défaut on paramètre la variable de vérification de la date à: DatePasOk (sauf si le texte de date d'évènement est déjà présent) ?>
 if ( $('#ChampDeCommentaire').val().match(/(\[\s+<?php echo str_replace("'", "\'", TEXT_DISPLAY_EVENTDATE); ?>:\s.*\s\]n{0,})/gi) )
  {
	settedEventDate = "DateOk";
  } else if ( !$('#ChampDeCommentaire').val().match(/(\[\s+<?php echo str_replace("'", "\'", TEXT_DISPLAY_EVENTDATE); ?>:\s.*\s\]n{0,})/gi) ) {
  	settedEventDate = "DatePasOk";
  }
</script>
                <?php // ([30])-->[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::BEGIN
                /*
                <td class="main" align="right"><?*php echo tep_image_submit('button_continue.gif', IMAGE_BUTTON_CONTINUE, 
                	"id=\"SoumetMaCommande\"
                	  onmouseover=\"if (settedEventDate == 'DatePasOk' || !$('#ChampDeCommentaire').val().match(/(\[\s+".str_replace("'", "\'", TEXT_DISPLAY_EVENTDATE).":\s.*\s\]\\n*)/gi) ) { alert('".TEXT_DISPLAY_EVENTDATE_DATEISREQUIRED."'); this.disabled = true; } else if (settedEventDate == 'DateOk') {this.disabled = false; }\"
                	  onfocus=\"if (settedEventDate == 'DatePasOk') { alert('".TEXT_DISPLAY_EVENTDATE_DATEISREQUIRED."'); this.disabled = true; } else if (settedEventDate == 'DateOk') {this.disabled = false; }\"
                	  onclick=\"if (settedEventDate == 'DatePasOk' || !$('#ChampDeCommentaire').val().match(/(\[\s+".str_replace("'", "\'", TEXT_DISPLAY_EVENTDATE).":\s.*\s\]\\n*)/gi) ) { alert('".TEXT_DISPLAY_EVENTDATE_DATEISREQUIRED."'); this.disabled = true; } else if (settedEventDate == 'DateOk') {this.disabled = false; }\"
                	 "); ?*></td>
                	 
                */
                // ([30])-->[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::END ?>
                <?php // ([16])-->[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::BEGIN ?>
                <?php // ([21])-->BEGIN[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::END ?>
                <td class="main __responsiveHackForPaymentButtonContinue" align="right">   
                    <?php // ([15])-->[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::BEGIN ?>
                    <?php // ([1])-->[VTAB-TEAM-LINDER-PARTNER-1][OSC][SubTaskDescription]::BEGIN ?>
                    <a id="SoumetMaCommande"
                       onmouseover="
                        if (settedEventDate == 'DatePasOk' || !$('#ChampDeCommentaire').val().match(/(\[\s+<?php echo str_replace("'", "\'", TEXT_DISPLAY_EVENTDATE); ?>:\s.*\s\]\n*)/gi) ) {
                            document.getElementById('dateOfEventWarningBecauseNowRequired__withHeaderModal__buttonShowFullModal_real').click();
                            this.disabled = true;
                        } else if (settedEventDate == 'DateOk') {
                            this.disabled = false;
                        }"
                       onfocus="
                        if (settedEventDate == 'DatePasOk') {
                            document.getElementById('dateOfEventWarningBecauseNowRequired__withHeaderModal__buttonShowFullModal_real').click();
                            this.disabled = true;
                        } else if (settedEventDate == 'DateOk') {
                            this.disabled = false;
                        }"
                       onclick="
                        if (settedEventDate == 'DatePasOk' || !$('#ChampDeCommentaire').val().match(/(\[\s+<?php echo str_replace("'", "\'", TEXT_DISPLAY_EVENTDATE); ?>:\s.*\s\]\n*)/gi) ) {
                            document.getElementById('dateOfEventWarningBecauseNowRequired__withHeaderModal__buttonShowFullModal_real').click();
                            this.disabled = true;
                        } else if (settedEventDate == 'DateOk') {
                            this.disabled = false;
                        }"
                       ondblclick="
                        if (settedEventDate == 'DatePasOk' || !$('#ChampDeCommentaire').val().match(/(\[\s+<?php echo str_replace("'", "\'", TEXT_DISPLAY_EVENTDATE); ?>:\s.*\s\]\n*)/gi) ) {
                            document.getElementById('dateOfEventWarningBecauseNowRequired__withHeaderModal__buttonShowFullModal_real').click();
                            this.disabled = true;
                        } else if (settedEventDate == 'DateOk') {
                            this.disabled = false;
                        }"
                    <?php // ([15])-->[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::END ?>
                    >
                        <?php echo vtab_tep_button('CONTINUE', "submit", "Continuer"); ?>  
                    </a>
                    <?php // ([1])-->[VTAB-TEAM-LINDER-PARTNER-1][OSC][SubTaskDescription]::END ?>
                    <?php // ([17])-->[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::BEGIN ?>
                    <a id="dateOfEventWarningBecauseNowRequired__withHeaderModal__buttonShowFullModal_real"
                    class="uk-button uk-button-default --containerDateOfEventWarningBecauseNowRequired__withHeaderModal__buttonShowFullModal_real"
                    href="#containerDateOfEventWarningBecauseNowRequiredFullModal"
                    uk-toggle>
                    </a>
                    <div id="containerDateOfEventWarningBecauseNowRequiredFullModal" uk-modal uk-overflow-auto>
                        <div class="uk-modal-dialog">
                            <section class="--containerDateOfEventWarningBecauseNowRequired__modalStructure">
                                <button class="uk-modal-close-default" type="button" uk-close></button>
                                <div class="uk-modal-header">
                                    <h2 class="uk-modal-title">Attention</h2>
                                </div>
                                <div class="uk-modal-body">
                                    <p><?php echo trim(stripslashes(str_replace('\n', '<br>', TEXT_DISPLAY_EVENTDATE_DATEISREQUIRED))); ?></p>
                                </div>
                                <div class="uk-modal-footer uk-text-right">
                                    <button class="uk-button uk-button-primary uk-modal-close --Button__toAgreeAndCloseModal" type="button"><span uk-icon="icon: check; ratio: 3.5"></span></button>
                                </div>
                            </section>
                        </div>
                    </div>
                    <?php // ([17])-->[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::END ?>
                </td>
                <?php // ([16])-->[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::END ?>
<?php // <- OSC-37: Rendre le choix d'une date d'évènement OBLIGATOIRE avant de pouvoir valider une commande ?>
                <td width="10"><?php echo tep_draw_separator('pixel_trans.gif', '10', '1'); ?></td>
              </tr>
            </table></td>
          </tr>
        </table></td>
      </tr>
      <?php // ([3])-->[VTAB-TEAM-LINDER-PARTNER-1][OSC][SubTaskDescription]::BEGIN ?>
      <?php 
      // [VTAB_1_OLD_BREADCRUMBAR_ORDER_STEPS]
      /*
      <tr>
        <td><?php echo tep_draw_separator('pixel_trans.gif', '100%', '10'); ?></td>
      </tr>
      <tr>
        <td>
        <?php // ([2])-->[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::BEGIN ?>
        <table border="0" width="100%" cellspacing="0" cellpadding="0" class="--pageCheckoutPaymentMainTableCategorySectionStepsContainer">
          <tr>
            <td width="25%">
            <?php // ([2])-->[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::BEGIN ?>
            <table border="0" width="100%" cellspacing="0" cellpadding="0" class="--pageCheckoutPaymentMainTableCategorySectionStepsPhaseIcon">
              <tr>
                <?php // ([20])-->BEGIN[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::END ?>
                <td width="50%" align="center">
                    <?php // ([19])-->BEGIN[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::END ?>
                    <span class="__sectionStepsPhaseMarkerIconStyleFinished"><i class="material-icons">check</i></span>
                </td>
                <?php // ([18])-->BEGIN[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::END ?>
                <td width="50%" style="display: none !important;"><?php echo tep_draw_separator('pixel_silver.gif', '100%', '1'); ?></td>
              </tr>
            </table>
            <?php // ([2])-->[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::END ?>
            </td>
            <td width="25%">
            <?php // ([2])-->[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::BEGIN ?>
            <table border="0" width="100%" cellspacing="0" cellpadding="0" class="--pageCheckoutPaymentMainTableCategorySectionStepsPhaseIcon">
              <tr>
                <?php // ([20])-->BEGIN[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::END ?>
                <td width="50%" align="center">
                    <?php // ([19])-->BEGIN[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::END ?>
                    <span class="__sectionStepsPhaseMarkerIconStyle"><i class="material-icons">person_pin_circle</i></span>
                </td>
                <?php // ([18])-->BEGIN[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::END ?>
                <td width="50%" style="display: none !important;"><?php echo tep_draw_separator('pixel_silver.gif', '100%', '1'); ?></td>
              </tr>
            </table></td>
            <?php // ([18])-->BEGIN[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::END ?>
            <td width="25%" style="display: none !important;"><?php echo tep_draw_separator('pixel_silver.gif', '100%', '1'); ?></td>
            <td width="25%"><table border="0" width="100%" cellspacing="0" cellpadding="0">
              <tr>
                <?php // ([18])-->BEGIN[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::END ?>
                <td width="50%" style="display: none !important;"><?php echo tep_draw_separator('pixel_silver.gif', '100%', '1'); ?></td>
                <?php // ([18])-->BEGIN[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::END ?>
                <td width="50%" style="display: none !important;"><?php echo tep_draw_separator('pixel_silver.gif', '1', '5'); ?></td>
              </tr>
            </table></td>
          </tr>
          <tr>
            <?php // ([2])-->[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::BEGIN ?>
            <td align="center" width="25%" class="checkoutBarFrom --pageCheckoutPaymentMainCellCategorySectionStepsPhaseCaption">
            <?php // ([11])-->[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::BEGIN ?>
            <?php
                echo
                    '<a href="' . tep_href_link(FILENAME_CHECKOUT_SHIPPING, '', 'SSL') . '"'
                  . ' class="uk-link --hrefLink__type5"'
                  . ' uk-tooltip="title: Modifier?; pos: bottom;">'
                        . str_replace('livraison', 'd\'expédition', CHECKOUT_BAR_DELIVERY)
                  . '</a>';
            ?>
            <?php // ([11])-->[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::BEGIN ?>
            </td>
            <td align="center" width="25%" class="checkoutBarCurrent --pageCheckoutPaymentMainCellCategorySectionStepsPhaseCaption"><?php echo CHECKOUT_BAR_PAYMENT; ?></td>
            <td align="center" width="25%" class="checkoutBarTo --pageCheckoutPaymentMainCellCategorySectionStepsPhaseCaption"><?php echo CHECKOUT_BAR_CONFIRMATION; ?></td>
            <td align="center" width="25%" class="checkoutBarTo --pageCheckoutPaymentMainCellCategorySectionStepsPhaseCaption"><?php echo CHECKOUT_BAR_FINISHED; ?></td>
            <?php // ([2])-->[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::END ?>
          </tr>
        </table>
        <?php // ([2])-->[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::END ?>
        </td>
      </tr>
      */
      ?>
      <?php // ([3])-->[VTAB-TEAM-LINDER-PARTNER-1][OSC][SubTaskDescription]::END ?>
    </table>
    <?php // ([1])-->[SI-LINDER-PARTNER-2][OSC][SubTaskDescription]::END ?>
    <?php
    /*
    <exit>[SI-LINDER-PARTNER-2][OSC][MultiTaskDescriptions]
    ************************************************************************
    */
    ?>
    </form></td>
<!-- body_text_eof //-->
    <?php // <BEGIN::init>[SI-LINDER-PARTNER-2][OSC][SimpleTaskDescription]:{" on ajoute une classe pour pouvoir cibler cette cellule de tableau afin de la masquer en responsive ou autres !
    // [RESPONSIVE_DESIGN_2020_IMPLEMENTATION_CARDBOARD_2020_SAPHYRA_INTERACTIVE_ETAPE_4] "}<exit::END> ?>
    <td width="<?php echo BOX_WIDTH; ?>" valign="top" class="--siteColumnRight"><table border="0" width="<?php echo BOX_WIDTH; ?>" cellspacing="0" cellpadding="2">
<!-- right_navigation //-->
<?php require(DIR_WS_INCLUDES . 'column_right.php'); ?>
<!-- right_navigation_eof //-->
    </table></td>
  </tr>
</table>
<!-- body_eof //-->

<?php // <BEGIN::init>[SI-LINDER-PARTNER-2][OSC][SimpleTaskDescription]:{" on ajoute un élément HTML et une classe pour pouvoir cibler cette zone afin de la styliser en responsive ou autres ! "}<exit::END> ?>
<div class="--siteInPageBottom"></div>

<!-- footer //-->
<?php

 require(DIR_WS_INCLUDES . 'footer.php'); ?>
<!-- footer_eof //-->
<br>
</body>
</html>
<?php require(DIR_WS_INCLUDES . 'application_bottom.php'); ?>

<script language="javascript"><!--
var selected;

$j(document).ready(function(){

<?php // <BEGIN::init>[SI-LINDER-PARTNER-2][OSC][SimpleTaskDescription]:{" ceci est pour fixer un bug idiot de l'ancien code, en gros, la logique veut que checktest soit définit GLOBALEMENT dans la page lorsque la page est chargée (document chargé), ce qui en soit sert à définir la valeur de checktest à la valeur définie plus tôt contenue dans $disable_all_exept_devis (variable PHP), soit la valeur est true, soit elle est false, SAUF QUE... avant, l'ancien code utilisait le mot clef 'var checktest' pour déclarer la variable.. or.. var implique une variable locale à un lieu précis, et ici, le lieu précis était la fonction $j(document).ready(function(){ et donc, comme selectRowEffect() qui est définie plus en bas de cette fonction se sert elle-aussi de la valeur de checktest... pour la vérifier, ce qui se passait était un crash de la fonction selectRowEffect() avec une erreur Javascript logguée dans la console JS: Uncaught ReferenceError: checktest is not defined ... impliquant alors que notre variable checktest était vide (évidemment si .. on utilise var pour la déclarer localement... tss..), ce qui provoquait l'arrêt de la fonction selectRowEffect() et malheureusement, la non-sélection de notre bouton-radio pour la ligne <tr> cliquée dans la liste des moyens de paiement! désormais fixé. "}<exit::END> ?>
/*var */checktest = "<?php echo($disable_all_exept_devis); ?>"; // la livraison fait partie des zone concernÃ© ou pas par la restriction de livraison
var value = 'devis'; //valeur de du nom du champ Ã  ne pas desactivÃ©
var fieldName = 'payment'; // identifiant de tout les possibilitÃ© de payement par leur nom
if (checktest == "true") {
  $j('input[type=radio][name=' + fieldName + ']').prop('disabled', true);
  $j('input[type=radio][name=' + fieldName + '][value='+ value +']').prop('disabled', false);
  $j('input[type=radio][name=' + fieldName + '][value='+ value +']').attr('checked',true);
/* Si le client est concernÃ© par la restriction dÃ©sactive tout les bouttons de payment exeptÃ© 
le payement par devis hors france mÃ©tro et le selectionn 
*/
}
});


function selectRowEffect(object, buttonSelect) {
  if (!selected) {
    if (document.getElementById) {
      selected = document.getElementById('defaultSelected');
    } else {
      selected = document.all['defaultSelected'];
    }
  }

  <?php // <BEGIN::init>[SI-LINDER-PARTNER-2][OSC][SimpleTaskDescription]:{" on ajoute une classe supplémentaire à vérifier ou à conserver, sinon, l'ancien code supprimait soit l'effet mouseover soit selected "}<exit::END> ?>
  if (selected) selected.className = 'moduleRow --pageCheckoutPaymentMainTableListingSectionNewBlock';
  <?php // <BEGIN::init>[SI-LINDER-PARTNER-2][OSC][SimpleTaskDescription]:{" on ajoute une classe supplémentaire à vérifier ou à conserver, sinon, l'ancien code supprimait soit l'effet mouseover soit selected "}<exit::END> ?>
  object.className = 'moduleRowSelected --pageCheckoutPaymentMainTableListingSectionNewBlock';
  selected = object;

// one button is not an array
  if (document.checkout_payment.payment[0] && checktest == "false") { // checktest empeche la fonction de selectionner la methode de livraison mÃªme si la restriction s'applique 
    document.checkout_payment.payment[buttonSelect].checked=true;
  } else {
    if (checktest == "false") {document.checkout_payment.payment.checked=true; }
  }
}

function rowOverEffect(object) {
  <?php // <BEGIN::init>[SI-LINDER-PARTNER-2][OSC][SimpleTaskDescription]:{" on ajoute une classe supplémentaire à vérifier ou à conserver, sinon, l'ancien code supprimait soit l'effet mouseover soit selected "}<exit::END> ?>
  if (object.className == 'moduleRow --pageCheckoutPaymentMainTableListingSectionNewBlock') object.className = 'moduleRowOver --pageCheckoutPaymentMainTableListingSectionNewBlock';
}

function rowOutEffect(object) {
  <?php // <BEGIN::init>[SI-LINDER-PARTNER-2][OSC][SimpleTaskDescription]:{" on ajoute une classe supplémentaire à vérifier ou à conserver, sinon, l'ancien code supprimait soit l'effet mouseover soit selected "}<exit::END> ?>
  if (object.className == 'moduleRowOver --pageCheckoutPaymentMainTableListingSectionNewBlock') object.className = 'moduleRow --pageCheckoutPaymentMainTableListingSectionNewBlock';
}
//--></script>