<reponame>TigerMeals/Delivery
#Email users to reset their passwords.
def reset_password_html(password):
    return """<!doctype html>
    <html>
      <head>
        <meta name="viewport" content="width=device-width" />
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title>Your TigerMeals Delivery Temporary Password</title>""" + css() + """</head>
      <body class="">
        <table role="presentation" border="0" cellpadding="0" cellspacing="0" class="body">
          <tr>
            <td>&nbsp;</td>
            <td class="container">
              <div class="content">

                <!-- START CENTERED WHITE CONTAINER -->
                <span class="preheader">We received your request for a temporary password.</span>
                <table role="presentation" class="main">

                  <!-- START MAIN CONTENT AREA -->
                  <tr>
                    <td class="wrapper">
                      <table role="presentation" border="0" cellpadding="0" cellspacing="0">
                        <tr>
                          <td>
                            <p>Hi there,</p>
                            <p>Your temporary password is: """ + password + """</p>
                            <table role="presentation" border="0" cellpadding="0" cellspacing="0" class="btn btn-primary">
                              <tbody>
                                <tr>
                                  <td align="left">
                                    <table role="presentation" border="0" cellpadding="0" cellspacing="0">
                                      <tbody>
                                        <tr>
                                          <td> <a href="http://tigermeals-delivery.herokuapp.com/">Click here to sign in.</a> </td>
                                        </tr>
                                      </tbody>
                                    </table>
                                  </td>
                                </tr>
                              </tbody>
                            </table>
                            <p>Please enter this temporary password promptly and change your password from your account upon logging in.</p>
                            <p>Thank you for using TigerMeals Delivery!</p>
                          </td>
                        </tr>
                      </table>
                    </td>
                  </tr>

                <!-- END MAIN CONTENT AREA -->
                </table>

                <!-- START FOOTER -->
                <div class="footer">
                  <table role="presentation" border="0" cellpadding="0" cellspacing="0">
                    <tr>
                      <td class="content-block">
                        <br> Don't like these emails? <a href="#">Unsubscribe</a>.
                      </td>
                    </tr>

                  </table>
                </div>
                <!-- END FOOTER -->

              <!-- END CENTERED WHITE CONTAINER -->
              </div>
            </td>
            <td>&nbsp;</td>
          </tr>
        </table>
      </body>
    </html>
    """


def user_order_html():
    return """<!doctype html>
    <html>
      <head>
        <meta name="viewport" content="width=device-width" />
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title>Your TigerMeals Delivery Order</title>""" + css() + """</head>
      <body class="">
        <table role="presentation" border="0" cellpadding="0" cellspacing="0" class="body">
          <tr>
            <td>&nbsp;</td>
            <td class="container">
              <div class="content">

                <!-- START CENTERED WHITE CONTAINER -->
                <span class="preheader">Your recent TigerMeals Delivery order has been successfully placed. Please allow up to 24 hours for restaurant approval of your order.</span>
                <table role="presentation" class="main">

                  <!-- START MAIN CONTENT AREA -->
                  <tr>
                    <td class="wrapper">
                      <table role="presentation" border="0" cellpadding="0" cellspacing="0">
                        <tr>
                          <td>
                            <p>Hi there,</p>
                            <p>Your order has been successfully placed and we are waiting to hear back from the restaurant about order approval.</p>
                            <table role="presentation" border="0" cellpadding="0" cellspacing="0" class="btn btn-primary">
                              <tbody>
                                <tr>
                                  <td align="left">
                                    <table role="presentation" border="0" cellpadding="0" cellspacing="0">
                                      <tbody>
                                        <tr>
                                          <td> <a href="http://tigermeals-delivery.herokuapp.com/">Click here to sign in and view your order status.</a> </td>
                                        </tr>
                                      </tbody>
                                    </table>
                                  </td>
                                </tr>
                              </tbody>
                            </table>
                            <p>In the meantime, feel free to continue browsing our website for more alternatives and contact the restaurant directly with more questions.</p>
                            <p>Thank you for using TigerMeals Delivery!</p>
                          </td>
                        </tr>
                      </table>
                    </td>
                  </tr>

                <!-- END MAIN CONTENT AREA -->
                </table>

                <!-- START FOOTER -->
                <div class="footer">
                  <table role="presentation" border="0" cellpadding="0" cellspacing="0">
                    <tr>
                      <td class="content-block">
                        <br> Don't like these emails? <a href="#">Unsubscribe</a>.
                      </td>
                    </tr>

                  </table>
                </div>
                <!-- END FOOTER -->

              <!-- END CENTERED WHITE CONTAINER -->
              </div>
            </td>
            <td>&nbsp;</td>
          </tr>
        </table>
      </body>
    </html>
    """


# HTML and CSS for email to users after placing an order.
def rest_order_html():
    return """<!doctype html>
    <html>
      <head>
        <meta name="viewport" content="width=device-width" />
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title>Pending TigerMeals Delivery Order</title>""" + css() + """</head>
      <body class="">
        <table role="presentation" border="0" cellpadding="0" cellspacing="0" class="body">
          <tr>
            <td>&nbsp;</td>
            <td class="container">
              <div class="content">

                <!-- START CENTERED WHITE CONTAINER -->
                <span class="preheader">A recent TigerMeals Delivery order is now pending online.</span>
                <table role="presentation" class="main">

                  <!-- START MAIN CONTENT AREA -->
                  <tr>
                    <td class="wrapper">
                      <table role="presentation" border="0" cellpadding="0" cellspacing="0">
                        <tr>
                          <td>
                            <p>Hi there,</p>
                            <p>A user has requested an order from your restaurant. At your earliest convenience, please login to the website and approve or deny this order.</p>
                            <table role="presentation" border="0" cellpadding="0" cellspacing="0" class="btn btn-primary">
                              <tbody>
                                <tr>
                                  <td align="left">
                                    <table role="presentation" border="0" cellpadding="0" cellspacing="0">
                                      <tbody>
                                        <tr>
                                          <td> <a href="http://tigermeals-delivery.herokuapp.com/" target="_blank">Click here to view the order.</a> </td>
                                        </tr>
                                      </tbody>
                                    </table>
                                  </td>
                                </tr>
                              </tbody>
                            </table>
                            <p>If there are any questions, please reach out to the user directly.</p>
                            <p>Thank you for using TigerMeals Delivery!</p>
                          </td>
                        </tr>
                      </table>
                    </td>
                  </tr>

                <!-- END MAIN CONTENT AREA -->
                </table>

                <!-- START FOOTER -->
                <div class="footer">
                  <table role="presentation" border="0" cellpadding="0" cellspacing="0">
                    <tr>
                      <td class="content-block">
                        <br> Don't like these emails? <a href="#">Unsubscribe</a>.
                      </td>
                    </tr>

                  </table>
                </div>
                <!-- END FOOTER -->

              <!-- END CENTERED WHITE CONTAINER -->
              </div>
            </td>
            <td>&nbsp;</td>
          </tr>
        </table>
      </body>
    </html>
    """


# HTML and CSS for email to users after their order is approved.
def user_approved_html():
    return """<!doctype html>
    <html>
      <head>
        <meta name="viewport" content="width=device-width" />
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title>Your TigerMeals Delivery Order</title>""" + css() + """</head>
      <body class="">
        <table role="presentation" border="0" cellpadding="0" cellspacing="0" class="body">
          <tr>
            <td>&nbsp;</td>
            <td class="container">
              <div class="content">

                <!-- START CENTERED WHITE CONTAINER -->
                <span class="preheader">Your recent TigerMeals Delivery order is now approved!</span>
                <table role="presentation" class="main">

                  <!-- START MAIN CONTENT AREA -->
                  <tr>
                    <td class="wrapper">
                      <table role="presentation" border="0" cellpadding="0" cellspacing="0">
                        <tr>
                          <td>
                            <p>Hi there,</p>
                            <p>Your recently placed order has now been approved by the restaurant. What this means is that your order is confirmed and you will be charged shortly for payment, unless you are paying by cash.</p>
                            <table role="presentation" border="0" cellpadding="0" cellspacing="0" class="btn btn-primary">
                              <tbody>
                                <tr>
                                  <td align="left">
                                    <table role="presentation" border="0" cellpadding="0" cellspacing="0">
                                      <tbody>
                                        <tr>
                                          <td> <a href="http://tigermeals-delivery.herokuapp.com/" target="_blank">Click here to sign in and view your orders.</a> </td>
                                        </tr>
                                      </tbody>
                                    </table>
                                  </td>
                                </tr>
                              </tbody>
                            </table>
                            <p>If there are any questions, please reach out to the restaurant directly.</p>
                            <p>Thank you for using TigerMeals Delivery!</p>
                          </td>
                        </tr>
                      </table>
                    </td>
                  </tr>

                <!-- END MAIN CONTENT AREA -->
                </table>

                <!-- START FOOTER -->
                <div class="footer">
                  <table role="presentation" border="0" cellpadding="0" cellspacing="0">
                    <tr>
                      <td class="content-block">
                        <br> Don't like these emails? <a href="#">Unsubscribe</a>.
                      </td>
                    </tr>

                  </table>
                </div>
                <!-- END FOOTER -->

              <!-- END CENTERED WHITE CONTAINER -->
              </div>
            </td>
            <td>&nbsp;</td>
          </tr>
        </table>
      </body>
    </html>
    """



# HTML and CSS for email to restaurant after they approve an order.
def rest_approved_html():
    return """<!doctype html>
    <html>
      <head>
        <meta name="viewport" content="width=device-width" />
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title>TigerMeals Delivery Order Approval Confirmation</title>""" + css() + """</head>
      <body class="">
        <table role="presentation" border="0" cellpadding="0" cellspacing="0" class="body">
          <tr>
            <td>&nbsp;</td>
            <td class="container">
              <div class="content">

                <!-- START CENTERED WHITE CONTAINER -->
                <span class="preheader">Your recent TigerMeals Delivery order is now approved!</span>
                <table role="presentation" class="main">

                  <!-- START MAIN CONTENT AREA -->
                  <tr>
                    <td class="wrapper">
                      <table role="presentation" border="0" cellpadding="0" cellspacing="0">
                        <tr>
                          <td>
                            <p>Hi there,</p>
                            <p>This email confirms you have successfully approved a pending order. Payment for the order will be withdrawn shortly.</p>
                            <table role="presentation" border="0" cellpadding="0" cellspacing="0" class="btn btn-primary">
                              <tbody>
                                <tr>
                                  <td align="left">
                                    <table role="presentation" border="0" cellpadding="0" cellspacing="0">
                                      <tbody>
                                        <tr>
                                          <td> <a href="http://tigermeals-delivery.herokuapp.com/" target="_blank">Click here to sign in and view your orders.</a> </td>
                                        </tr>
                                      </tbody>
                                    </table>
                                  </td>
                                </tr>
                              </tbody>
                            </table>
                            <p>If there are any questions, please reach out to the user directly.</p>
                            <p>Thank you for using TigerMeals Delivery!</p>
                          </td>
                        </tr>
                      </table>
                    </td>
                  </tr>

                <!-- END MAIN CONTENT AREA -->
                </table>

                <!-- START FOOTER -->
                <div class="footer">
                  <table role="presentation" border="0" cellpadding="0" cellspacing="0">
                    <tr>
                      <td class="content-block">
                        <br> Don't like these emails? <a href="#">Unsubscribe</a>.
                      </td>
                    </tr>

                  </table>
                </div>
                <!-- END FOOTER -->

              <!-- END CENTERED WHITE CONTAINER -->
              </div>
            </td>
            <td>&nbsp;</td>
          </tr>
        </table>
      </body>
    </html>
    """


