<!-- tabla-contenedora -->
<table border="0" width="100%" cellpadding="0" cellspacing="0" align="center" style="width: 100%; max-width: 100%; ">
    <tr>

        <td align="left" valign="top" style="padding-bottom: 16px;" bgcolor="#FAF9F9">

            <!-- contenida-tabla -->

            <!-- sm-title -->
            <table border="0" width="100%" cellpadding="0" cellspacing="0" align="center" style="width: 100%; max-width: 100%; ">
                <tr>
                    <td class="sm-title" valign="top" align="left" style="text-transform:uppercase; font-family:'Montserrat', serif !important; line-height: 24px; font-style: normal;  font-weight: 500; font-size: 18px; letter-spacing: 0.03em; color: #353535; padding: 0 8px 8px;border-bottom: 1px dashed #dddddd;">


                        <!-- BILLETE DE COMPRA / RESERVA REALIZADA -->
                        <?php if ($compra['pago_instalacion'] != 1) { ?>
                            Acheter un billet
                        <?php } else { ?>
                            Réservation effectuée
                        <?php } ?>
                    </td>
                </tr>
            </table>
            <!-- sm-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="12" style="font-size: 12px; line-height: 12px;">&nbsp;</td>
                </tr>
            </table>
            <!-- space -->

            <!-- CONDICIONAL PARA EL ID DE PEDIDO -->
            <?php if ($compra['id_pedido'] != 0 && $compra['pago_instalacion'] != 1) { ?>

                <!-- title -->
                <table border="0" width="100%" cellpadding="0" cellspacing="0" align="center" style="width:100%; max-width:100%;">
                    <tr>
                        <td class="title desplazar-derecha" valign="middle" align="left" style="font-family: 'Montserrat', sans-serif; font-size: 12px; line-height: 20px; font-style: normal; color: #473d37; text-decoration: none; letter-spacing: 1px;  padding: 5px 20px 0;">



                            <span style="font-weight: 500; text-transform: uppercase;">Numéro de commande</span> <br />

                            <span style="font-size: 12px;font-family: 'Inter', sans-serif;color: #353535;font-weight: 500;letter-spacing: 0.03em;">
                                <!-- ID DE PEDIDO -->
                                <?php echo $compra['id_pedido']; ?>
                            </span>

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

            <?php } ?>

            <!-- 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 -->

            <!-- title -->
            <!-- title -->
            <table border="0" width="100%" cellpadding="0" cellspacing="0" align="center" style="width:100%; max-width:100%;">
                <tr>
                    <td class="title desplazar-derecha" valign="middle" align="left" style="font-family: 'Montserrat', sans-serif; font-size: 12px; line-height: 20px; font-style: normal; color: #473d37; text-decoration: none; letter-spacing: 1px;  padding: 5px 20px 0;">



                        <span style="font-weight: 500; text-transform: uppercase;">SERVICIO</span> <br />

                        <span style="font-size: 12px;font-family: 'Inter', sans-serif;color: #353535;font-weight: 500;letter-spacing: 0.03em;">
                            <!-- SERVICIO -->
                            <?php echo $compra['servicio']; ?>
                        </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="10" style="font-size:10px;line-height:10px;">&nbsp;</td>
                </tr>
            </table>
            <!-- space -->

            <!-- title -->
            <!-- title -->
            <table border="0" width="100%" cellpadding="0" cellspacing="0" align="center" style="width:100%; max-width:100%;">
                <tr>
                    <td class="title desplazar-derecha" valign="middle" align="left" style="font-family: 'Montserrat', sans-serif; font-size: 12px; line-height: 20px; font-style: normal; color: #473d37; text-decoration: none; letter-spacing: 1px;  padding: 5px 20px 0;">



                        <span style="font-weight: 500; text-transform: uppercase;">DATE D'ACHAT:</span> <br />

                        <span style="font-size: 12px;font-family: 'Inter', sans-serif;color: #353535;font-weight: 500;letter-spacing: 0.03em;">
                            <!-- FECHA DE COMPRA -->
                            <?php echo $compra['fecha_compra']; ?>
                        </span>
                    </td>
                </tr>
            </table>
            <!-- title -->

            <?php if ($compra['creditos'] == 1) { ?>

                <!-- 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 -->

                <!-- title -->
                <!-- title -->
                <table border="0" width="100%" cellpadding="0" cellspacing="0" align="center" style="width:100%; max-width:100%;">
                    <tr>
                        <td class="title desplazar-derecha" valign="middle" align="left" style="font-family: 'Montserrat', sans-serif; font-size: 12px; line-height: 20px; font-style: normal; color: #473d37; text-decoration: none; letter-spacing: 1px;  padding: 5px 20px 0;">



                            <span style="font-weight: 500; text-transform: uppercase;">Crédits totaux::</span> <br />

                            <span style="font-size: 12px;font-family: 'Inter', sans-serif;color: #353535;font-weight: 500;letter-spacing: 0.03em;">
                                <!-- CRÉDITOS TOTALES -->
                                <?php echo $compra['creditos_totales'] . ' crédits'; ?>
                            </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="10" style="font-size:10px;line-height:10px;">&nbsp;</td>
                    </tr>
                </table>
                <!-- space -->

                <!-- title -->
                <!-- title -->
                <table border="0" width="100%" cellpadding="0" cellspacing="0" align="center" style="width:100%; max-width:100%;">
                    <tr>
                        <td class="title desplazar-derecha" valign="middle" align="left" style="font-family: 'Montserrat', sans-serif; font-size: 12px; line-height: 20px; font-style: normal; color: #473d37; text-decoration: none; letter-spacing: 1px;  padding: 5px 20px 0;">



                            <span style="font-weight: 500; text-transform: uppercase;">Crédits restants:</span> <br />

                            <span style="font-size: 12px;font-family: 'Inter', sans-serif;color: #353535;font-weight: 500;letter-spacing: 0.03em;">
                                <!-- CRÉDITOS RESTANTES -->
                                <?php echo $compra['creditos_restantes'] . ' créditos'; ?>
                            </span>

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

            <?php } ?>

            <!-- 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 -->

            <!-- title -->
            <!-- title -->
            <table border="0" width="100%" cellpadding="0" cellspacing="0" align="center" style="width:100%; max-width:100%;">
                <tr>
                    <td class="title desplazar-derecha" valign="middle" align="left" style="font-family: 'Montserrat', sans-serif; font-size: 12px; line-height: 20px; font-style: normal; color: #473d37; text-decoration: none; letter-spacing: 1px;  padding: 5px 20px 0;">



                        <span style="font-weight: 500; text-transform: uppercase;">PAYER</span> <br />

                        <span style="font-size: 12px;font-family: 'Inter', sans-serif;color: #353535;font-weight: 500;letter-spacing: 0.03em;">
                            <!-- PAGO SELECCIONADO -->
                            <?php echo $compra['pago_seleccionado']; ?>
                        </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="10" style="font-size:10px;line-height:10px;">&nbsp;</td>
                </tr>
            </table>
            <!-- space -->

            <!-- fin-contenida-tabla -->
        </td>
    </tr>
</table>