@extends('layouts.guest-new')
@section('title')
@section('content')
<style>
    
    
    
.watermark{ 
 
         /*background-image:url("https://mar.rootq.dev/uploads/invoice_logos/12.png") !important ;*/
         background-position: 97px 188px !important;
         background-repeat: no-repeat; 
         position: relative; 
    
         background-size: 480px 498px;
 
}
    
</style>
    <div class="container">
        <div class="watermark"></div>
        <div class="row">
            <div class="col-md-12 text-right mb-12">
                <button type="button" class="btn btn-primary no-print btn-sm" id="print_invoice" aria-label="Print"><i
                        class="fas fa-print"></i> @lang('messages.print')
                </button>
                @auth
                    <a href="{{ action([\App\Http\Controllers\SellController::class, 'index']) }}" class="btn btn-success no-print btn-sm"><i
                            class="fas fa-backward"></i>
                    </a>
                @endauth
            </div>
        </div>
        <div class="row">
            <div class="col-md-8 col-md-offset-2 col-sm-12" style="border: 1px solid #ccc;">
                <div class="spacer"></div>
                <div id="invoice_content">
                    {!! $receipt['html_content'] ?? '' !!}
                </div>
                <div class="spacer"></div>
            </div>
        </div>
        <div class="spacer"></div>
    </div>
@stop
<style type="text/css">
    body {
        color: #000000;
    }

    .page-footer {
        width: 100%;
        padding: 20px 0;
    }

    @media print {
        .page-footer {
            position: fixed;
            bottom: 0;
            width: 100%;
            z-index: 1000 !important;
        }
        .watermark{ 
 
         /*background-image:url("https://mar.rootq.dev/uploads/invoice_logos/12.png") !important ;*/
         background-position: 97px 297px !important;
         background-repeat: no-repeat !important; 
         position: relative !important; 
         background-size: 480px 498px !important;
 
}
    }
    
    
    
    
    
    
    
    
    
    
    
    
table, td, th ,tr,thead,tbody {
  border: 1px solid #020202;
}
.table>tbody>tr>td{
    border: 1px solid #020202;
}
.table>thead>tr>th{
    border: 1px solid #020202;
    background-color: {{ session()->get('business.theme_color') }} ;
    text-align: center;
    color: #020202 !important;
}
.table>tbody>tr>th{
    border: 1px solid #020202;
}
.table>thead>tbody>tr>th{
    border: 1px solid #020202;
}
table {
  width: 100%;
  border-collapse: collapse;
}



</style>

<style type="text/css">
    body {
        color: #000000;
    }

    .footer,
    .footer-space {
        height: 20px;
    }

    .footer {
        position: fixed;
        bottom: 0;
        text-align: center;
        width: 100%;
    }
</style>
@section('javascript')
    <script type="text/javascript">
        $(document).ready(function() {
            $(document).on('click', '#print_invoice', function() {
                $('#invoice_content').printThis();
            });
        });
        @if (!empty(request()->input('print_on_load')))
            $(window).on('load', function() {
                $('#invoice_content').printThis();
            });
        @endif
    </script>
@endsection