# HTML and CSS for email to users after their order is denied.
def user_denied_html():
    return """<!doctype html>
    <html>
      <head>
        <meta name="viewport" content="width=device-width" />
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title>Your TigerMeals Delivery Order</title>""" + css() + """</head>
      <body class="">
        <table role="presentation" border="0" cellpadding="0" cellspacing="0" class="body">
          <tr>
            <td>&nbsp;</td>
            <td class="container">
              <div class="content">

                <!-- START CENTERED WHITE CONTAINER -->
                <span class="preheader">Your recent TigerMeals Delivery order has been denied by the restaurant.</span>
                <table role="presentation" class="main">

                  <!-- START MAIN CONTENT AREA -->
                  <tr>
                    <td class="wrapper">
                      <table role="presentation" border="0" cellpadding="0" cellspacing="0">
                        <tr>
                          <td>
                            <p>Hi there,</p>
                            <p>Your recently placed order has been denied by the restaurant. What this means is that your order will not be delivered and you will not be charged for this order.</p>
                            <p>Some possible reasons for being denied by a restaurant are availability, inability to commit to delivering very large portions, and previous order commitments.</p>
                            <table role="presentation" border="0" cellpadding="0" cellspacing="0" class="btn btn-primary">
                              <tbody>
                                <tr>
                                  <td align="left">
                                    <table role="presentation" border="0" cellpadding="0" cellspacing="0">
                                      <tbody>
                                        <tr>
                                          <td> <a href="http://tigermeals-delivery.herokuapp.com/" target="_blank">Click here to sign in and view your orders.</a> </td>
                                        </tr>
                                      </tbody>
                                    </table>
                                  </td>
                                </tr>
                              </tbody>
                            </table>
                            <p>If there are any questions, please reach out to the restaurant directly.</p>
                            <p>Thank you for using TigerMeals Delivery!</p>
                          </td>
                        </tr>
                      </table>
                    </td>
                  </tr>

                <!-- END MAIN CONTENT AREA -->
                </table>

                <!-- START FOOTER -->
                <div class="footer">
                  <table role="presentation" border="0" cellpadding="0" cellspacing="0">
                    <tr>
                      <td class="content-block">
                        <br> Don't like these emails? <a href="#">Unsubscribe</a>.
                      </td>
                    </tr>

                  </table>
                </div>
                <!-- END FOOTER -->

              <!-- END CENTERED WHITE CONTAINER -->
              </div>
            </td>
            <td>&nbsp;</td>
          </tr>
        </table>
      </body>
    </html>
    """

def user_48hours_html():
    return """<!doctype html>
    <html>
      <head>
        <meta name="viewport" content="width=device-width" />
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title>Your TigerMeals Delivery Order</title>""" + css() + """</head>
      <body class="">
        <table role="presentation" border="0" cellpadding="0" cellspacing="0" class="body">
          <tr>
            <td>&nbsp;</td>
            <td class="container">
              <div class="content">

                <!-- START CENTERED WHITE CONTAINER -->
                <span class="preheader">Your recent TigerMeals Delivery order has been removed.</span>
                <table role="presentation" class="main">

                  <!-- START MAIN CONTENT AREA -->
                  <tr>
                    <td class="wrapper">
                      <table role="presentation" border="0" cellpadding="0" cellspacing="0">
                        <tr>
                          <td>
                            <p>Hi there,</p>
                            <p>Your recently placed order has taken the restaurant more than 48 hours to respond to. What this means is that your order will not be delivered and you will not be charged for this order.</p>
                            <p>Some possible reasons for being denied by a restaurant are availability, inability to commit to delivering very large portions, and previous order commitments.</p>
                            <table role="presentation" border="0" cellpadding="0" cellspacing="0" class="btn btn-primary">
                              <tbody>
                                <tr>
                                  <td align="left">
                                    <table role="presentation" border="0" cellpadding="0" cellspacing="0">
                                      <tbody>
                                        <tr>
                                          <td> <a href="http://tigermeals-delivery.herokuapp.com/" target="_blank">Click here to sign in and view your orders.</a> </td>
                                        </tr>
                                      </tbody>
                                    </table>
                                  </td>
                                </tr>
                              </tbody>
                            </table>
                            <p>If there are any questions, please reach out to the restaurant directly.</p>
                            <p>Thank you for using TigerMeals Delivery!</p>
                          </td>
                        </tr>
                      </table>
                    </td>
                  </tr>

                <!-- END MAIN CONTENT AREA -->
                </table>

                <!-- START FOOTER -->
                <div class="footer">
                  <table role="presentation" border="0" cellpadding="0" cellspacing="0">
                    <tr>
                      <td class="content-block">
                        <br> Don't like these emails? <a href="#">Unsubscribe</a>.
                      </td>
                    </tr>

                  </table>
                </div>
                <!-- END FOOTER -->

              <!-- END CENTERED WHITE CONTAINER -->
              </div>
            </td>
            <td>&nbsp;</td>
          </tr>
        </table>
      </body>
    </html>
    """


def restaurant_48hours_html():
    return """<!doctype html>
    <html>
      <head>
        <meta name="viewport" content="width=device-width" />
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title>Your TigerMeals Delivery Order</title>""" + css() + """</head>
      <body class="">
        <table role="presentation" border="0" cellpadding="0" cellspacing="0" class="body">
          <tr>
            <td>&nbsp;</td>
            <td class="container">
              <div class="content">

                <!-- START CENTERED WHITE CONTAINER -->
                <span class="preheader">We have removed your TigerMeals Delivery order.</span>
                <table role="presentation" class="main">

                  <!-- START MAIN CONTENT AREA -->
                  <tr>
                    <td class="wrapper">
                      <table role="presentation" border="0" cellpadding="0" cellspacing="0">
                        <tr>
                          <td>
                            <p>Hi there,</p>
                            <p>You recently took more than 48 hours to approve an order made by a customer. What this means is that the order will not be available for you to fulfill, and will be removed from our systems.</p>
                            <p>You will not see this order in your "Pending Orders" list anymore.</p>
                            <table role="presentation" border="0" cellpadding="0" cellspacing="0" class="btn btn-primary">
                              <tbody>
                                <tr>
                                  <td align="left">
                                    <table role="presentation" border="0" cellpadding="0" cellspacing="0">
                                      <tbody>
                                        <tr>
                                          <td> <a href="http://tigermeals-delivery.herokuapp.com/" target="_blank">Click here to sign in and view your orders.</a> </td>
                                        </tr>
                                      </tbody>
                                    </table>
                                  </td>
                                </tr>
                              </tbody>
                            </table>
                            <p>If there are any questions, please reach out to the restaurant directly.</p>
                            <p>Thank you for using TigerMeals Delivery!</p>
                          </td>
                        </tr>
                      </table>
                    </td>
                  </tr>

                <!-- END MAIN CONTENT AREA -->
                </table>

                <!-- START FOOTER -->
                <div class="footer">
                  <table role="presentation" border="0" cellpadding="0" cellspacing="0">
                    <tr>
                      <td class="content-block">
                        <br> Don't like these emails? <a href="#">Unsubscribe</a>.
                      </td>
                    </tr>

                  </table>
                </div>
                <!-- END FOOTER -->

              <!-- END CENTERED WHITE CONTAINER -->
              </div>
            </td>
            <td>&nbsp;</td>
          </tr>
        </table>
      </body>
    </html>
    """

# HTML and CSS for email to restaurant after they deny an order.
def rest_denied_html():
    return """<!doctype html>
    <html>
      <head>
        <meta name="viewport" content="width=device-width" />
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title>TigerMeals Delivery Order Cancellation Confirmation</title>""" + css() + """</head>
      <body class="">
        <table role="presentation" border="0" cellpadding="0" cellspacing="0" class="body">
          <tr>
            <td>&nbsp;</td>
            <td class="container">
              <div class="content">

                <!-- START CENTERED WHITE CONTAINER -->
                <span class="preheader">Your recent TigerMeals Delivery order is now denied.</span>
                <table role="presentation" class="main">

                  <!-- START MAIN CONTENT AREA -->
                  <tr>
                    <td class="wrapper">
                      <table role="presentation" border="0" cellpadding="0" cellspacing="0">
                        <tr>
                          <td>
                            <p>Hi there,</p>
                            <p>This email confirms you have successfully denied a pending order. The user will be notified about the order will be deleted from your profile.</p>
                            <table role="presentation" border="0" cellpadding="0" cellspacing="0" class="btn btn-primary">
                              <tbody>
                                <tr>
                                  <td align="left">
                                    <table role="presentation" border="0" cellpadding="0" cellspacing="0">
                                      <tbody>
                                        <tr>
                                          <td> <a href="http://tigermeals-delivery.herokuapp.com/" target="_blank">Click here to sign in and view your orders.</a> </td>
                                        </tr>
                                      </tbody>
                                    </table>
                                  </td>
                                </tr>
                              </tbody>
                            </table>
                            <p>If there are any questions, please reach out to the user directly.</p>
                            <p>Thank you for using TigerMeals Delivery!</p>
                          </td>
                        </tr>
                      </table>
                    </td>
                  </tr>

                <!-- END MAIN CONTENT AREA -->
                </table>

                <!-- START FOOTER -->
                <div class="footer">
                  <table role="presentation" border="0" cellpadding="0" cellspacing="0">
                    <tr>
                      <td class="content-block">
                        <br> Don't like these emails? <a href="#">Unsubscribe</a>.
                      </td>
                    </tr>

                  </table>
                </div>
                <!-- END FOOTER -->

              <!-- END CENTERED WHITE CONTAINER -->
              </div>
            </td>
            <td>&nbsp;</td>
          </tr>
        </table>
      </body>
    </html>
    """


