<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">




    <link rel="icon" type="image/png" href="<?php echo e($settings->logo); ?>">
    <title> <?php echo e($settings->appName); ?> - Invoice Print</title>
    <style>
        * {
            padding: 0;
            margin: 0;
            font-family: 'Poppins', sans-serif;
        }
        html, body {
            height: 100vh;
        }
        strong {
            font-weight: 400;
        }
        span {
        }
        ul {
            list-style-type: none;
            padding: 0;
            margin: 0;
        }
        .invoiceStyle .title {
            margin-bottom: 2rem;
        }
        .invoiceStyle .title h2 {
            font-size: 2rem;
            text-transform: uppercase;
            color: #072a54;
        }
        .invoiceStyle .body .container {
            width: 75%;
            margin: 0 auto;
        }
        .invoiceStyle .bilingInfo {
            margin-bottom: 3rem;
        }
        .invoiceStyle .bilingInfo .left{
            width: 55%;
            padding-right: 20px;
            float: left;
        }
        .invoiceStyle .bilingInfo .right{
            width: 40%;
            float: right;
        }
        .clear {
            clear: both;
        }
        .invoiceStyle .bilingInfo h3 {
            font-family: 'Poppins', sans-serif;
            color: #0193D2;
            font-size: 1.5rem;
            font-weight: 500;
            margin-bottom: 1.5rem;
            width: 100%;
        }
        .invoiceStyle .bilingInfo .left ul li {
            clear: both;
            width: 100%;
            float: none;
            height: 13px;
        }
        .invoiceStyle .bilingInfo .left ul li strong {
            float: left;
            font-size: 14px;
            display: inline-block;
            width: 40%;
        }
        .invoiceStyle .bilingInfo .left ul li span {
            float: right;
            font-size: 14px;
            width: 60%;
        }
        .invoiceStyle .bilingInfo .right strong,
        .invoiceStyle .bilingInfo .right span {
            display: block;
            font-size: 14px;
        }
        .table {
            border: 0;
            border-top: 1px solid #ccc;
            border-bottom: 1px solid #ccc;
            width: 100%;
            text-align: left;
            font-size: 16px;
        }
        .table tr th {
            padding: 5px 0;
            border-bottom: 1px solid #ccc;
            font-size: 14px;
            text-align: left;
        }
        .table tr th:nth-child(3),
        .table tr th:nth-child(4),
        .table tr th:last-child,
        .table tbody tr td:nth-child(3),
        .table tbody tr td:nth-child(4),
        .table tbody tr td:last-child{
            text-align: center;
        }
        .table tr td {
            padding: 5px;
            font-size: 14px;
        }
        .table .tfoot tr td {
            padding: 5px 0;
            border-top: 1px solid #ccc;
        }
        .table .tfoot tr td strong,
        .table .tfoot tr td span{
            font-size: 16px;
            font-weight: 400;
        }
        .rightalign{
            text-align:right;
        }
        .centeralign{
            text-align:center;
        }
        .lastbox{
            width:80px;
        }
        .invoiceStyle {
            padding: 5rem 0;
        }
        @page  {
            margin:0;
        }
        .footer-space{
            padding: 2rem 0;
        }
        @media  screen {
            .footer{
                display: none;
            }
        }
        table.maintable {
            page-break-after:always;
            border-spacing: 0;
        }
        thead.maintable_header {
            display:table-header-group;
        }
        tfoot.maintable_footer {
            display:table-footer-group;
        }
        .footer-space {
            background: <?php echo e($settings->paid_invoice_footer_bg_color); ?> !important;
        }
        .footer-space ul {
            text-align: center;
        }
        .footer-space ul li {
            display: inline;
        }
        tfoot.maintable_footer tr td a {
            color: <?php echo e($settings->paid_invoice_footer_text_color); ?>;
            text-decoration: none;
            font-size: 14px;
            font-weight: 200;
        }
        /*@media  print {*/
            .header {
                position: fixed;
                top: 0;
                left: 0;
                right: 0;
                height: 200px;
            }
            .footer-space {
                position: fixed;
                bottom: 0;
                height: 15px;
            }
            strong, span {
                font-size: 13px;
            }
            .invoiceStyle .title {
                margin-bottom: 1rem;
            }
            .invoiceStyle .title h2 {
                font-size: 2rem;
            }
            .invoiceStyle .bilingInfo h3 {
                font-size: 1rem;
                margin-bottom: 0.5rem;
            }
            thead {display: table-header-group;}
            .maintable {
                /*height: calc(100% - 215px);*/
                padding-top: 200px;
            }
        /*}*/
    </style>
