@extends('layouts.app')

@section('content')
<style>
.contact-info-wrap {
    background-color: #fff;
    padding:30px;
}
.page-header {
    margin-bottom:25px;
    padding-bottom:10px;
    /* border-bottom: 1px dashed #eee !important; */
}
.contact-info-wrap  table tr:nth-child(even), .contact-info-wrap  table tr:nth-child(even) {
    background-color: #fafafa;
}
</style>
    <div class="contact-area pb-90">
        <div class="container" id="printArea">
            <div class="empty-cart-section-wrap">
                <div class="custom-empty-cart">
                    <h3 class="cart-page-title">Invoice for your order #{{$order->invoice_number}} will be  available once the item has been shipped.</h3>
                    <div class="cart-shiping-update-wrapper">
                        <div class="cart-shiping-update">
                            <a href="{{route('my_account')}}#orders">My Orders</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <style>
@media print {
    .print-btn-wrap {
        float:left !important;
        width:60%;
    }
    .payment-wrap {
        float:right !important;
        width:40%;
    }
    .vcarrd-logo {
        display: block !important;
    }
}
.error, .error * {
    color: #f00;
}
.product-details-content .pro-details-color-wrap .pro-details-color-content ul li {
    margin-left: 5px;
}
.pro-details-color-content ul li {
    border: 1px solid #666 !important;
}
.product-details-content .pro-details-quality .cart-plus-minus input.cart-plus-minus-box {
    width: 110%;
}
li.color-attribute.active {
    border: 2px solid white !important;
    outline: 1px solid #464646;
}
.modal-header {
    border: none;
}
</style>
@endsection

@section('script')
<script type="text/javascript">
    function myfunc(divName) {
     var printContents = document.getElementById(divName).innerHTML;
     var originalContents = document.body.innerHTML;
     document.body.innerHTML = printContents;
     var button = document.getElementById('noprint');
        button.style.display = 'none';
        $('.vcarrd-logo').show()
     window.print();
     document.body.innerHTML = originalContents;
}
// Store previous page URL in session storage
sessionStorage.setItem('previousPage', 'orders');
</script>
@endsection