# HTML and CSS for email after delivery. (both user and restaurant)
def order_delivered_html():
    return """<!doctype html>
    <html>
      <head>
        <meta name="viewport" content="width=device-width" />
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title>TigerMeals Delivery Order</title>""" + css() + """</head>
      <body class="">
        <table role="presentation" border="0" cellpadding="0" cellspacing="0" class="body">
          <tr>
            <td>&nbsp;</td>
            <td class="container">
              <div class="content">

                <!-- START CENTERED WHITE CONTAINER -->
                <span class="preheader">Your recent TigerMeals Delivery order has been delivered.</span>
                <table role="presentation" class="main">

                  <!-- START MAIN CONTENT AREA -->
                  <tr>
                    <td class="wrapper">
                      <table role="presentation" border="0" cellpadding="0" cellspacing="0">
                        <tr>
                          <td>
                            <p>Hi there,</p>
                            <p>This email confirms that this order has been marked delivered. We hope that you enjoyed your experience and are willing to give us feedback on your experience.</p>
                            <table role="presentation" border="0" cellpadding="0" cellspacing="0" class="btn btn-primary">
                              <tbody>
                                <tr>
                                  <td align="left">
                                    <table role="presentation" border="0" cellpadding="0" cellspacing="0">
                                      <tbody>
                                        <tr>
                                          <td> <a href="http://tigermeals-delivery.herokuapp.com/" target="_blank">Click here to sign in.</a> </td>
                                        </tr>
                                      </tbody>
                                    </table>
                                  </td>
                                </tr>
                              </tbody>
                            </table>
                            <p>If there are any questions, please login and find the appropriate contact option for this order.</p>
                            <p>Thank you for using TigerMeals Delivery!</p>
                          </td>
                        </tr>
                      </table>
                    </td>
                  </tr>

                <!-- END MAIN CONTENT AREA -->
                </table>

                <!-- START FOOTER -->
                <div class="footer">
                  <table role="presentation" border="0" cellpadding="0" cellspacing="0">
                    <tr>
                      <td class="content-block">
                        <br> Don't like these emails? <a href="#">Unsubscribe</a>.
                      </td>
                    </tr>

                  </table>
                </div>
                <!-- END FOOTER -->

              <!-- END CENTERED WHITE CONTAINER -->
              </div>
            </td>
            <td>&nbsp;</td>
          </tr>
        </table>
      </body>
    </html>
    """


###################### CSS below used for all emails ##########################
def css():
    return """<style>
      /* -------------------------------------
          GLOBAL RESETS
      ------------------------------------- */

      /*All the styling goes here*/

      img {
        border: none;
        -ms-interpolation-mode: bicubic;
        max-width: 100%;
      }
      body {
        background-color: #f6f6f6;
        font-family: sans-serif;
        -webkit-font-smoothing: antialiased;
        font-size: 14px;
        line-height: 1.4;
        margin: 0;
        padding: 0;
        -ms-text-size-adjust: 100%;
        -webkit-text-size-adjust: 100%;
      }
      table {
        border-collapse: separate;
        mso-table-lspace: 0pt;
        mso-table-rspace: 0pt;
        width: 100%; }
        table td {
          font-family: sans-serif;
          font-size: 14px;
          vertical-align: top;
      }
      /* -------------------------------------
          BODY & CONTAINER
      ------------------------------------- */
      .body {
        background-color: #f6f6f6;
        width: 100%;
      }
      /* Set a max-width, and make it display as block so it will automatically stretch to that width, but will also shrink down on a phone or something */
      .container {
        display: block;
        Margin: 0 auto !important;
        /* makes it centered */
        max-width: 580px;
        padding: 10px;
        width: 580px;
      }
      /* This should also be a block element, so that it will fill 100% of the .container */
      .content {
        box-sizing: border-box;
        display: block;
        Margin: 0 auto;
        max-width: 580px;
        padding: 10px;
      }
      /* -------------------------------------
          HEADER, FOOTER, MAIN
      ------------------------------------- */
      .main {
        background: #ffffff;
        border-radius: 3px;
        width: 100%;
      }
      .wrapper {
        box-sizing: border-box;
        padding: 20px;
      }
      .content-block {
        padding-bottom: 10px;
        padding-top: 10px;
      }
      .footer {
        clear: both;
        Margin-top: 10px;
        text-align: center;
        width: 100%;
      }
        .footer td,
        .footer p,
        .footer span,
        .footer a {
          color: #999999;
          font-size: 12px;
          text-align: center;
      }
      /* -------------------------------------
          TYPOGRAPHY
      ------------------------------------- */
      h1,
      h2,
      h3,
      h4 {
        color: #000000;
        font-family: sans-serif;
        font-weight: 400;
        line-height: 1.4;
        margin: 0;
        margin-bottom: 30px;
      }
      h1 {
        font-size: 35px;
        font-weight: 300;
        text-align: center;
        text-transform: capitalize;
      }
      p,
      ul,
      ol {
        font-family: sans-serif;
        font-size: 14px;
        font-weight: normal;
        margin: 0;
        margin-bottom: 15px;
      }
        p li,
        ul li,
        ol li {
          list-style-position: inside;
          margin-left: 5px;
      }
      a {
        color: #3498db;
        text-decoration: underline;
      }
      /* -------------------------------------
          BUTTONS
      ------------------------------------- */
      .btn {
        box-sizing: border-box;
        width: 100%; }
        .btn > tbody > tr > td {
          padding-bottom: 15px; }
        .btn table {
          width: auto;
      }
        .btn table td {
          background-color: #ffffff;
          border-radius: 5px;
          text-align: center;
      }
        .btn a {
          background-color: #ffffff;
          border: solid 1px #3498db;
          border-radius: 5px;
          box-sizing: border-box;
          color: #3498db;
          cursor: pointer;
          display: inline-block;
          font-size: 14px;
          font-weight: bold;
          margin: 0;
          padding: 12px 25px;
          text-decoration: none;
          text-transform: capitalize;
      }
      .btn-primary table td {
        background-color: #3498db;
      }
      .btn-primary a {
        background-color: #3498db;
        border-color: #3498db;
        color: #ffffff;
      }
      /* -------------------------------------
          OTHER STYLES THAT MIGHT BE USEFUL
      ------------------------------------- */
      .last {
        margin-bottom: 0;
      }
      .first {
        margin-top: 0;
      }
      .align-center {
        text-align: center;
      }
      .align-right {
        text-align: right;
      }
      .align-left {
        text-align: left;
      }
      .clear {
        clear: both;
      }
      .mt0 {
        margin-top: 0;
      }
      .mb0 {
        margin-bottom: 0;
      }
      .preheader {
        color: transparent;
        display: none;
        height: 0;
        max-height: 0;
        max-width: 0;
        opacity: 0;
        overflow: hidden;
        mso-hide: all;
        visibility: hidden;
        width: 0;
      }
      .powered-by a {
        text-decoration: none;
      }
      hr {
        border: 0;
        border-bottom: 1px solid #f6f6f6;
        Margin: 20px 0;
      }
      /* -------------------------------------
          RESPONSIVE AND MOBILE FRIENDLY STYLES
      ------------------------------------- */
      @media only screen and (max-width: 620px) {
        table[class=body] h1 {
          font-size: 28px !important;
          margin-bottom: 10px !important;
        }
        table[class=body] p,
        table[class=body] ul,
        table[class=body] ol,
        table[class=body] td,
        table[class=body] span,
        table[class=body] a {
          font-size: 16px !important;
        }
        table[class=body] .wrapper,
        table[class=body] .article {
          padding: 10px !important;
        }
        table[class=body] .content {
          padding: 0 !important;
        }
        table[class=body] .container {
          padding: 0 !important;
          width: 100% !important;
        }
        table[class=body] .main {
          border-left-width: 0 !important;
          border-radius: 0 !important;
          border-right-width: 0 !important;
        }
        table[class=body] .btn table {
          width: 100% !important;
        }
        table[class=body] .btn a {
          width: 100% !important;
        }
        table[class=body] .img-responsive {
          height: auto !important;
          max-width: 100% !important;
          width: auto !important;
        }
      }
      /* -------------------------------------
          PRESERVE THESE STYLES IN THE HEAD
      ------------------------------------- */
      @media all {
        .ExternalClass {
          width: 100%;
        }
        .ExternalClass,
        .ExternalClass p,
        .ExternalClass span,
        .ExternalClass font,
        .ExternalClass td,
        .ExternalClass div {
          line-height: 100%;
        }
        .apple-link a {
          color: inherit !important;
          font-family: inherit !important;
          font-size: inherit !important;
          font-weight: inherit !important;
          line-height: inherit !important;
          text-decoration: none !important;
        }
        .btn-primary table td:hover {
          background-color: #34495e !important;
        }
        .btn-primary a:hover {
          background-color: #34495e !important;
          border-color: #34495e !important;
        }
      }
    </style>"""

#Email users to reset their passwords.
def reset_password_html(password):
    return """<!doctype html>
    <html>
      <head>
        <meta name="viewport" content="width=device-width" />
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title>Your TigerMeals Delivery Temporary Password</title>""" + css() + """</head>
      <body class="">
        <table role="presentation" border="0" cellpadding="0" cellspacing="0" class="body">
          <tr>
            <td>&nbsp;</td>
            <td class="container">
              <div class="content">

                <!-- START CENTERED WHITE CONTAINER -->
                <span class="preheader">We received your request for a temporary password.</span>
                <table role="presentation" class="main">

                  <!-- START MAIN CONTENT AREA -->
                  <tr>
                    <td class="wrapper">
                      <table role="presentation" border="0" cellpadding="0" cellspacing="0">
                        <tr>
                          <td>
                            <p>Hi there,</p>
                            <p>Your temporary password is: """ + password + """</p>
                            <table role="presentation" border="0" cellpadding="0" cellspacing="0" class="btn btn-primary">
                              <tbody>
                                <tr>
                                  <td align="left">
                                    <table role="presentation" border="0" cellpadding="0" cellspacing="0">
                                      <tbody>
                                        <tr>
                                          <td> <a href="http://tigermeals-delivery.herokuapp.com/">Click here to sign in.</a> </td>
                                        </tr>
                                      </tbody>
                                    </table>
                                  </td>
                                </tr>
                              </tbody>
                            </table>
                            <p>Please enter this temporary password promptly and change your password from your account upon logging in.</p>
                            <p>Thank you for using TigerMeals Delivery!</p>
                          </td>
                        </tr>
                      </table>
                    </td>
                  </tr>

                <!-- END MAIN CONTENT AREA -->
                </table>

                <!-- START FOOTER -->
                <div class="footer">
                  <table role="presentation" border="0" cellpadding="0" cellspacing="0">
                    <tr>
                      <td class="content-block">
                        <br> Don't like these emails? <a href="#">Unsubscribe</a>.
                      </td>
                    </tr>

                  </table>
                </div>
                <!-- END FOOTER -->

              <!-- END CENTERED WHITE CONTAINER -->
              </div>
            </td>
            <td>&nbsp;</td>
          </tr>
        </table>
      </body>
    </html>
    """


