<html>
    <head>
    <meta charset="utf-8">
    <title>MyAIO Order #{{$ordernumber}}</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
  
  <style>
    p{
        font-size:14px !important;
        margin: 0px !important;
        line-height:1.5em !important;
    }
    
  </style>
    </head>
<body>
<div>
            <div class='invoice-sec' style='padding: 20px;border:1px solid gray;background-color:white !important;margin:auto !important;'>
           
        <table width="100%" style="border:0px;" cellspacing="0">
            <tr>
                <td>
        <img src="https://get.myaio.com/open-ai-logo.png" width='80px'>
                <p style='line-height:2.4em !important;'>hello@toppagerankers.com</p>
                <p>03231700897</p>
                </td>
                <td style="text-align: right;" colspan="3">
                    <h3 style="margin-bottom: 7px;">Order #{{strtoupper($ordernumber)}}</h3>
                    <strong style="background:green;color:white;border-radius: 5px;padding:3px 6px;">{{$status}}</strong>
                </td>
            </tr>
                <tr>
                 <td colspan="4">   
                    <h2 style="padding:3px 10px !important;background:#5998ff;color:white;margin: 20px 0px 10px 0px;font-size:22px !important;">Billed To:</h2>  
                </td>  
                </tr>
                <tr>
                    <td>
                    <h3 style="margin:0 0 8px 0;font-size:20px !important;">{{$first_name}} {{$last_name}}</h3>
                    <p>{{$address}}</p>
                    <p>{{$email}}</p>
                    <p>{{$phone}}</p>
                </td>
                <td style="text-align: right;" colspan="3">
                    <h3 style='font-size:20px;font-size:20px;padding:0px !important;margin:0px !important;'>Invoice Date:</h3>
                    <p>{{$date}}</p>
                    <br>
                    <h3 style='font-size:20px;padding:0px !important;margin:0px !important;'>Invoice No:</h3>
                    <p>{{$invoiceno}}</p>
                </td>
                </tr>
                <!-- business info -->
                <tr>
                    <td colspan="4">
                        
                    <h2 style="padding:3px 10px !important;background:#5760DE;color:white;margin: 20px 0px 10px 0px;font-size:22px;">Business Information:</h2>  
                </td>  
                </tr>
                <tr>
                <td>
                    <h3 style="margin:0;font-size:18px;">{{$bname}}</h3>
                    <p>{{$bemail}}</p>
                    <p>{{$bphone}}</p>
                </td>
                 <td style="text-align: right;" colspan="3">
                    <h3 style='font-size:20px;font-size:20px;padding:0px !important;margin:0px !important;'>Radius Address</h3>
                    <p>{{$radiusaddress}}</p>
                </td>
                </tr>
                <tr>
                <td>
                    <h3 style='font-size:20px;font-size:20px;padding:0px !important;margin:0px !important;'>Services</h3>
                    <p>{{$service}}</p>
                </td>
                <td rowspan='2' style="text-align: right;" colspan='3'>
                    <h3 style='font-size:20px;font-size:20px;padding:0px !important;margin:0px !important;'>Radius</h3>
                    <p>{{$radius}} Miles</p>
                </td>
                </tr>
                <tr>
                <td>
                    <h3 style='font-size:20px;font-size:20px;padding:0px !important;margin:0px !important;'>Assist By:</h3>
                    <p>{{$closer}}</p>
                </td>
                </tr>
                <!-- order summary -->
                <tr>
                    <td colspan="4">
                        
                    <h2 style="padding:3px 10px !important;background:#BB27AD;color:white;margin: 20px 0px 10px 0px;font-size:22px;">Order Summary</h2>  
                </td>  
                </tr>

                <tr style='border-bottom:1px solid lightgray !important;'>
                    <th style='font-size:16px;padding-bottom:5px;text-align:left;'>Item</th>
                    <th style='font-size:16px;padding-bottom:5px;text-align:left;'>Price</th>
                    <th style='font-size:16px;text-align:right !important;padding-bottom:5px;'>Quantity</th>
                    <th style="font-size:16px;text-align: right;padding-bottom:5px;">Total</th>
                </tr>
                <tr>
                   
                    <td style="text-align: left !important;width:65%;">
                        <h4 style='font-size:18px;margin:5px 0px 0px 0px !important;'>{{$pname}}</h4>
                    <p>{{$pdesc}}</p>
                </td>
                <td>${{$oldprice}}</td>
                <td style="text-align: right !important;">1</td>
                <td style="text-align: right !important;">${{$oldprice}}</td>
                </tr>
                <tr>
                    <th colspan="3" style="text-align: right !important;padding-bottom:5px;">Coupon:</th>
                    <td style="text-align: right !important;padding-bottom:5px;">{{$code}}</td>
                </tr>
                <tr>
                    <th colspan="3" style="text-align: right !important;padding-bottom:5px;">Discount:</th>
                    <td style="text-align: right !important;padding-bottom:5px;">-{{$discount_price}}</td>
                </tr>
                <tr>
                    <th colspan="3" style="text-align: right !important;padding-bottom:5px;">Sub Total</th>
                    <td style="text-align: right !important;padding-bottom:5px;">${{$newprice}}</td>
                </tr>
                <tr style='border-top:1px solid lightgray !important;'>
                    <th colspan="3" style="text-align: right !important;padding-top:10px !important;">Total</th>
                    <th style="font-size:24px;text-align:right !important;padding-top:10px !important;">${{$newprice}}</th>
                </tr>
               
        </table>
        <p style='text-align:center;font-size:13px !important;margin-top:50px !important;color:gray;'>&copy; 2023 MYAIO.COM. ALL RIGHTS RESERVED.</p>
        </div>
</div>
</body>
</html>
