@include('./admin/util/header')
<div align='center'>
    <center>
        <table class='fontMed' border='0' cellpadding='0' cellspacing='0' width='{{ $tableWidth }}' bgColor='#ffffff'>
            <tr>
                <td width='{{ $tableWidth }}'><img src='../images/spacer.gif' width='{{ $tableWidth }}' height='1'></td>
            </tr>
            <tr>
                <!-- <td align='center'>{{ $msgText }}</td> -->
            </tr>
        </table>
    </center>
</div>

<div align='center'>
    <center>
        <table class='fontMed' border='0' cellpadding='0' cellspacing='0' width='{{ $tableWidth }}' bgColor='#ffffff'>
            <tr>
                <td width='{{ $tableWidth }}'><img src='../images/spacer.gif' width='{{ $tableWidth }}' height='1'></td>
            </tr>
            <tr>
                <td></td>
            </tr>
        </table>
    </center>
</div>
&nbsp;

@php
    $colspan = 2;
@endphp

<div align='center'>
    <center>
        <table class='tableStyle2a' width='{{ $tableWidth + 4 }}' border='0' cellpadding='0' cellspacing='0'>
            <tr class='heading2'>
                <td colspan='{{ $colspan }}'>Order status:</td>
            </tr>
            <tr class='heading2'>
                <td width='14'><img src='../images/spacer.gif' width='14' height='1'></td>
                <td width='{{ $tableWidth - 14 }}'><img src='../images/spacer.gif' width='{{ $tableWidth - 14 }}' height='1'></td>
            </tr>
            @if (!is_null($dateCancelled) && $dateCancelled!='0000-00-00')
                <tr>
                    <td><img src='../images/nav_dot_td.gif' width='10' height='18'></td>
                    <td align='left'>This order <span style="color: #990000;">has been cancelled</span> on {{ $dateCancelled }}.</td>
                </tr>
                <tr>
                    <td colspan='{{ $colspan }}'><img src='../images/spacer.gif' width='20' height='4'></td>
                </tr>
            @endif
            <tr>
                <td><img src='../images/nav_dot_td.gif' width='10' height='18'></td>
                <td align='left'></td>
            </tr>
            <tr>
                <td colspan='{{ $colspan }}'><img src='../images/spacer.gif' width='20' height='4'></td>
            </tr>
            <tr>
            <form method='post' action='account-order-display?orderID={{$orderID}}&task=emailOrder' id='email-form' name='emailOrder'>
                @csrf
                <td></td>
                    <td>Email this {{ $pageType }} to:&nbsp;<input type='text' class='form-control' size='30' name='singleEmail' value='{{ $singleEmail }}'></br><a href="javascript:sendEmail();" class='linkMed btn btn-info'>Send</a></td>
                </tr>
            </form>  
            <tr>
                <td colspan='{{ $colspan }}'>&nbsp;</td>
            </tr>
        </table>
    </center>
</div>

@include('../util/footer')

</body>
</html>

<script>
        function sendEmail() {

            var emailValue = document.getElementsByName('singleEmail')[0].value;

                       // Ask for confirmation
            var confirmation = confirm('Are you sure you want to send an email to ' + emailValue + '?');

            // If the user confirms, submit the form
            if (confirmation) {
                // Assuming you have a form with the id "emailForm"
                document.getElementById('email-form').submit();
            }
        }
    </script>