def user_order_html():
    return """<!doctype html>
    <html>
      <head>
        <meta name="viewport" content="width=device-width" />
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title>Your TigerMeals Delivery Order</title>""" + css() + """</head>
      <body class="">
        <table role="presentation" border="0" cellpadding="0" cellspacing="0" class="body">
          <tr>
            <td>&nbsp;</td>
            <td class="container">
              <div class="content">

                <!-- START CENTERED WHITE CONTAINER -->
                <span class="preheader">Your recent TigerMeals Delivery order has been successfully placed. Please allow up to 24 hours for restaurant approval of your order.</span>
                <table role="presentation" class="main">

                  <!-- START MAIN CONTENT AREA -->
                  <tr>
                    <td class="wrapper">
                      <table role="presentation" border="0" cellpadding="0" cellspacing="0">
                        <tr>
                          <td>
                            <p>Hi there,</p>
                            <p>Your order has been successfully placed and we are waiting to hear back from the restaurant about order approval.</p>
                            <table role="presentation" border="0" cellpadding="0" cellspacing="0" class="btn btn-primary">
                              <tbody>
                                <tr>
                                  <td align="left">
                                    <table role="presentation" border="0" cellpadding="0" cellspacing="0">
                                      <tbody>
                                        <tr>
                                          <td> <a href="http://tigermeals-delivery.herokuapp.com/">Click here to sign in and view your order status.</a> </td>
                                        </tr>
                                      </tbody>
                                    </table>
                                  </td>
                                </tr>
                              </tbody>
                            </table>
                            <p>In the meantime, feel free to continue browsing our website for more alternatives and contact the restaurant directly with more questions.</p>
                            <p>Thank you for using TigerMeals Delivery!</p>
                          </td>
                        </tr>
                      </table>
                    </td>
                  </tr>

                <!-- END MAIN CONTENT AREA -->
                </table>

                <!-- START FOOTER -->
                <div class="footer">
                  <table role="presentation" border="0" cellpadding="0" cellspacing="0">
                    <tr>
                      <td class="content-block">
                        <br> Don't like these emails? <a href="#">Unsubscribe</a>.
                      </td>
                    </tr>

                  </table>
                </div>
                <!-- END FOOTER -->

              <!-- END CENTERED WHITE CONTAINER -->
              </div>
            </td>
            <td>&nbsp;</td>
          </tr>
        </table>
      </body>
    </html>
    """


# HTML and CSS for email to users after placing an order.
def rest_order_html():
    return """<!doctype html>
    <html>
      <head>
        <meta name="viewport" content="width=device-width" />
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title>Pending TigerMeals Delivery Order</title>""" + css() + """</head>
      <body class="">
        <table role="presentation" border="0" cellpadding="0" cellspacing="0" class="body">
          <tr>
            <td>&nbsp;</td>
            <td class="container">
              <div class="content">

                <!-- START CENTERED WHITE CONTAINER -->
                <span class="preheader">A recent TigerMeals Delivery order is now pending online.</span>
                <table role="presentation" class="main">

                  <!-- START MAIN CONTENT AREA -->
                  <tr>
                    <td class="wrapper">
                      <table role="presentation" border="0" cellpadding="0" cellspacing="0">
                        <tr>
                          <td>
                            <p>Hi there,</p>
                            <p>A user has requested an order from your restaurant. At your earliest convenience, please login to the website and approve or deny this order.</p>
                            <table role="presentation" border="0" cellpadding="0" cellspacing="0" class="btn btn-primary">
                              <tbody>
                                <tr>
                                  <td align="left">
                                    <table role="presentation" border="0" cellpadding="0" cellspacing="0">
                                      <tbody>
                                        <tr>
                                          <td> <a href="http://tigermeals-delivery.herokuapp.com/" target="_blank">Click here to view the order.</a> </td>
                                        </tr>
                                      </tbody>
                                    </table>
                                  </td>
                                </tr>
                              </tbody>
                            </table>
                            <p>If there are any questions, please reach out to the user directly.</p>
                            <p>Thank you for using TigerMeals Delivery!</p>
                          </td>
                        </tr>
                      </table>
                    </td>
                  </tr>

                <!-- END MAIN CONTENT AREA -->
                </table>

                <!-- START FOOTER -->
                <div class="footer">
                  <table role="presentation" border="0" cellpadding="0" cellspacing="0">
                    <tr>
                      <td class="content-block">
                        <br> Don't like these emails? <a href="#">Unsubscribe</a>.
                      </td>
                    </tr>

                  </table>
                </div>
                <!-- END FOOTER -->

              <!-- END CENTERED WHITE CONTAINER -->
              </div>
            </td>
            <td>&nbsp;</td>
          </tr>
        </table>
      </body>
    </html>
    """


# HTML and CSS for email to users after their order is approved.
def user_approved_html():
    return """<!doctype html>
    <html>
      <head>
        <meta name="viewport" content="width=device-width" />
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title>Your TigerMeals Delivery Order</title>""" + css() + """</head>
      <body class="">
        <table role="presentation" border="0" cellpadding="0" cellspacing="0" class="body">
          <tr>
            <td>&nbsp;</td>
            <td class="container">
              <div class="content">

                <!-- START CENTERED WHITE CONTAINER -->
                <span class="preheader">Your recent TigerMeals Delivery order is now approved!</span>
                <table role="presentation" class="main">

                  <!-- START MAIN CONTENT AREA -->
                  <tr>
                    <td class="wrapper">
                      <table role="presentation" border="0" cellpadding="0" cellspacing="0">
                        <tr>
                          <td>
                            <p>Hi there,</p>
                            <p>Your recently placed order has now been approved by the restaurant. What this means is that your order is confirmed and you will be charged shortly for payment, unless you are paying by cash.</p>
                            <table role="presentation" border="0" cellpadding="0" cellspacing="0" class="btn btn-primary">
                              <tbody>
                                <tr>
                                  <td align="left">
                                    <table role="presentation" border="0" cellpadding="0" cellspacing="0">
                                      <tbody>
                                        <tr>
                                          <td> <a href="http://tigermeals-delivery.herokuapp.com/" target="_blank">Click here to sign in and view your orders.</a> </td>
                                        </tr>
                                      </tbody>
                                    </table>
                                  </td>
                                </tr>
                              </tbody>
                            </table>
                            <p>If there are any questions, please reach out to the restaurant directly.</p>
                            <p>Thank you for using TigerMeals Delivery!</p>
                          </td>
                        </tr>
                      </table>
                    </td>
                  </tr>

                <!-- END MAIN CONTENT AREA -->
                </table>

                <!-- START FOOTER -->
                <div class="footer">
                  <table role="presentation" border="0" cellpadding="0" cellspacing="0">
                    <tr>
                      <td class="content-block">
                        <br> Don't like these emails? <a href="#">Unsubscribe</a>.
                      </td>
                    </tr>

                  </table>
                </div>
                <!-- END FOOTER -->

              <!-- END CENTERED WHITE CONTAINER -->
              </div>
            </td>
            <td>&nbsp;</td>
          </tr>
        </table>
      </body>
    </html>
    """



# HTML and CSS for email to restaurant after they approve an order.
def rest_approved_html():
    return """<!doctype html>
    <html>
      <head>
        <meta name="viewport" content="width=device-width" />
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title>TigerMeals Delivery Order Approval Confirmation</title>""" + css() + """</head>
      <body class="">
        <table role="presentation" border="0" cellpadding="0" cellspacing="0" class="body">
          <tr>
            <td>&nbsp;</td>
            <td class="container">
              <div class="content">

                <!-- START CENTERED WHITE CONTAINER -->
                <span class="preheader">Your recent TigerMeals Delivery order is now approved!</span>
                <table role="presentation" class="main">

                  <!-- START MAIN CONTENT AREA -->
                  <tr>
                    <td class="wrapper">
                      <table role="presentation" border="0" cellpadding="0" cellspacing="0">
                        <tr>
                          <td>
                            <p>Hi there,</p>
                            <p>This email confirms you have successfully approved a pending order. Payment for the order will be withdrawn shortly.</p>
                            <table role="presentation" border="0" cellpadding="0" cellspacing="0" class="btn btn-primary">
                              <tbody>
                                <tr>
                                  <td align="left">
                                    <table role="presentation" border="0" cellpadding="0" cellspacing="0">
                                      <tbody>
                                        <tr>
                                          <td> <a href="http://tigermeals-delivery.herokuapp.com/" target="_blank">Click here to sign in and view your orders.</a> </td>
                                        </tr>
                                      </tbody>
                                    </table>
                                  </td>
                                </tr>
                              </tbody>
                            </table>
                            <p>If there are any questions, please reach out to the user directly.</p>
                            <p>Thank you for using TigerMeals Delivery!</p>
                          </td>
                        </tr>
                      </table>
                    </td>
                  </tr>

                <!-- END MAIN CONTENT AREA -->
                </table>

                <!-- START FOOTER -->
                <div class="footer">
                  <table role="presentation" border="0" cellpadding="0" cellspacing="0">
                    <tr>
                      <td class="content-block">
                        <br> Don't like these emails? <a href="#">Unsubscribe</a>.
                      </td>
                    </tr>

                  </table>
                </div>
                <!-- END FOOTER -->

              <!-- END CENTERED WHITE CONTAINER -->
              </div>
            </td>
            <td>&nbsp;</td>
          </tr>
        </table>
      </body>
    </html>
    """


# HTML and CSS for email to users after their order is denied.
def user_denied_html():
    return """<!doctype html>
    <html>
      <head>
        <meta name="viewport" content="width=device-width" />
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title>Your TigerMeals Delivery Order</title>""" + css() + """</head>
      <body class="">
        <table role="presentation" border="0" cellpadding="0" cellspacing="0" class="body">
          <tr>
            <td>&nbsp;</td>
            <td class="container">
              <div class="content">

                <!-- START CENTERED WHITE CONTAINER -->
                <span class="preheader">Your recent TigerMeals Delivery order has been denied by the restaurant.</span>
                <table role="presentation" class="main">

                  <!-- START MAIN CONTENT AREA -->
                  <tr>
                    <td class="wrapper">
                      <table role="presentation" border="0" cellpadding="0" cellspacing="0">
                        <tr>
                          <td>
                            <p>Hi there,</p>
                            <p>Your recently placed order has been denied by the restaurant. What this means is that your order will not be delivered and you will not be charged for this order.</p>
                            <p>Some possible reasons for being denied by a restaurant are availability, inability to commit to delivering very large portions, and previous order commitments.</p>
                            <table role="presentation" border="0" cellpadding="0" cellspacing="0" class="btn btn-primary">
                              <tbody>
                                <tr>
                                  <td align="left">
                                    <table role="presentation" border="0" cellpadding="0" cellspacing="0">
                                      <tbody>
                                        <tr>
                                          <td> <a href="http://tigermeals-delivery.herokuapp.com/" target="_blank">Click here to sign in and view your orders.</a> </td>
                                        </tr>
                                      </tbody>
                                    </table>
                                  </td>
                                </tr>
                              </tbody>
                            </table>
                            <p>If there are any questions, please reach out to the restaurant directly.</p>
                            <p>Thank you for using TigerMeals Delivery!</p>
                          </td>
                        </tr>
                      </table>
                    </td>
                  </tr>

                <!-- END MAIN CONTENT AREA -->
                </table>

                <!-- START FOOTER -->
                <div class="footer">
                  <table role="presentation" border="0" cellpadding="0" cellspacing="0">
                    <tr>
                      <td class="content-block">
                        <br> Don't like these emails? <a href="#">Unsubscribe</a>.
                      </td>
                    </tr>

                  </table>
                </div>
                <!-- END FOOTER -->

              <!-- END CENTERED WHITE CONTAINER -->
              </div>
            </td>
            <td>&nbsp;</td>
          </tr>
        </table>
      </body>
    </html>
    """

