<?php

function head()
{
    return '<!DOCTYPE html>
<html>
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
</head>
<body>';
}

function footer()
{
    return '
</body>
    </html>
    ';
}

function paymentSuccessful($url, $data, $link)
{
    $mail = '
<style >

@media screen and (max-width: 768px) {
@-ms-viewport {
  width: device-width;
}
 img[class="CToWUd"]{
        height: 100px!important;
    }
    
    
    .title{
        font-size: 50px!important;
    }

    .welcome{
        font-size: 35px!important;
    }

    .msg{
        font-size: 30px!important;

    }
   .bigBtn{width: 100%;}.action{
        font-size: 32px!important;
        margin-left: 10%;
        margin-right: 10%;
        padding-top: 20px;
        padding-bottom: 20px;
        text-align center;
    }

    .action-text{
    font-size: 40px;
    }
    .sign{
        font-size: 25px!important;
        padding-bottom: 15px;

    }
    .choice{
        font-size: 23px!important;

    }
    .choiceLink{
        font-size: 22px!important;

    }
    .reach{
        font-size: 20px!important;


    }
}

</style>
<table width="100%" align="left" border="0" cellspacing="0" cellpadding="0">
    <tbody>
    <tr>
        <td bgcolor="#eeeeee">
            <table width="600" align="center" border="0" cellspacing="0" cellpadding="0">
                <tbody>
                <tr>
                    <td align="center"
                        style="border-bottom: 5px solid #265930; padding-top: 10px; padding-bottom: 10px;"
                        bgcolor="#ffffff"
                        colspan="5"><img
                            height="50" align="center" alt=""
                            src="' . $url . '/images/logo.png"
                            class="CToWUd"></td>
                </tr>
                <tr>
                    <td align="left"
                        bgcolor="#ffffff" colspan="5">&nbsp;</td>
                </tr>

                <tr>
                    <td valign="top" bgcolor="#ffffff" style="text-align: center;"
                        colspan="5">

                             <span
                                 style="font-family:Arial,Helvetica,sans-serif;color:#333333;font-size:25px;font-weight:normal" class="title">Your transaction was successful!</span><br>
                        <br>

                    </td>
                </tr>
                <tr>
                    <td valign="top" bgcolor="#ffffff" style="text-align: center;"
                        colspan="5">

                          <span
                              style="font-family:Arial,Helvetica,sans-serif;color:#666666;font-size:18px;font-weight:bolder" class="welcome">Hello, ' . $data['name'] . '</span><br>
                        <br>


                    </td>
                </tr>
                <tr>
                    <td valign="top" bgcolor="#ffffff" style="text-align: center;"
                        colspan="5">

                       <span
                           style="font-family:Arial,Helvetica,sans-serif;color:#666666;font-size:17px;font-weight:normal" class="msg">

                              Your payment with the Transaction reference ' . $data['txn_ref'] . '<br/>
                           has been approved successfully.
                            <br>
                            <br>
                        <br>

                       </span>
                    </td>
                </tr>

                <tr>
                    <td align="center" valign="top" bgcolor="#ffffff">

                        <table align="center" class="bigBtn" style="padding-bottom: 20px;" border="0" cellspacing="0"
                               cellpadding="0">
                            <tbody>
                            <tr>
                                <td height="50" width="200" align="center" bgcolor="#009B4D"  class="action"><a
                                        style="padding-bottom:0px;padding-left:10px;padding-right:10px;font-family:Arial,Helvetica,sans-serif;color:#fff;font-size:18px;font-weight:bold;text-decoration:none;padding-top:0px"
                                        href="' . $link . '" class="action-text"
                                        target="_blank"
                                        >Go to portal</a>
                                </td>
                            </tr>
                            </tbody>
                        </table>
                    </td>
                </tr>
                <tr>
                    <td valign="top" bgcolor="#ffffff"
                        style="font-family:Arial,Helvetica,sans-serif; padding-bottom: 10px; text-align: center; font-size: 15px; font-weight: bold;" class="sign"
                        colspan="5">
                        Thank you for your time, <br>
                        The OSCOTech Team

                    </td>
                </tr>
                <tr>
                    <td align="center" valign="middle"
                        bgcolor="#ffffff" colspan="5"><span
                            style="font-family:Arial,Helvetica,sans-serif;color:#999999;font-size:13px; font-weight:bolder;" class="choice"><strong>&nbsp;&nbsp;&nbsp;&nbsp;
                                If you cannot view the button above, please copy the link below and paste it in your
                                browser

                            </strong></span></td>
                </tr>
                <tr>
                    <td align="center" valign="middle" style="padding-bottom: 20px;"
                        bgcolor="#ffffff" colspan="5"><span
                            style="font-family:Arial,Helvetica,sans-serif;color:#999999;font-size:9px"><strong>&nbsp;&nbsp;&nbsp;&nbsp;
                                <a style="font-family:Arial,Helvetica,sans-serif;color:#666666;font-size:9px" class="choiceLink"
                                   href="' . $link . '"
                                   target="_blank">
                                    ' . $link . '
                                </a>

                            </strong></span></td>
                </tr>

                </tbody>
            </table>
            <table width="600" align="center" border="0" cellspacing="0" cellpadding="0">
                <tbody>
                <tr>
                    <td width="574" height="5"
                        style="font-family:Arial,Helvetica,sans-serif;color:#909090;font-size:12px" bgcolor="#eeeeee">
                        &nbsp;</td>
                    <td width="11" style="font-family:Arial,Helvetica,sans-serif;color:#909090;font-size:12px"
                        bgcolor="#eeeeee" rowspan="2">&nbsp;</td>
                </tr>
                <tr>
                    <td style="text-align:center; padding-bottom: 10px;font-family:Arial,Helvetica,sans-serif;color:#909090;font-size:12px" class="reach"
                        bgcolor="#eeeeee">

                        Reach us on <a href="https://twitter.com/OSCOTech"
                                       style="color:#006599;font-size:12px;font-weight:normal;text-decoration:none"
                                       target="_blank">Twitter</a>, <a target="_blank"
                                                                       href="https://www.facebook.com/OSCOTech"
                                                                       style="color:#006599;font-size:12px;font-weight:normal;text-decoration:none">Facebook</a>
                        or by <a
                            href="mailto:ict@oscotechesaoke.edu.ng"
                            style="color:#006599;font-size:12px;font-weight:normal;text-decoration:none">Email</a> <br>

                        &copy; OSCOTech Research ' . date('Y') . '
                    </td>
                </tr>

                <tr>
                    <td style="text-align:center;font-family:Arial,Helvetica,sans-serif;color:#909090;font-size:12px" class="reach"
                        bgcolor="#eeeeee">

                        Any question(s) or comment(s), please contact our <a target="_blank"
                                                                             style="color:#006599;font-size:12px;font-weight:normal;text-decoration:none"
                                                                             href="http://oscotechesaoke.edu.ng">support
                            team</a> <br/>

                        By clicking the button above you consent to our <a
                            style="color:#006599;font-size:12px;font-weight:normal;text-decoration:none"
                            href="http://oscotechesaoke.edu.ng" target="_blank">
                            privacy
                            policy</a> and
                        <a style="color:#006599;font-size:12px;font-weight:normal;text-decoration:none"
                           href="http://oscotechesaoke.edu.ng" target="_blank">
                            Terms
                            and conditions </a></td>
                </tr>
                </tbody>
            </table>
        </td>
    </tr>
    </tbody>
</table>
';
    return $mail;
}