</head>
<body>
<div class="header">
    <div class="container">
        <div class="row">
            <div class="col-lg-12 mb-5">
                <a href=""><img src="<?php echo e($settings->paid_invoice_header); ?>" width="100%" alt="Header"></a>
            </div>
        </div>
    </div>
</div>









<table style="width:100%" class="maintable">
    <thead class="maintable_header">
    <tr>
        <td colspan="3">
            <div class="header-space"></div>
        </td>
    </tr>
    </thead>
    <tbody>
    <tr>
        <td colspan="3">
            <div class="invoiceStyle">
                <div class="body">
                    <div class="container">
                        <div class="title">
                            <h2><?php echo e($settings->appName); ?> Invoice</h2>
                        </div>
                        <div class="bilingInfo">
                            <h3>Order Information</h3>
                            <div class="left">
                                <ul>
                                    <li>
                                        <strong>Invoice Number: </strong>
                                        <span>#<?php echo e($invoice->id); ?></span>
                                    </li>
                                    <li class="clear"></li>
                                    <li>
                                        <strong>Customer ID: </strong>
                                        <span>#<?php echo e($invoice->id); ?></span>
                                    </li>
                                    <li class="clear"></li>
                                    <li>
                                        <strong>Payment Date: </strong>
                                        <span><?php echo e($invoice->created_at); ?></span>
                                    </li>
                                </ul>
                            </div>
                            <div class="right">
                                <strong>Billing Information</strong>
                                <span><?php echo e($invoice->name); ?></span>
                                <span><?php echo e($invoice->email); ?></span>
                                <span><?php echo e($invoice->phone); ?></span>
                            </div>
                            <div class="clear"></div>
                        </div>
                        <table class="table">
                            <thead>
                            <tr>
                                <th>Item</th>
                                <th>Description</th>
                                <th>Qty</th>
                                <th>Unit Price</th>
                                <th class="rightalign lastbox">Item Total</th>
                            </tr>
                            </thead>
                            <tbody>
                            <?php if(!empty($invoice->invoiceItems)): ?>
                                <?php $__currentLoopData = $invoice->invoiceItems; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $item): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                <tr>
                                    <td><?php echo e($item->id); ?></td>
                                    <td><?php echo e($item->service); ?></td>
                                    <td class="centeralign">1</td>
                                    <td><?php echo e($invoice->Currency->symbol1 . $item->price); ?></td>
                                    <td><?php echo e($invoice->Currency->symbol1 . $item->price); ?></td>
                                </tr>
                                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                            <?php endif; ?>
                            </tbody>
                            <tfoot class="tfoot">
                            <tr>
                                <td colspan="5" class="rightalign">
                                    <strong>Paid Amount &nbsp;&nbsp;&nbsp;</strong>
                                    <span><?php echo e($invoice->Currency->symbol1 . $invoice->invoiceItems->sum('price')); ?></span>
                                </td>
                            </tr>
                            </tfoot>
                        </table>
                    </div>
                </div>
            </div>
        </td>
    </tr>
    </tbody>
    <tfoot class="maintable_footer">
    <tr>
        <td colspan="3">
            <div class="footer-space">
                <ul>
                    <li><a href="<?php echo e($settings->base_url); ?>"><?php echo e($settings->base_url); ?></a></li>
                    <li><a href="<?php echo e($settings->email); ?>"><?php echo e($settings->email); ?></a></li>
                    <li><a href="<?php echo e($settings->phone); ?>"><?php echo e($settings->phone); ?></a></li>
                </ul>
            </div>
        </td>
    </tr>
    </tfoot>
</table>
</body>
</html>
<?php /**PATH /home/amzpubli/admin.amzpublicationwing.com/resources/views/backend/nft/pdf.blade.php ENDPATH**/ ?>