def user_48hours_html():
    return """<!doctype html>
    <html>
      <head>
        <meta name="viewport" content="width=device-width" />
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title>Your TigerMeals Delivery Order</title>""" + css() + """</head>
      <body class="">
        <table role="presentation" border="0" cellpadding="0" cellspacing="0" class="body">
          <tr>
            <td>&nbsp;</td>
            <td class="container">
              <div class="content">

                <!-- START CENTERED WHITE CONTAINER -->
                <span class="preheader">Your recent TigerMeals Delivery order has been removed.</span>
                <table role="presentation" class="main">

                  <!-- START MAIN CONTENT AREA -->
                  <tr>
                    <td class="wrapper">
                      <table role="presentation" border="0" cellpadding="0" cellspacing="0">
                        <tr>
                          <td>
                            <p>Hi there,</p>
                            <p>Your recently placed order has taken the restaurant more than 48 hours to respond to. What this means is that your order will not be delivered and you will not be charged for this order.</p>
                            <p>Some possible reasons for being denied by a restaurant are availability, inability to commit to delivering very large portions, and previous order commitments.</p>
                            <table role="presentation" border="0" cellpadding="0" cellspacing="0" class="btn btn-primary">
                              <tbody>
                                <tr>
                                  <td align="left">
                                    <table role="presentation" border="0" cellpadding="0" cellspacing="0">
                                      <tbody>
                                        <tr>
                                          <td> <a href="http://tigermeals-delivery.herokuapp.com/" target="_blank">Click here to sign in and view your orders.</a> </td>
                                        </tr>
                                      </tbody>
                                    </table>
                                  </td>
                                </tr>
                              </tbody>
                            </table>
                            <p>If there are any questions, please reach out to the restaurant directly.</p>
                            <p>Thank you for using TigerMeals Delivery!</p>
                          </td>
                        </tr>
                      </table>
                    </td>
                  </tr>

                <!-- END MAIN CONTENT AREA -->
                </table>

                <!-- START FOOTER -->
                <div class="footer">
                  <table role="presentation" border="0" cellpadding="0" cellspacing="0">
                    <tr>
                      <td class="content-block">
                        <br> Don't like these emails? <a href="#">Unsubscribe</a>.
                      </td>
                    </tr>

                  </table>
                </div>
                <!-- END FOOTER -->

              <!-- END CENTERED WHITE CONTAINER -->
              </div>
            </td>
            <td>&nbsp;</td>
          </tr>
        </table>
      </body>
    </html>
    """


def restaurant_48hours_html():
    return """<!doctype html>
    <html>
      <head>
        <meta name="viewport" content="width=device-width" />
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title>Your TigerMeals Delivery Order</title>""" + css() + """</head>
      <body class="">
        <table role="presentation" border="0" cellpadding="0" cellspacing="0" class="body">
          <tr>
            <td>&nbsp;</td>
            <td class="container">
              <div class="content">

                <!-- START CENTERED WHITE CONTAINER -->
                <span class="preheader">We have removed your TigerMeals Delivery order.</span>
                <table role="presentation" class="main">

                  <!-- START MAIN CONTENT AREA -->
                  <tr>
                    <td class="wrapper">
                      <table role="presentation" border="0" cellpadding="0" cellspacing="0">
                        <tr>
                          <td>
                            <p>Hi there,</p>
                            <p>You recently took more than 48 hours to approve an order made by a customer. What this means is that the order will not be available for you to fulfill, and will be removed from our systems.</p>
                            <p>You will not see this order in your "Pending Orders" list anymore.</p>
                            <table role="presentation" border="0" cellpadding="0" cellspacing="0" class="btn btn-primary">
                              <tbody>
                                <tr>
                                  <td align="left">
                                    <table role="presentation" border="0" cellpadding="0" cellspacing="0">
                                      <tbody>
                                        <tr>
                                          <td> <a href="http://tigermeals-delivery.herokuapp.com/" target="_blank">Click here to sign in and view your orders.</a> </td>
                                        </tr>
                                      </tbody>
                                    </table>
                                  </td>
                                </tr>
                              </tbody>
                            </table>
                            <p>If there are any questions, please reach out to the restaurant directly.</p>
                            <p>Thank you for using TigerMeals Delivery!</p>
                          </td>
                        </tr>
                      </table>
                    </td>
                  </tr>

                <!-- END MAIN CONTENT AREA -->
                </table>

                <!-- START FOOTER -->
                <div class="footer">
                  <table role="presentation" border="0" cellpadding="0" cellspacing="0">
                    <tr>
                      <td class="content-block">
                        <br> Don't like these emails? <a href="#">Unsubscribe</a>.
                      </td>
                    </tr>

                  </table>
                </div>
                <!-- END FOOTER -->

              <!-- END CENTERED WHITE CONTAINER -->
              </div>
            </td>
            <td>&nbsp;</td>
          </tr>
        </table>
      </body>
    </html>
    """

# HTML and CSS for email to restaurant after they deny an order.
def rest_denied_html():
    return """<!doctype html>
    <html>
      <head>
        <meta name="viewport" content="width=device-width" />
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title>TigerMeals Delivery Order Cancellation Confirmation</title>""" + css() + """</head>
      <body class="">
        <table role="presentation" border="0" cellpadding="0" cellspacing="0" class="body">
          <tr>
            <td>&nbsp;</td>
            <td class="container">
              <div class="content">

                <!-- START CENTERED WHITE CONTAINER -->
                <span class="preheader">Your recent TigerMeals Delivery order is now denied.</span>
                <table role="presentation" class="main">

                  <!-- START MAIN CONTENT AREA -->
                  <tr>
                    <td class="wrapper">
                      <table role="presentation" border="0" cellpadding="0" cellspacing="0">
                        <tr>
                          <td>
                            <p>Hi there,</p>
                            <p>This email confirms you have successfully denied a pending order. The user will be notified about the order will be deleted from your profile.</p>
                            <table role="presentation" border="0" cellpadding="0" cellspacing="0" class="btn btn-primary">
                              <tbody>
                                <tr>
                                  <td align="left">
                                    <table role="presentation" border="0" cellpadding="0" cellspacing="0">
                                      <tbody>
                                        <tr>
                                          <td> <a href="http://tigermeals-delivery.herokuapp.com/" target="_blank">Click here to sign in and view your orders.</a> </td>
                                        </tr>
                                      </tbody>
                                    </table>
                                  </td>
                                </tr>
                              </tbody>
                            </table>
                            <p>If there are any questions, please reach out to the user directly.</p>
                            <p>Thank you for using TigerMeals Delivery!</p>
                          </td>
                        </tr>
                      </table>
                    </td>
                  </tr>

                <!-- END MAIN CONTENT AREA -->
                </table>

                <!-- START FOOTER -->
                <div class="footer">
                  <table role="presentation" border="0" cellpadding="0" cellspacing="0">
                    <tr>
                      <td class="content-block">
                        <br> Don't like these emails? <a href="#">Unsubscribe</a>.
                      </td>
                    </tr>

                  </table>
                </div>
                <!-- END FOOTER -->

              <!-- END CENTERED WHITE CONTAINER -->
              </div>
            </td>
            <td>&nbsp;</td>
          </tr>
        </table>
      </body>
    </html>
    """


# HTML and CSS for email after delivery. (both user and restaurant)
def order_delivered_html():
    return """<!doctype html>
    <html>
      <head>
        <meta name="viewport" content="width=device-width" />
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title>TigerMeals Delivery Order</title>""" + css() + """</head>
      <body class="">
        <table role="presentation" border="0" cellpadding="0" cellspacing="0" class="body">
          <tr>
            <td>&nbsp;</td>
            <td class="container">
              <div class="content">

                <!-- START CENTERED WHITE CONTAINER -->
                <span class="preheader">Your recent TigerMeals Delivery order has been delivered.</span>
                <table role="presentation" class="main">

                  <!-- START MAIN CONTENT AREA -->
                  <tr>
                    <td class="wrapper">
                      <table role="presentation" border="0" cellpadding="0" cellspacing="0">
                        <tr>
                          <td>
                            <p>Hi there,</p>
                            <p>This email confirms that this order has been marked delivered. We hope that you enjoyed your experience and are willing to give us feedback on your experience.</p>
                            <table role="presentation" border="0" cellpadding="0" cellspacing="0" class="btn btn-primary">
                              <tbody>
                                <tr>
                                  <td align="left">
                                    <table role="presentation" border="0" cellpadding="0" cellspacing="0">
                                      <tbody>
                                        <tr>
                                          <td> <a href="http://tigermeals-delivery.herokuapp.com/" target="_blank">Click here to sign in.</a> </td>
                                        </tr>
                                      </tbody>
                                    </table>
                                  </td>
                                </tr>
                              </tbody>
                            </table>
                            <p>If there are any questions, please login and find the appropriate contact option for this order.</p>
                            <p>Thank you for using TigerMeals Delivery!</p>
                          </td>
                        </tr>
                      </table>
                    </td>
                  </tr>

                <!-- END MAIN CONTENT AREA -->
                </table>

                <!-- START FOOTER -->
                <div class="footer">
                  <table role="presentation" border="0" cellpadding="0" cellspacing="0">
                    <tr>
                      <td class="content-block">
                        <br> Don't like these emails? <a href="#">Unsubscribe</a>.
                      </td>
                    </tr>

                  </table>
                </div>
                <!-- END FOOTER -->

              <!-- END CENTERED WHITE CONTAINER -->
              </div>
            </td>
            <td>&nbsp;</td>
          </tr>
        </table>
      </body>
    </html>
    """


