<table border="0" width="100%" cellspacing="0" cellpadding="0">
  <tbody>
    <tr>
      <td align="center" valign="top">
        <table style="background-color: #fdfdfd; border: 1px solid #dcdcdc; border-radius: 3px!important;" border="0" width="600" cellspacing="0" cellpadding="0">
          <tbody>
            <tr>
              <td align="center" valign="top">
                <table style="background-color: #0087be; border-radius: 3px 3px 0 0!important; color: #ffffff; border-bottom: 0; font-weight: bold; line-height: 100%; vertical-align: middle; font-family: 'Helvetica Neue',Helvetica,Roboto,Arial,sans-serif;" border="0" width="600" cellspacing="0" cellpadding="0">
                  <tbody>
                    <tr>
                      <td style="padding: 36px 48px; display: block;">
                        <h1 style="color: #ffffff; font-family: 'Helvetica Neue',Helvetica,Roboto,Arial,sans-serif; font-size: 30px; font-weight: 300; line-height: 150%; margin: 0; text-align: left;"> Booking Confirmation</h1>
                      </td>
                    </tr>
                  </tbody>
                </table>
              </td>
            </tr>
            <tr>
              <td align="center" valign="top">
                <table border="0" width="600" cellspacing="0" cellpadding="0">
                  <tbody>
                    <tr>
                      <td style="background-color: #fdfdfd;" valign="top">
                        <table border="0" width="100%" cellspacing="0" cellpadding="20">
                          <tbody>
                            <tr>
                              <td style="padding: 48px;" valign="top">
                                <div style="color: #737373; font-family: 'Helvetica Neue',Helvetica,Roboto,Arial,sans-serif; font-size: 14px; line-height: 150%; text-align: left;">
                                  <div>Booking of (user_email) has been confirmed. Details can be found below.</div><br/>
                                  <table style="width: 100%; font-family: 'Helvetica Neue',Helvetica,Roboto,Arial,sans-serif; color: #737373; border: 1px solid #e4e4e4;" border="1" cellspacing="0" cellpadding="6">
                                    <tbody>
                                      <tr>
                                        <td style="text-align: left; vertical-align: middle; border: 1px solid #eee; font-family: 'Helvetica Neue',Helvetica,Roboto,Arial,sans-serif; word-wrap: break-word; color: #737373; padding: 12px;"> <strong>Event Name</strong>
                                        </td>
                                        <td style="text-align: left; vertical-align: middle; border: 1px solid #eee; font-family: 'Helvetica Neue',Helvetica,Roboto,Arial,sans-serif; word-wrap: break-word; color: #737373; padding: 12px;">(event_name)
                                        </td>
                                      </tr>
                                      <tr>
                                        <td style="text-align: left; vertical-align: middle; border: 1px solid #eee; font-family: 'Helvetica Neue',Helvetica,Roboto,Arial,sans-serif; word-wrap: break-word; color: #737373; padding: 12px;"> <strong>Event Date</strong>
                                        </td>
                                        <td style="text-align: left; vertical-align: middle; border: 1px solid #eee; font-family: 'Helvetica Neue',Helvetica,Roboto,Arial,sans-serif; word-wrap: break-word; color: #737373; padding: 12px;">(event_date)
                                        </td>
                                      </tr>
                                      <tr>
                                        <td style="text-align: left; vertical-align: middle; border: 1px solid #eee; font-family: 'Helvetica Neue',Helvetica,Roboto,Arial,sans-serif; word-wrap: break-word; color: #737373; padding: 12px;"> <strong>Booking ID</strong>
                                        </td>
                                        <td style="text-align: left; vertical-align: middle; border: 1px solid #eee; font-family: 'Helvetica Neue',Helvetica,Roboto,Arial,sans-serif; word-wrap: break-word; color: #737373; padding: 12px;">#(booking_id) &nbsp;&nbsp;&nbsp;&nbsp;(view_order)
                                        </td>
                                      </tr>
                                      <tr>
                                        <td style="text-align: left; vertical-align: middle; border: 1px solid #eee; font-family: 'Helvetica Neue',Helvetica,Roboto,Arial,sans-serif; word-wrap: break-word; color: #737373; padding: 12px;"> <strong>Booking Date</strong>
                                        </td>
                                        <td style="text-align: left; vertical-align: middle; border: 1px solid #eee; font-family: 'Helvetica Neue',Helvetica,Roboto,Arial,sans-serif; word-wrap: break-word; color: #737373; padding: 12px;">(booking_date)
                                        </td>
                                      </tr>
                                      <tr>
                                        <td style="text-align: left; vertical-align: middle; border: 1px solid #eee; font-family: 'Helvetica Neue',Helvetica,Roboto,Arial,sans-serif; word-wrap: break-word; color: #737373; padding: 12px;"> <strong>Subtotal</strong>
                                        </td>
                                        <td style="text-align: left; vertical-align: middle; border: 1px solid #eee; font-family: 'Helvetica Neue',Helvetica,Roboto,Arial,sans-serif; word-wrap: break-word; color: #737373; padding: 12px;">(subtotal)
                                        </td>
                                      </tr>
                                      <tr>
                                        <td style="text-align: left; vertical-align: middle; border: 1px solid #eee; font-family: 'Helvetica Neue',Helvetica,Roboto,Arial,sans-serif; word-wrap: break-word; color: #737373; padding: 12px;"> <strong>Discount</strong>
                                        </td>
                                        <td style="text-align: left; vertical-align: middle; border: 1px solid #eee; font-family: 'Helvetica Neue',Helvetica,Roboto,Arial,sans-serif; word-wrap: break-word; color: #737373; padding: 12px;">(discount)
                                        </td>
                                      </tr>
                                      <tr>
                                        <td style="text-align: left; vertical-align: middle; border: 1px solid #eee; font-family: 'Helvetica Neue',Helvetica,Roboto,Arial,sans-serif; word-wrap: break-word; color: #737373; padding: 12px;"> <strong>Order Total</strong>
                                        </td>
                                        <td style="text-align: left; vertical-align: middle; border: 1px solid #eee; font-family: 'Helvetica Neue',Helvetica,Roboto,Arial,sans-serif; word-wrap: break-word; color: #737373; padding: 12px;">(order_total)
                                        </td>
                                      </tr>
                                      <tr>
                                        <td style="text-align: left; vertical-align: middle; border: 1px solid #eee; font-family: 'Helvetica Neue',Helvetica,Roboto,Arial,sans-serif; word-wrap: break-word; color: #737373; padding: 12px;"> <strong>Payment Method </strong>
                                        </td>
                                        <td style="text-align: left; vertical-align: middle; border: 1px solid #eee; font-family: 'Helvetica Neue',Helvetica,Roboto,Arial,sans-serif; word-wrap: break-word; color: #737373; padding: 12px;">(payment_method)
                                        </td>
                                      </tr>
                                      <tr>
                                        <td style="text-align: left; vertical-align: middle; border: 1px solid #eee; font-family: 'Helvetica Neue',Helvetica,Roboto,Arial,sans-serif; word-wrap: break-word; color: #737373; padding: 12px;"> <strong>User Name</strong>
                                        </td>
                                        <td style="text-align: left; vertical-align: middle; border: 1px solid #eee; font-family: 'Helvetica Neue',Helvetica,Roboto,Arial,sans-serif; word-wrap: break-word; color: #737373; padding: 12px;">(user_name)
                                        </td>
                                      </tr>
                                      <tr>
                                        <td style="text-align: left; vertical-align: middle; border: 1px solid #eee; font-family: 'Helvetica Neue',Helvetica,Roboto,Arial,sans-serif; word-wrap: break-word; color: #737373; padding: 12px;"> <strong>First Name</strong>
                                        </td>
                                        <td style="text-align: left; vertical-align: middle; border: 1px solid #eee; font-family: 'Helvetica Neue',Helvetica,Roboto,Arial,sans-serif; word-wrap: break-word; color: #737373; padding: 12px;">(user_first_name)
                                        </td>
                                      </tr>
                                      <tr>
                                        <td style="text-align: left; vertical-align: middle; border: 1px solid #eee; font-family: 'Helvetica Neue',Helvetica,Roboto,Arial,sans-serif; word-wrap: break-word; color: #737373; padding: 12px;"> <strong>Last Name</strong>
                                        </td>
                                        <td style="text-align: left; vertical-align: middle; border: 1px solid #eee; font-family: 'Helvetica Neue',Helvetica,Roboto,Arial,sans-serif; word-wrap: break-word; color: #737373; padding: 12px;">(user_last_name)
                                        </td>
                                      </tr>
                                      <tr>
                                        <td style="text-align: left; vertical-align: middle; border: 1px solid #eee; font-family: 'Helvetica Neue',Helvetica,Roboto,Arial,sans-serif; word-wrap: break-word; color: #737373; padding: 12px;"> <strong>User Phone</strong>
                                        </td>
                                        <td style="text-align: left; vertical-align: middle; border: 1px solid #eee; font-family: 'Helvetica Neue',Helvetica,Roboto,Arial,sans-serif; word-wrap: break-word; color: #737373; padding: 12px;">(user_phone)
                                        </td>
                                      </tr>
                                    </tbody>
                                  </table>
                                </div>
                              </td>
                            </tr>
                          </tbody>
                        </table>
                      </td>
                    </tr>
                  </tbody>
                </table>
              </td>
            </tr>
          </tbody>
        </table>
      </td>
    </tr>
  </tbody>
</table>
  