@extends('seller.seller_app')

@section('content')
<div class="content-wrapper">
    <div class="container-xxl flex-grow-1 container-p-y">
        <div class="card">
            <h5 class="card-header">Order Detail  &nbsp;&nbsp;&nbsp;</h5>
            <div  class="card-body" id="printArea">
            <div class="row">
                <div class="w-50">
                    <div class="mb-30">
                        <img src="{{ asset('assets/images/logo/logo-1.png') }}"  alt="" style="width:137px;height:auto;" alt="vCarrd" />
                    </div>
                </div>
                <div class="w-50" style="text-align:right">
                    <h4 class="page-header"><small class="pull-right"><strong style="font-weight: normal;">Order Date</strong>:  {{$order->created_at->format('d-m-Y')}}</small> </h4>
                </div>
            </div>

            <div class="row invoice-info">
                <div style="margin-top: 20px;float:left;width: 100%;">
                    <!-- <address> -->
                    <strong> {{ COMPANY_INFO }} </strong><br/>
                        {{COMPANY_ADDRESS}}<br/>
                        <strong>Email</strong>: {{COMPANY_EMAIL}}<br/>
                        <strong>GSTIN</strong>: {{GSTIN}}<br/>
                        <strong>CIN</strong>: {{CIN}}<br/>
                </div>

                <div style="margin-top: 20px;float:left;width:33%">
                    <strong>BILL TO</strong><br>
                    <strong style="text-transform: capitalize;">{{$order->bill_first_name}} {{$order->bill_last_name}}</strong><br>
                    @if($order->bill_company_name != '') {{$order->bill_company_name}}  <br /> @endif
                    @if($order->gst_number != '') <b>GST Number:</b> {{$order->gst_number}}  <br /> @endif
                    <!-- <address> -->
                    @if($order->bill_address_1 != '') {{$order->bill_address_1}}, @endif
                    @if($order->bill_address_2 != '') {{$order->bill_address_2}}, @endif
                    @if($order->bill_city != '') {{$order->bill_city}}, @endif @if($order->bill_state != '') {{$order->bill_state}}, @endif @if($order->bill_zipcode != '') {{$order->bill_zipcode}} @endif
                    <br/>
                    @if($order->bill_phone_number != '')
                    <strong>Phone</strong>:
                        {{$order->bill_phone_number}}
                    <br/>
                    @endif
                    @if ($order->bill_email != '')
                        <strong>Email</strong>: {{$order->bill_email}}
                    @endif
                </div>
                <div style="margin-top: 20px;float:left;width:33%">
                    <strong>SHIPPED TO</strong><br>
                    <strong style="text-transform: capitalize;">{{$order->ship_first_name}} {{$order->ship_last_name}}</strong><br>
                    <!-- <address> -->
                    @if($order->ship_address_1 != '') {{$order->ship_address_1}}, @endif
                    @if($order->ship_address_2 != '') {{$order->ship_address_2}}, @endif
                    @if($order->ship_city != '') {{$order->ship_city}}, @endif @if($order->ship_state != '') {{$order->ship_state}}, @endif @if($order->ship_zipcode != '') {{$order->ship_zipcode}} @endif
                    <br/>
                    @if($order->ship_phone_number != '')
                    <strong>Phone</strong>:
                        {{$order->ship_phone_number}}
                    <br/>
                    @endif
                    @if ($order->ship_email != '')
                        <strong>Email</strong>: {{$order->ship_email}}
                    @endif
                </div>

                <div style="margin-top: 20px;float:left;width:33%">
                        <b>Invoice Number : {{ $order->invoice_number }} </b><br/>
                        <b>Order Status : </b> {{ $order->status }} <br/>
                        <b>Total:</b> &#8377;
                        {{$order->total_amount}}
                </div>
            </div>
            <div style="border-top: 1px solid #c5c5c5;margin-top: 10px;"></div>
            <div class="row">
                <div class="col-xs-12 table-responsive">
                    <table class="table table-striped">
                        <thead>
                        <tr>
                            <th>Product Name</th>
                            <th>Card Details</th>
                            <th>QR Code</th>
                            <th>Back Image</th>
                            <th>Price</th>
                            <th>Total Price</th>
                        </tr>
                        </thead>
                        <tbody>

                                                </tbody>
                    </table>
                </div>
            </div>

            <div class="row" style="margin-top: 40px;">
                <div style="float:left !important;width:60%;">
                    <div class="row">
                        <div class="col-md-5">
                        <label for="name">&nbsp;</label>
                        </div>
                        <!-- <div class="col-md-4">
                            <button onclick="genReport()" class="btn btn-default" style="background-color:#5e5e5e; border:2px solid black;color:#fff;padding: 10px;font-size: 13px ;width: 100%;"><i class="fa fa-download"></i> Generate Invoice</button>
                        </div> -->
                        {{-- <div class="col-md-3 text-center">
                            <a onClick="myfunc('printArea')" class="btn" id="noprint" style="background-color:#5e5e5e; border:2px solid black;color: #fff;font-size: 13px;border:8px;padding: 7px;"><i class="ti-printer"></i> &nbsp;Generate Invoice</a>
                        </div> --}}
                    </div>
                </div>
                <div style="float:right !important;width:40%;">
                    <p class="lead">Total Payment:</p>
                    <div class="table-responsive">
                        <table class="table">
                        <tr>
                            <th style="width:50%">Subtotal:</th>
                            <td style="text-align: right;">