###################### CSS below used for all emails ##########################
def css():
    return """<style>
      /* -------------------------------------
          GLOBAL RESETS
      ------------------------------------- */

      /*All the styling goes here*/

      img {
        border: none;
        -ms-interpolation-mode: bicubic;
        max-width: 100%;
      }
      body {
        background-color: #f6f6f6;
        font-family: sans-serif;
        -webkit-font-smoothing: antialiased;
        font-size: 14px;
        line-height: 1.4;
        margin: 0;
        padding: 0;
        -ms-text-size-adjust: 100%;
        -webkit-text-size-adjust: 100%;
      }
      table {
        border-collapse: separate;
        mso-table-lspace: 0pt;
        mso-table-rspace: 0pt;
        width: 100%; }
        table td {
          font-family: sans-serif;
          font-size: 14px;
          vertical-align: top;
      }
      /* -------------------------------------
          BODY & CONTAINER
      ------------------------------------- */
      .body {
        background-color: #f6f6f6;
        width: 100%;
      }
      /* Set a max-width, and make it display as block so it will automatically stretch to that width, but will also shrink down on a phone or something */
      .container {
        display: block;
        Margin: 0 auto !important;
        /* makes it centered */
        max-width: 580px;
        padding: 10px;
        width: 580px;
      }
      /* This should also be a block element, so that it will fill 100% of the .container */
      .content {
        box-sizing: border-box;
        display: block;
        Margin: 0 auto;
        max-width: 580px;
        padding: 10px;
      }
      /* -------------------------------------
          HEADER, FOOTER, MAIN
      ------------------------------------- */
      .main {
        background: #ffffff;
        border-radius: 3px;
        width: 100%;
      }
      .wrapper {
        box-sizing: border-box;
        padding: 20px;
      }
      .content-block {
        padding-bottom: 10px;
        padding-top: 10px;
      }
      .footer {
        clear: both;
        Margin-top: 10px;
        text-align: center;
        width: 100%;
      }
        .footer td,
        .footer p,
        .footer span,
        .footer a {
          color: #999999;
          font-size: 12px;
          text-align: center;
      }
      /* -------------------------------------
          TYPOGRAPHY
      ------------------------------------- */
      h1,
      h2,
      h3,
      h4 {
        color: #000000;
        font-family: sans-serif;
        font-weight: 400;
        line-height: 1.4;
        margin: 0;
        margin-bottom: 30px;
      }
      h1 {
        font-size: 35px;
        font-weight: 300;
        text-align: center;
        text-transform: capitalize;
      }
      p,
      ul,
      ol {
        font-family: sans-serif;
        font-size: 14px;
        font-weight: normal;
        margin: 0;
        margin-bottom: 15px;
      }
        p li,
        ul li,
        ol li {
          list-style-position: inside;
          margin-left: 5px;
      }
      a {
        color: #3498db;
        text-decoration: underline;
      }
      /* -------------------------------------
          BUTTONS
      ------------------------------------- */
      .btn {
        box-sizing: border-box;
        width: 100%; }
        .btn > tbody > tr > td {
          padding-bottom: 15px; }
        .btn table {
          width: auto;
      }
        .btn table td {
          background-color: #ffffff;
          border-radius: 5px;
          text-align: center;
      }
        .btn a {
          background-color: #ffffff;
          border: solid 1px #3498db;
          border-radius: 5px;
          box-sizing: border-box;
          color: #3498db;
          cursor: pointer;
          display: inline-block;
          font-size: 14px;
          font-weight: bold;
          margin: 0;
          padding: 12px 25px;
          text-decoration: none;
          text-transform: capitalize;
      }
      .btn-primary table td {
        background-color: #3498db;
      }
      .btn-primary a {
        background-color: #3498db;
        border-color: #3498db;
        color: #ffffff;
      }
      /* -------------------------------------
          OTHER STYLES THAT MIGHT BE USEFUL
      ------------------------------------- */
      .last {
        margin-bottom: 0;
      }
      .first {
        margin-top: 0;
      }
      .align-center {
        text-align: center;
      }
      .align-right {
        text-align: right;
      }
      .align-left {
        text-align: left;
      }
      .clear {
        clear: both;
      }
      .mt0 {
        margin-top: 0;
      }
      .mb0 {
        margin-bottom: 0;
      }
      .preheader {
        color: transparent;
        display: none;
        height: 0;
        max-height: 0;
        max-width: 0;
        opacity: 0;
        overflow: hidden;
        mso-hide: all;
        visibility: hidden;
        width: 0;
      }
      .powered-by a {
        text-decoration: none;
      }
      hr {
        border: 0;
        border-bottom: 1px solid #f6f6f6;
        Margin: 20px 0;
      }
      /* -------------------------------------
          RESPONSIVE AND MOBILE FRIENDLY STYLES
      ------------------------------------- */
      @media only screen and (max-width: 620px) {
        table[class=body] h1 {
          font-size: 28px !important;
          margin-bottom: 10px !important;
        }
        table[class=body] p,
        table[class=body] ul,
        table[class=body] ol,
        table[class=body] td,
        table[class=body] span,
        table[class=body] a {
          font-size: 16px !important;
        }
        table[class=body] .wrapper,
        table[class=body] .article {
          padding: 10px !important;
        }
        table[class=body] .content {
          padding: 0 !important;
        }
        table[class=body] .container {
          padding: 0 !important;
          width: 100% !important;
        }
        table[class=body] .main {
          border-left-width: 0 !important;
          border-radius: 0 !important;
          border-right-width: 0 !important;
        }
        table[class=body] .btn table {
          width: 100% !important;
        }
        table[class=body] .btn a {
          width: 100% !important;
        }
        table[class=body] .img-responsive {
          height: auto !important;
          max-width: 100% !important;
          width: auto !important;
        }
      }
      /* -------------------------------------
          PRESERVE THESE STYLES IN THE HEAD
      ------------------------------------- */
      @media all {
        .ExternalClass {
          width: 100%;
        }
        .ExternalClass,
        .ExternalClass p,
        .ExternalClass span,
        .ExternalClass font,
        .ExternalClass td,
        .ExternalClass div {
          line-height: 100%;
        }
        .apple-link a {
          color: inherit !important;
          font-family: inherit !important;
          font-size: inherit !important;
          font-weight: inherit !important;
          line-height: inherit !important;
          text-decoration: none !important;
        }
        .btn-primary table td:hover {
          background-color: #34495e !important;
        }
        .btn-primary a:hover {
          background-color: #34495e !important;
          border-color: #34495e !important;
        }
      }
    </style>"""
