<?php
    //Prevent direct access
    defined('ABSPATH') || exit;
?>

<html>
<head></head>
<body>
    <table bgcolor="#f7f7f7" style="background-color: #f7f7f7;" id="outer_wrapper" width="100%">
        <tr>
            <td></td>
            <td width="600">
                <div style="margin: 0 auto; padding: 70px 0; width: 100%; max-width: 600px; -webkit-text-size-adjust: none;" dir="ltr" id="wrapper">
                    <table width="100%" cellspacing="0" cellpadding="0" border="0">
                        <tr>
                            <td valign="top" align="center">
                                <div id="template_header_image"></div>
                                <table bgcolor="#fff" style="background-color: #fff; border: 1px solid #dedede; box-shadow: 0 1px 4px rgba(0,0,0,.1); border-radius: 3px;" id="template_container" width="100%" cellspacing="0" cellpadding="0" border="0">
                                    <tr>
                                        <td valign="top" align="center">
                                            <table id="template_body" width="100%" cellspacing="0" cellpadding="0" border="0">
                                                <tr>
                                                    <td bgcolor="#fff" style="background-color: #fff;" id="body_content" valign="top">
                                                        <table width="100%" cellspacing="0" cellpadding="20" border="0">
                                                            <tr>
                                                                <td style="padding: 48px 48px 32px;" valign="top">
                                                                    <div align="left" style="color: #636363; font-family: 'Helvetica Neue',Helvetica,Roboto,Arial,sans-serif; font-size: 14px; line-height: 150%; text-align: left;" id="body_content_inner">
                                                                        <p style="margin: 0 0 16px;">Hi <?php echo esc_html( $sender_name ); ?>,</p>
                                                                        <p style="margin: 0 0 16px;">The gift you purchased on <?php echo esc_html( $purchased_date ); ?>, has been delivered.</p>
                                                                        <p style="margin: 0 0 16px;">The purchased information is following:</p>
                                                                    
                                                                        <div style="margin-bottom: 40px;">
                                                                            <table width="100%" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; font-family: 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;" border="1" cellpadding="6" cellspacing="0">
                                                                                <thead>
                                                                                    <tr>
                                                                                        <th align="left" style="color: #636363; border: 1px solid #e5e5e5; padding: 12px; text-align: left;" scope="col">Gift Information</th>
                                                                                        <th align="left" style="color: #636363; border: 1px solid #e5e5e5; padding: 12px; text-align: left;" scope="col">Gift Anount</th>
                                                                                    </tr>
                                                                                </thead>
                                                                                <tbody>
                                                                                    <tr class="order_item">
                                                                                        <td align="left" style="color: #636363; border: 1px solid #e5e5e5; padding: 12px; text-align: left; vertical-align: middle; word-wrap: break-word;">
                                                                                            Gift Card
                                                                                            <ul style="font-size: small; margin: 1em 0 0; padding: 0; list-style: none;">
                                                                                                <li style="margin: .5em 0 0;">
                                                                                                    <strong style="float: left; margin-right: .25em; clear: both;">Recipient Name:</strong> <p style="margin: 0;"><?php echo esc_html( $receiver_name ); ?></p>
                                                                                                </li>
                                                                                                <li style="margin: .5em 0 0;">
                                                                                                    <strong style="float: left; margin-right: .25em; clear: both;">Recipient Email:</strong> <p style="margin: 0;"><?php echo esc_html( $receiver_email ); ?></p>
                                                                                                </li>
                                                                                                <li style="margin: .5em 0 0;">
                                                                                                    <strong style="float: left; margin-right: .25em; clear: both;">Delivery Date:</strong> <p style="margin: 0;"><?php echo esc_html( $delivery_date ); ?></p>
                                                                                                </li>
                                                                                            </ul>
                                                                                        </td>
                                                                                        <td align="left" style="color: #636363; border: 1px solid #e5e5e5; padding: 12px; text-align: left; vertical-align: middle;">
                                                                                            <?php echo  esc_html( $currency_symbol ). esc_html( $gift_amount ); ?>
                                                                                        </td>
                                                                                    </tr>
                                                                                </tbody>
                                                                            </table>
                                                                        </div>
                                                                        <p style="margin: 0 0 16px;">Thanks for using our platform.</p>
                                                                    </div>
                                                                </td>
                                                            </tr>
                                                            <tr>
                                                                <td style="padding: 48px 48px 32px;" valign="top">
                                                                    <img src="<?php echo esc_url( $brand_logo ); ?>" alt="Logo" style="width: 100px;">
                                                                </td>
                                                            </tr>
                                                        </table>
                                                    </td>
                                                </tr>
                                            </table>
                                        </td>
                                    </tr>
                                </table>
                            </td>
                        </tr>
                    </table>
                </div>
            </td>
            <td></td>
        </tr>
    </table>
</body>
</html>