<table width="100%" border="0" cellpadding="0" cellspacing="0" align="center" class="row" style="width:100%;max-width:100%;">
  <tr>
    <td align="center" valign="top" class="container-padding">
      <!-- space -->
      <table border="0" width="100%" align="center" cellpadding="0" cellspacing="0" style="width:100%;max-width:100%;">
        <tr>
          <td class="space-control-1" valign="middle" align="center" height="40">&nbsp;</td>
        </tr>
      </table>
      <!-- space -->
      <!-- space -->
      <table border="0" width="100%" align="center" cellpadding="0" cellspacing="0" style="width:100%;max-width:100%;">
        <tr>
          <td class="space-control-1" valign="middle" align="center" height="40" style="border-top: 1px dashed #ccc;">&nbsp;</td>
        </tr>
      </table>
      <!-- space -->
      <!-- title -->
      <table border="0" width="100%" cellpadding="0" cellspacing="0" align="center" style="width:100%; max-width:100%;">
        <tr>
          <td class="title center-text" valign="middle" align="center" style="font-family: 'Inter', sans-serif; font-size: 16px; line-height: 30px; font-weight: 400; font-style: normal; color: #666666; text-decoration: none; letter-spacing: 0px;">

          Votre réservation pour l'expérience est confirmée


          </td>
        </tr>
        <tr>
          <td valign="middle" align="center" height="10">&nbsp;</td>
        </tr>
        <tr>
          <td class="title center-text" valign="middle" align="center" style="font-family: 'Inter', sans-serif; font-size: 24px; line-height: 30px; font-weight: 300; font-style: normal; color: #111111; text-decoration: none; letter-spacing: 0px;">

            <?php echo $compra['servicio']; ?>

          </td>
        </tr>
        <tr>
          <td valign="middle" align="center" height="10">&nbsp;</td>
        </tr>
        <tr>
          <td class="title center-text" valign="middle" align="center" style="font-family: 'Inter', sans-serif; font-size: 16px; line-height: 30px; font-weight: 400; font-style: normal; color: #666666; text-decoration: none; letter-spacing: 0px;">

          pour <span style="font-weight: 600 !important; color: #333333;"><?php echo $compra['plazas']; ?> <?php echo $compra['plazas'] > 1 ? 'personnes' : 'personne'; ?></span>
            <?php if ($compra['fecha_reserva'] != '') : ?>
              le prochain <span style="color: #111111; letter-spacing: 0.03em;font-size: 21px;font-weight: 700;"> <?php echo $compra['fecha_reserva']; ?></span> à <span style="color: #111111; letter-spacing: 0.03em;font-size: 21px;font-weight: 700;"><?php echo $compra['horario']; ?></span>
            <?php endif; ?>

          </td>
        </tr>
      </table>
      <!-- title -->

      <!-- space -->
      <table border="0" width="100%" align="center" cellpadding="0" cellspacing="0" style="width:100%;max-width:100%;">
        <tr>
          <td valign="middle" align="center" height="40">&nbsp;</td>
        </tr>
      </table>
      <!-- space -->

      <!-- Input text -->
      <table style="font-family: 'Montserrat', sans-serif;">
        <tr>
          <td style="text-align: center;">
            <p style="font-weight: 300; letter-spacing: 2px; font-size: 14px;">LOCATEUR</p>

            <!-- space -->
            <table border="0" width="100%" align="center" cellpadding="0" cellspacing="0" style="width:100%;max-width:100%;">
              <tr>
                <td valign="middle" align="center" height="10" style="font-size:10px;line-height:10px;">&nbsp;</td>
              </tr>
            </table>
            <!-- space -->

            <!-- <img class="imagen_qr" src="<?php echo $compra['domainLink']; ?>/wp-content/plugins/visitas/modules/visitas/reservas/images/QR/<?php echo $compra['localizador'] . '.png'; ?>" alt="Sistema de Reservas"/> -->

            <img class="imagen_qr" style="border-radius: 2px;border: 0.5px solid #cccccc;" src="<?php echo $compra['domainLink']; ?>/wp-content/plugins/visitas/modules/visitas/reservas/images/QR/<?php echo $compra['localizador']; ?>.png" alt="Sistema de Reservas" />
          </td>
        </tr>

        <tr>
          <td valign="middle" align="center" height="5" style="font-size:5px;line-height:5px;">&nbsp;</td>
        </tr>

        <tr>
          <td style="padding: 10px 10px; border: 0.5px solid #cccccc;text-align: center;border-radius: 2px;">

            <p style="text-align: center; font-size: 24px; font-weight: 300; letter-spacing: 2px; ">

              <!-- LOCALIZADOR -->
              <?php echo $compra['localizador']; ?>
            </p>
          </td>
        </tr>
      </table>
      <!-- Input text -->

      <!-- space -->
      <table border="0" width="100%" align="center" cellpadding="0" cellspacing="0" style="width:100%;max-width:100%;">
        <tr>
          <td class="space-control-2" valign="middle" align="center" height="50">&nbsp;</td>
        </tr>
      </table>
      <!-- space -->

      <!-- title -->
      <table border="0" width="100%" cellpadding="0" cellspacing="0" align="center" style="width:100%; max-width:100%;">
        <tr>
          <td class="title center-text" valign="middle" align="center" style="font-family: 'Inter', sans-serif; font-size: 16px; line-height: 35px; font-weight: 400; font-style: normal; color: #666; text-decoration: none; letter-spacing: 0px;">

            ou vous pouvez l'enregistrer sur votre mobile au format <span style="font-weight: 600 !important; color: #333333;">livret/portefeuille:</span>

          </td>
        </tr>
      </table>
      <!-- title -->

      <!-- space -->
      <table border="0" width="100%" align="center" cellpadding="0" cellspacing="0" style="width:100%;max-width:100%;">
        <tr>
          <td valign="middle" align="center" height="20">&nbsp;</td>
        </tr>
      </table>
      <!-- space -->

      <!-- title -->
      <table border="0" width="100%" cellpadding="0" cellspacing="0" align="center" style="width:100%; max-width:100%;">
        <tr>
          <td class="localizador" colspan="3" style="padding:10px; text-align:center;font-size: 21px;">
            <table width="100%" cellspacing="0" cellpadding="0">
              <tr>
                <td style="text-align:center;padding-bottom:40px">
                  <span style="padding:20px 15px 24px; font-size: 16px;border-radius: 6px;border: 0.5px solid #353535;background-color: transparent;">
                    <a href="<?php echo $compra['domainLink']; ?>/wp-content/themes/divi-child/passbook.php?l=<?php echo $compra['loc_encryp']; ?>&w=1" target="_blank" style="color: #333333;font-family: 'Montserrat', sans-serif;font-weight:500;text-transform: uppercase;font-size: 14px;letter-spacing: 1px;padding-left: 10px;">
                      <img style="vertical-align: middle;width:40px;display: inline;padding-right: 10px;" width="50" src="<?php echo $compra['domainLink']; ?>/wp-content/plugins/visitas/modules/visitas/reservas/images/ico-wallet.png" alt="Añadir a Wallet (PassBook)" />
                      Ajouter au portefeuille (PassBook)
                    </a>
                  </span>
                </td>
              </tr>
            </table>
          </td>
        </tr>
      </table>
      <!-- title -->
    </td>
  </tr>
</table>

<!-- space -->
<!-- <table border="0" width="100%" align="center" cellpadding="0" cellspacing="0" style="width:100%;max-width:100%;">
  <tr>
    <td class="space-control" valign="middle" align="center" height="60" style="border-bottom: 0.5px solid #ccc">&nbsp;</td>
  </tr>
</table>-->
<!-- space -->

<!-- space -->
<table border="0" width="100%" align="center" cellpadding="0" cellspacing="0" style="width:100%;max-width:100%;">
  <tr>
    <td class="space-control" valign="middle" align="center" height="10" style="">&nbsp;</td>
  </tr>
</table>
<!-- space -->