#Email users to reset their passwords. <!doctype html>     <html>       <head>         <meta name="viewport" content="width=device-width" />         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />         <title>Your TigerMeals Delivery Temporary Password</title> </head>       <body class="">         <table role="presentation" border="0" cellpadding="0" cellspacing="0" class="body">           <tr>             <td>&nbsp;</td>             <td class="container">               <div class="content">                  <!-- START CENTERED WHITE CONTAINER -->                 <span class="preheader">We received your request for a temporary password.</span>                 <table role="presentation" class="main">                    <!-- START MAIN CONTENT AREA -->                   <tr>                     <td class="wrapper">                       <table role="presentation" border="0" cellpadding="0" cellspacing="0">                         <tr>                           <td>                             <p>Hi there,</p>                             <p>Your temporary password is: </p>                             <table role="presentation" border="0" cellpadding="0" cellspacing="0" class="btn btn-primary">                               <tbody>                                 <tr>                                   <td align="left">                                     <table role="presentation" border="0" cellpadding="0" cellspacing="0">                                       <tbody>                                         <tr>                                           <td> <a href="http://tigermeals-delivery.herokuapp.com/">Click here to sign in.</a> </td>                                         </tr>                                       </tbody>                                     </table>                                   </td>                                 </tr>                               </tbody>                             </table>                             <p>Please enter this temporary password promptly and change your password from your account upon logging in.</p>                             <p>Thank you for using TigerMeals Delivery!</p>                           </td>                         </tr>                       </table>                     </td>                   </tr>                  <!-- END MAIN CONTENT AREA -->                 </table>                  <!-- START FOOTER -->                 <div class="footer">                   <table role="presentation" border="0" cellpadding="0" cellspacing="0">                     <tr>                       <td class="content-block">                         <br> Don't like these emails? <a href="#">Unsubscribe</a>.                       </td>                     </tr>                    </table>                 </div>                 <!-- END FOOTER -->                <!-- END CENTERED WHITE CONTAINER -->               </div>             </td>             <td>&nbsp;</td>           </tr>         </table>       </body>     </html> <!doctype html>     <html>       <head>         <meta name="viewport" content="width=device-width" />         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />         <title>Your TigerMeals Delivery Order</title> </head>       <body class="">         <table role="presentation" border="0" cellpadding="0" cellspacing="0" class="body">           <tr>             <td>&nbsp;</td>             <td class="container">               <div class="content">                  <!-- START CENTERED WHITE CONTAINER -->                 <span class="preheader">Your recent TigerMeals Delivery order has been successfully placed. Please allow up to 24 hours for restaurant approval of your order.</span>                 <table role="presentation" class="main">                    <!-- START MAIN CONTENT AREA -->                   <tr>                     <td class="wrapper">                       <table role="presentation" border="0" cellpadding="0" cellspacing="0">                         <tr>                           <td>                             <p>Hi there,</p>                             <p>Your order has been successfully placed and we are waiting to hear back from the restaurant about order approval.</p>                             <table role="presentation" border="0" cellpadding="0" cellspacing="0" class="btn btn-primary">                               <tbody>                                 <tr>                                   <td align="left">                                     <table role="presentation" border="0" cellpadding="0" cellspacing="0">                                       <tbody>                                         <tr>                                           <td> <a href="http://tigermeals-delivery.herokuapp.com/">Click here to sign in and view your order status.</a> </td>                                         </tr>                                       </tbody>                                     </table>                                   </td>                                 </tr>                               </tbody>                             </table>                             <p>In the meantime, feel free to continue browsing our website for more alternatives and contact the restaurant directly with more questions.</p>                             <p>Thank you for using TigerMeals Delivery!</p>                           </td>                         </tr>                       </table>                     </td>                   </tr>                  <!-- END MAIN CONTENT AREA -->                 </table>                  <!-- START FOOTER -->                 <div class="footer">                   <table role="presentation" border="0" cellpadding="0" cellspacing="0">                     <tr>                       <td class="content-block">                         <br> Don't like these emails? <a href="#">Unsubscribe</a>.                       </td>                     </tr>                    </table>                 </div>                 <!-- END FOOTER -->                <!-- END CENTERED WHITE CONTAINER -->               </div>             </td>             <td>&nbsp;</td>           </tr>         </table>       </body>     </html> # HTML and CSS for email to users after placing an order. <!doctype html>     <html>       <head>         <meta name="viewport" content="width=device-width" />         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />         <title>Pending TigerMeals Delivery Order</title> </head>       <body class="">         <table role="presentation" border="0" cellpadding="0" cellspacing="0" class="body">           <tr>             <td>&nbsp;</td>             <td class="container">               <div class="content">                  <!-- START CENTERED WHITE CONTAINER -->                 <span class="preheader">A recent TigerMeals Delivery order is now pending online.</span>                 <table role="presentation" class="main">                    <!-- START MAIN CONTENT AREA -->                   <tr>                     <td class="wrapper">                       <table role="presentation" border="0" cellpadding="0" cellspacing="0">                         <tr>                           <td>                             <p>Hi there,</p>                             <p>A user has requested an order from your restaurant. At your earliest convenience, please login to the website and approve or deny this order.</p>                             <table role="presentation" border="0" cellpadding="0" cellspacing="0" class="btn btn-primary">                               <tbody>                                 <tr>                                   <td align="left">                                     <table role="presentation" border="0" cellpadding="0" cellspacing="0">                                       <tbody>                                         <tr>                                           <td> <a href="http://tigermeals-delivery.herokuapp.com/" target="_blank">Click here to view the order.</a> </td>                                         </tr>                                       </tbody>                                     </table>                                   </td>                                 </tr>                               </tbody>                             </table>                             <p>If there are any questions, please reach out to the user directly.</p>                             <p>Thank you for using TigerMeals Delivery!</p>                           </td>                         </tr>                       </table>                     </td>                   </tr>                  <!-- END MAIN CONTENT AREA -->                 </table>                  <!-- START FOOTER -->                 <div class="footer">                   <table role="presentation" border="0" cellpadding="0" cellspacing="0">                     <tr>                       <td class="content-block">                         <br> Don't like these emails? <a href="#">Unsubscribe</a>.                       </td>                     </tr>                    </table>                 </div>                 <!-- END FOOTER -->                <!-- END CENTERED WHITE CONTAINER -->               </div>             </td>             <td>&nbsp;</td>           </tr>         </table>       </body>     </html> # HTML and CSS for email to users after their order is approved. <!doctype html>     <html>       <head>         <meta name="viewport" content="width=device-width" />         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />         <title>Your TigerMeals Delivery Order</title> </head>       <body class="">         <table role="presentation" border="0" cellpadding="0" cellspacing="0" class="body">           <tr>             <td>&nbsp;</td>             <td class="container">               <div class="content">                  <!-- START CENTERED WHITE CONTAINER -->                 <span class="preheader">Your recent TigerMeals Delivery order is now approved!</span>                 <table role="presentation" class="main">                    <!-- START MAIN CONTENT AREA -->                   <tr>                     <td class="wrapper">                       <table role="presentation" border="0" cellpadding="0" cellspacing="0">                         <tr>                           <td>                             <p>Hi there,</p>                             <p>Your recently placed order has now been approved by the restaurant. What this means is that your order is confirmed and you will be charged shortly for payment, unless you are paying by cash.</p>                             <table role="presentation" border="0" cellpadding="0" cellspacing="0" class="btn btn-primary">                               <tbody>                                 <tr>                                   <td align="left">                                     <table role="presentation" border="0" cellpadding="0" cellspacing="0">                                       <tbody>                                         <tr>                                           <td> <a href="http://tigermeals-delivery.herokuapp.com/" target="_blank">Click here to sign in and view your orders.</a> </td>                                         </tr>                                       </tbody>                                     </table>                                   </td>                                 </tr>                               </tbody>                             </table>                             <p>If there are any questions, please reach out to the restaurant directly.</p>                             <p>Thank you for using TigerMeals Delivery!</p>                           </td>                         </tr>                       </table>                     </td>                   </tr>                  <!-- END MAIN CONTENT AREA -->                 </table>                  <!-- START FOOTER -->                 <div class="footer">                   <table role="presentation" border="0" cellpadding="0" cellspacing="0">                     <tr>                       <td class="content-block">                         <br> Don't like these emails? <a href="#">Unsubscribe</a>.                       </td>                     </tr>                    </table>                 </div>                 <!-- END FOOTER -->                <!-- END CENTERED WHITE CONTAINER -->               </div>             </td>             <td>&nbsp;</td>           </tr>         </table>       </body>     </html> # HTML and CSS for email to restaurant after they approve an order. <!doctype html>     <html>       <head>         <meta name="viewport" content="width=device-width" />         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />         <title>TigerMeals Delivery Order Approval Confirmation</title> </head>       <body class="">         <table role="presentation" border="0" cellpadding="0" cellspacing="0" class="body">           <tr>             <td>&nbsp;</td>             <td class="container">               <div class="content">                  <!-- START CENTERED WHITE CONTAINER -->                 <span class="preheader">Your recent TigerMeals Delivery order is now approved!</span>                 <table role="presentation" class="main">                    <!-- START MAIN CONTENT AREA -->                   <tr>                     <td class="wrapper">                       <table role="presentation" border="0" cellpadding="0" cellspacing="0">                         <tr>                           <td>                             <p>Hi there,</p>                             <p>This email confirms you have successfully approved a pending order. Payment for the order will be withdrawn shortly.</p>                             <table role="presentation" border="0" cellpadding="0" cellspacing="0" class="btn btn-primary">                               <tbody>                                 <tr>                                   <td align="left">                                     <table role="presentation" border="0" cellpadding="0" cellspacing="0">                                       <tbody>                                         <tr>                                           <td> <a href="http://tigermeals-delivery.herokuapp.com/" target="_blank">Click here to sign in and view your orders.</a> </td>                                         </tr>                                       </tbody>                                     </table>                                   </td>                                 </tr>                               </tbody>                             </table>                             <p>If there are any questions, please reach out to the user directly.</p>                             <p>Thank you for using TigerMeals Delivery!</p>                           </td>                         </tr>                       </table>                     </td>                   </tr>                  <!-- END MAIN CONTENT AREA -->                 </table>                  <!-- START FOOTER -->                 <div class="footer">                   <table role="presentation" border="0" cellpadding="0" cellspacing="0">                     <tr>                       <td class="content-block">                         <br> Don't like these emails? <a href="#">Unsubscribe</a>.                       </td>                     </tr>                    </table>                 </div>                 <!-- END FOOTER -->                <!-- END CENTERED WHITE CONTAINER -->               </div>             </td>             <td>&nbsp;</td>           </tr>         </table>       </body>     </html> # HTML and CSS for email to users after their order is denied. <!doctype html>     <html>       <head>         <meta name="viewport" content="width=device-width" />         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />         <title>Your TigerMeals Delivery Order</title> </head>       <body class="">         <table role="presentation" border="0" cellpadding="0" cellspacing="0" class="body">           <tr>             <td>&nbsp;</td>             <td class="container">               <div class="content">                  <!-- START CENTERED WHITE CONTAINER -->                 <span class="preheader">Your recent TigerMeals Delivery order has been denied by the restaurant.</span>                 <table role="presentation" class="main">                    <!-- START MAIN CONTENT AREA -->                   <tr>                     <td class="wrapper">                       <table role="presentation" border="0" cellpadding="0" cellspacing="0">                         <tr>                           <td>                             <p>Hi there,</p>                             <p>Your recently placed order has been denied by the restaurant. What this means is that your order will not be delivered and you will not be charged for this order.</p>                             <p>Some possible reasons for being denied by a restaurant are availability, inability to commit to delivering very large portions, and previous order commitments.</p>                             <table role="presentation" border="0" cellpadding="0" cellspacing="0" class="btn btn-primary">                               <tbody>                                 <tr>                                   <td align="left">                                     <table role="presentation" border="0" cellpadding="0" cellspacing="0">                                       <tbody>                                         <tr>                                           <td> <a href="http://tigermeals-delivery.herokuapp.com/" target="_blank">Click here to sign in and view your orders.</a> </td>                                         </tr>                                       </tbody>                                     </table>                                   </td>                                 </tr>                               </tbody>                             </table>                             <p>If there are any questions, please reach out to the restaurant directly.</p>                             <p>Thank you for using TigerMeals Delivery!</p>                           </td>                         </tr>                       </table>                     </td>                   </tr>                  <!-- END MAIN CONTENT AREA -->                 </table>                  <!-- START FOOTER -->                 <div class="footer">                   <table role="presentation" border="0" cellpadding="0" cellspacing="0">                     <tr>                       <td class="content-block">                         <br> Don't like these emails? <a href="#">Unsubscribe</a>.                       </td>                     </tr>                    </table>                 </div>                 <!-- END FOOTER -->                <!-- END CENTERED WHITE CONTAINER -->               </div>             </td>             <td>&nbsp;</td>           </tr>         </table>       </body>     </html> <!doctype html>     <html>       <head>         <meta name="viewport" content="width=device-width" />         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />         <title>Your TigerMeals Delivery Order</title> </head>       <body class="">         <table role="presentation" border="0" cellpadding="0" cellspacing="0" class="body">           <tr>             <td>&nbsp;</td>             <td class="container">               <div class="content">                  <!-- START CENTERED WHITE CONTAINER -->                 <span class="preheader">Your recent TigerMeals Delivery order has been removed.</span>                 <table role="presentation" class="main">                    <!-- START MAIN CONTENT AREA -->                   <tr>                     <td class="wrapper">                       <table role="presentation" border="0" cellpadding="0" cellspacing="0">                         <tr>                           <td>                             <p>Hi there,</p>                             <p>Your recently placed order has taken the restaurant more than 48 hours to respond to. What this means is that your order will not be delivered and you will not be charged for this order.</p>                             <p>Some possible reasons for being denied by a restaurant are availability, inability to commit to delivering very large portions, and previous order commitments.</p>                             <table role="presentation" border="0" cellpadding="0" cellspacing="0" class="btn btn-primary">                               <tbody>                                 <tr>                                   <td align="left">                                     <table role="presentation" border="0" cellpadding="0" cellspacing="0">                                       <tbody>                                         <tr>                                           <td> <a href="http://tigermeals-delivery.herokuapp.com/" target="_blank">Click here to sign in and view your orders.</a> </td>                                         </tr>                                       </tbody>                                     </table>                                   </td>                                 </tr>                               </tbody>                             </table>                             <p>If there are any questions, please reach out to the restaurant directly.</p>                             <p>Thank you for using TigerMeals Delivery!</p>                           </td>                         </tr>                       </table>                     </td>                   </tr>                  <!-- END MAIN CONTENT AREA -->                 </table>                  <!-- START FOOTER -->                 <div class="footer">                   <table role="presentation" border="0" cellpadding="0" cellspacing="0">                     <tr>                       <td class="content-block">                         <br> Don't like these emails? <a href="#">Unsubscribe</a>.                       </td>                     </tr>                    </table>                 </div>                 <!-- END FOOTER -->                <!-- END CENTERED WHITE CONTAINER -->               </div>             </td>             <td>&nbsp;</td>           </tr>         </table>       </body>     </html> <!doctype html>     <html>       <head>         <meta name="viewport" content="width=device-width" />         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />         <title>Your TigerMeals Delivery Order</title> </head>       <body class="">         <table role="presentation" border="0" cellpadding="0" cellspacing="0" class="body">           <tr>             <td>&nbsp;</td>             <td class="container">               <div class="content">                  <!-- START CENTERED WHITE CONTAINER -->                 <span class="preheader">We have removed your TigerMeals Delivery order.</span>                 <table role="presentation" class="main">                    <!-- START MAIN CONTENT AREA -->                   <tr>                     <td class="wrapper">                       <table role="presentation" border="0" cellpadding="0" cellspacing="0">                         <tr>                           <td>                             <p>Hi there,</p>                             <p>You recently took more than 48 hours to approve an order made by a customer. What this means is that the order will not be available for you to fulfill, and will be removed from our systems.</p>                             <p>You will not see this order in your "Pending Orders" list anymore.</p>                             <table role="presentation" border="0" cellpadding="0" cellspacing="0" class="btn btn-primary">                               <tbody>                                 <tr>                                   <td align="left">                                     <table role="presentation" border="0" cellpadding="0" cellspacing="0">                                       <tbody>                                         <tr>                                           <td> <a href="http://tigermeals-delivery.herokuapp.com/" target="_blank">Click here to sign in and view your orders.</a> </td>                                         </tr>                                       </tbody>                                     </table>                                   </td>                                 </tr>                               </tbody>                             </table>                             <p>If there are any questions, please reach out to the restaurant directly.</p>                             <p>Thank you for using TigerMeals Delivery!</p>                           </td>                         </tr>                       </table>                     </td>                   </tr>                  <!-- END MAIN CONTENT AREA -->                 </table>                  <!-- START FOOTER -->                 <div class="footer">                   <table role="presentation" border="0" cellpadding="0" cellspacing="0">                     <tr>                       <td class="content-block">                         <br> Don't like these emails? <a href="#">Unsubscribe</a>.                       </td>                     </tr>                    </table>                 </div>                 <!-- END FOOTER -->                <!-- END CENTERED WHITE CONTAINER -->               </div>             </td>             <td>&nbsp;</td>           </tr>         </table>       </body>     </html> # HTML and CSS for email to restaurant after they deny an order. <!doctype html>     <html>       <head>         <meta name="viewport" content="width=device-width" />         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />         <title>TigerMeals Delivery Order Cancellation Confirmation</title> </head>       <body class="">         <table role="presentation" border="0" cellpadding="0" cellspacing="0" class="body">           <tr>             <td>&nbsp;</td>             <td class="container">               <div class="content">                  <!-- START CENTERED WHITE CONTAINER -->                 <span class="preheader">Your recent TigerMeals Delivery order is now denied.</span>                 <table role="presentation" class="main">                    <!-- START MAIN CONTENT AREA -->                   <tr>                     <td class="wrapper">                       <table role="presentation" border="0" cellpadding="0" cellspacing="0">                         <tr>                           <td>                             <p>Hi there,</p>                             <p>This email confirms you have successfully denied a pending order. The user will be notified about the order will be deleted from your profile.</p>                             <table role="presentation" border="0" cellpadding="0" cellspacing="0" class="btn btn-primary">                               <tbody>                                 <tr>                                   <td align="left">                                     <table role="presentation" border="0" cellpadding="0" cellspacing="0">                                       <tbody>                                         <tr>                                           <td> <a href="http://tigermeals-delivery.herokuapp.com/" target="_blank">Click here to sign in and view your orders.</a> </td>                                         </tr>                                       </tbody>                                     </table>                                   </td>                                 </tr>                               </tbody>                             </table>                             <p>If there are any questions, please reach out to the user directly.</p>                             <p>Thank you for using TigerMeals Delivery!</p>                           </td>                         </tr>                       </table>                     </td>                   </tr>                  <!-- END MAIN CONTENT AREA -->                 </table>                  <!-- START FOOTER -->                 <div class="footer">                   <table role="presentation" border="0" cellpadding="0" cellspacing="0">                     <tr>                       <td class="content-block">                         <br> Don't like these emails? <a href="#">Unsubscribe</a>.                       </td>                     </tr>                    </table>                 </div>                 <!-- END FOOTER -->                <!-- END CENTERED WHITE CONTAINER -->               </div>             </td>             <td>&nbsp;</td>           </tr>         </table>       </body>     </html> # HTML and CSS for email after delivery. (both user and restaurant) <!doctype html>     <html>       <head>         <meta name="viewport" content="width=device-width" />         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />         <title>TigerMeals Delivery Order</title> </head>       <body class="">         <table role="presentation" border="0" cellpadding="0" cellspacing="0" class="body">           <tr>             <td>&nbsp;</td>             <td class="container">               <div class="content">                  <!-- START CENTERED WHITE CONTAINER -->                 <span class="preheader">Your recent TigerMeals Delivery order has been delivered.</span>                 <table role="presentation" class="main">                    <!-- START MAIN CONTENT AREA -->                   <tr>                     <td class="wrapper">                       <table role="presentation" border="0" cellpadding="0" cellspacing="0">                         <tr>                           <td>                             <p>Hi there,</p>                             <p>This email confirms that this order has been marked delivered. We hope that you enjoyed your experience and are willing to give us feedback on your experience.</p>                             <table role="presentation" border="0" cellpadding="0" cellspacing="0" class="btn btn-primary">                               <tbody>                                 <tr>                                   <td align="left">                                     <table role="presentation" border="0" cellpadding="0" cellspacing="0">                                       <tbody>                                         <tr>                                           <td> <a href="http://tigermeals-delivery.herokuapp.com/" target="_blank">Click here to sign in.</a> </td>                                         </tr>                                       </tbody>                                     </table>                                   </td>                                 </tr>                               </tbody>                             </table>                             <p>If there are any questions, please login and find the appropriate contact option for this order.</p>                             <p>Thank you for using TigerMeals Delivery!</p>                           </td>                         </tr>                       </table>                     </td>                   </tr>                  <!-- END MAIN CONTENT AREA -->                 </table>                  <!-- START FOOTER -->                 <div class="footer">                   <table role="presentation" border="0" cellpadding="0" cellspacing="0">                     <tr>                       <td class="content-block">                         <br> Don't like these emails? <a href="#">Unsubscribe</a>.                       </td>                     </tr>                    </table>                 </div>                 <!-- END FOOTER -->                <!-- END CENTERED WHITE CONTAINER -->               </div>             </td>             <td>&nbsp;</td>           </tr>         </table>       </body>     </html> ###################### CSS below used for all emails ########################## <style>       /* -------------------------------------           GLOBAL RESETS       ------------------------------------- */        /*All the styling goes here*/        img {         border: none;         -ms-interpolation-mode: bicubic;         max-width: 100%;       }       body {         background-color: #f6f6f6;         font-family: sans-serif;         -webkit-font-smoothing: antialiased;         font-size: 14px;         line-height: 1.4;         margin: 0;         padding: 0;         -ms-text-size-adjust: 100%;         -webkit-text-size-adjust: 100%;       }       table {         border-collapse: separate;         mso-table-lspace: 0pt;         mso-table-rspace: 0pt;         width: 100%; }         table td {           font-family: sans-serif;           font-size: 14px;           vertical-align: top;       }       /* -------------------------------------           BODY & CONTAINER       ------------------------------------- */       .body {         background-color: #f6f6f6;         width: 100%;       }       /* Set a max-width, and make it display as block so it will automatically stretch to that width, but will also shrink down on a phone or something */       .container {         display: block;         Margin: 0 auto !important;         /* makes it centered */         max-width: 580px;         padding: 10px;         width: 580px;       }       /* This should also be a block element, so that it will fill 100% of the .container */       .content {         box-sizing: border-box;         display: block;         Margin: 0 auto;         max-width: 580px;         padding: 10px;       }       /* -------------------------------------           HEADER, FOOTER, MAIN       ------------------------------------- */       .main {         background: #ffffff;         border-radius: 3px;         width: 100%;       }       .wrapper {         box-sizing: border-box;         padding: 20px;       }       .content-block {         padding-bottom: 10px;         padding-top: 10px;       }       .footer {         clear: both;         Margin-top: 10px;         text-align: center;         width: 100%;       }         .footer td,         .footer p,         .footer span,         .footer a {           color: #999999;           font-size: 12px;           text-align: center;       }       /* -------------------------------------           TYPOGRAPHY       ------------------------------------- */       h1,       h2,       h3,       h4 {         color: #000000;         font-family: sans-serif;         font-weight: 400;         line-height: 1.4;         margin: 0;         margin-bottom: 30px;       }       h1 {         font-size: 35px;         font-weight: 300;         text-align: center;         text-transform: capitalize;       }       p,       ul,       ol {         font-family: sans-serif;         font-size: 14px;         font-weight: normal;         margin: 0;         margin-bottom: 15px;       }         p li,         ul li,         ol li {           list-style-position: inside;           margin-left: 5px;       }       a {         color: #3498db;         text-decoration: underline;       }       /* -------------------------------------           BUTTONS       ------------------------------------- */       .btn {         box-sizing: border-box;         width: 100%; }         .btn > tbody > tr > td {           padding-bottom: 15px; }         .btn table {           width: auto;       }         .btn table td {           background-color: #ffffff;           border-radius: 5px;           text-align: center;       }         .btn a {           background-color: #ffffff;           border: solid 1px #3498db;           border-radius: 5px;           box-sizing: border-box;           color: #3498db;           cursor: pointer;           display: inline-block;           font-size: 14px;           font-weight: bold;           margin: 0;           padding: 12px 25px;           text-decoration: none;           text-transform: capitalize;       }       .btn-primary table td {         background-color: #3498db;       }       .btn-primary a {         background-color: #3498db;         border-color: #3498db;         color: #ffffff;       }       /* -------------------------------------           OTHER STYLES THAT MIGHT BE USEFUL       ------------------------------------- */       .last {         margin-bottom: 0;       }       .first {         margin-top: 0;       }       .align-center {         text-align: center;       }       .align-right {         text-align: right;       }       .align-left {         text-align: left;       }       .clear {         clear: both;       }       .mt0 {         margin-top: 0;       }       .mb0 {         margin-bottom: 0;       }       .preheader {         color: transparent;         display: none;         height: 0;         max-height: 0;         max-width: 0;         opacity: 0;         overflow: hidden;         mso-hide: all;         visibility: hidden;         width: 0;       }       .powered-by a {         text-decoration: none;       }       hr {         border: 0;         border-bottom: 1px solid #f6f6f6;         Margin: 20px 0;       }       /* -------------------------------------           RESPONSIVE AND MOBILE FRIENDLY STYLES       ------------------------------------- */       @media only screen and (max-width: 620px) {         table[class=body] h1 {           font-size: 28px !important;           margin-bottom: 10px !important;         }         table[class=body] p,         table[class=body] ul,         table[class=body] ol,         table[class=body] td,         table[class=body] span,         table[class=body] a {           font-size: 16px !important;         }         table[class=body] .wrapper,         table[class=body] .article {           padding: 10px !important;         }         table[class=body] .content {           padding: 0 !important;         }         table[class=body] .container {           padding: 0 !important;           width: 100% !important;         }         table[class=body] .main {           border-left-width: 0 !important;           border-radius: 0 !important;           border-right-width: 0 !important;         }         table[class=body] .btn table {           width: 100% !important;         }         table[class=body] .btn a {           width: 100% !important;         }         table[class=body] .img-responsive {           height: auto !important;           max-width: 100% !important;           width: auto !important;         }       }       /* -------------------------------------           PRESERVE THESE STYLES IN THE HEAD       ------------------------------------- */       @media all {         .ExternalClass {           width: 100%;         }         .ExternalClass,         .ExternalClass p,         .ExternalClass span,         .ExternalClass font,         .ExternalClass td,         .ExternalClass div {           line-height: 100%;         }         .apple-link a {           color: inherit !important;           font-family: inherit !important;           font-size: inherit !important;           font-weight: inherit !important;           line-height: inherit !important;           text-decoration: none !important;         }         .btn-primary table td:hover {           background-color: #34495e !important;         }         .btn-primary a:hover {           background-color: #34495e !important;           border-color: #34495e !important;         }       }     </style>