@extends('layouts.app')

@section('content')
<!-- Content wrapper scroll start -->
<div class="content-wrapper-scroll">

<!-- Content wrapper start -->
<div class="content-wrapper">

    <!-- Row start -->
    <div class="row gutters">
        <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">

            <!-- Card start -->
            <div class="card">
                <div class="card-header-lg">
                    <h4>Preview</h4>
                    
                </div>
                <div class="card-body">

                    <div class="invoice-container">

                        <div class="invoice-header">
                            <!-- Row start -->
                            <div class="row justify-content-between">
                                <div class="col-xl-5 col-lg-5 col-md-5 col-sm-5 col-12">
                                </div>
                                <div class="col-xl-5 col-lg-5 col-md-5 col-sm-5 col-12">
                                    <address class="text-right">
                                    {!!empty($customer_info->comment) ? "": "NOTE: " . '<span class="text-danger">' . $customer_info->comment . '</span>'!!}
                                    </address>
                                </div>
                            </div>
                            <!-- Row end -->
                        </div>

                        <!-- Row start -->
                        <div class="row gutters">
                            <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                                <div class="invoice-details">
                                    <address class="m-0">
                                    <strong>Customer Information</strong><br>
                                    {{$customer_info->customer_fname}} {{$customer_info->customer_lname}},<br>
                                    {{$customer_info->delivery_location}}<br>
                                    {{$customer_info->customer_phone}}
                                    </address>

                                    <div class="invoice-num">
                                        <div>Order ID - #{{$customer_info->invoice_number}}</div>
                                        <div>Purchase Date: