@extends('layouts.app')
@section('title', 'Invoice')

@section('content')
<section class="content">

      <div class="row">               
        <div class="col-12">
          <div class="box">
			 <div class="box-body">           
              <h4 class="box-title text-info mb-0"><i class="fa fa-user fa-sx"></i>Invoices</h4>
              <a href="{{ url('/invoice') }}" type="submit"  style="float:right" class="waves-effect waves-light btn btn-rounded btn-primary btn-bitbucket btn-sm mb-5"><i class="fa fa-eye"></i>Show Invoices</a>

       <hr class="my-15">
     

		<!-- Main content -->
		<section class="invoice printableArea">
		  <div class="row">
			<div class="col-12">
			  <div class="bb-1 clearFix">
				<div class="text-end pb-15">
					<a  href="/invoice/pdf/{{$arrOrderData->order->id}}" target="_blank" class="btn btn-warning" type="button"> <span><i class="fa fa-print"></i> Print</span> </a>
				</div>	
			  </div>
			</div>
			<div class="col-12">
			  <div class="page-header">
              <img style="width: 119px;height: 43px;padding: 0px 0px 3px 0px;" src="{{ asset(env('INVOICE_COMPANY_LOGO')) }}"/>
				<h2 class="d-inline"><span class="fs-30">{{env('INVOICE_COMPANY_NAME')}}</span></h2>
				<div class="pull-right text-end">
					<h3> {{\Carbon\Carbon::parse($arrOrderData->order->created_at)->format('dS M Y')}}</h3>
				</div>	
			  </div>
			</div>
			<!-- /.col -->
		  </div>
		  <div class="row invoice-info">
			<div class="col-md-6 invoice-col">
			  <strong>From</strong>	
			  <address>
				<strong class="text-blue fs-24">{{env('INVOICE_COMPANY_NAME')}}</strong><br>
				<strong class="d-inline">{{env('INVOICE_COMPANY_ADDRESS1')}}</strong><br>
				<strong>Phone: {{env('INVOICE_COMPANY_PHONE')}} &nbsp;&nbsp;&nbsp;&nbsp; Email: {{env('INVOICE_COMPANY_EMAIL')}}</strong>  
			  </address>
			</div>
			<!-- /.col -->
			<div class="col-md-6 invoice-col text-end">
			  <strong>To</strong>
			  <address>
				<strong class="text-blue fs-24">{{$arrProspectDetails['name']}}</strong><br>
				{{$arrProspectDetails['address1']}}<br>
				<strong>Phone: {{$arrProspectDetails['phone']}} &nbsp;&nbsp;&nbsp;&nbsp; Email: {{$arrProspectDetails['email']}}</strong>
			  </address>
			</div>
			<!-- /.col -->
			<div class="col-sm-12 invoice-col mb-15">
				<div class="invoice-details row no-margin">
				  <div class="col-md-6 col-lg-3"><b>Invoice </b>#1000-00{{$arrOrderData->order->id}}</div>
				  <div class="col-md-6 col-lg-3"><b>Order ID:</b>1000-{{sprintf("%06d", $arrOrderData->order->id)}}</div>
				  <div class="col-md-6 col-lg-3"><b>Account:</b> 9000-{{sprintf("%06d", $arrOrderData->order->client_id)}}</div>
				</div>
			</div>
		  <!-- /.col -->
		  </div>
		  <div class="row">
			<div class="col-12 table-responsive">
			  <table class="table table-bordered">
				<tbody>
				<tr>
				  <th>#</th>
				  <th>Product Subscriptions</th>
				  <th>Billing Period</th>
				  <th class="text-end">Quantity</th>
				  <th class="text-end">Subtotal</th>
				</tr>
                @php $intTotal = 0;@endphp
                        @foreach($arrOrderData->orderItems as $key => $orderItem)
				<tr>
                <td>{{$loop->index+1}}</td>
                                <td>{{$orderItem->package_name}}</td>
                                <td>{{$orderItem->billing_period}}</td>
                                <td class="text-end">{{$orderItem->quantity}}</td>
                                <td class="text-end">${{$orderItem->amount}}</td>
				</tr>
                @php $intTotal += $orderItem->amount; @endphp
                        @endforeach
			
				</tbody>
			  </table>
			</div>
			<!-- /.col -->
		  </div>
          <div class="row">
            <div class="col-xs-6">
                <p class="lead">Payment Methods:</p>
                <img src="<?php echo e(asset('assets/images/visa.png')); ?>" alt="Visa">
                <img src="<?php echo e(asset('assets/images/mastercard.png')); ?>" alt="Mastercard">
                <img src="<?php echo e(asset('assets/images/american-express.png')); ?>" alt="American Express">
                <img src="<?php echo e(asset('assets/images/paypal2.png')); ?>" alt="Paypal">

                <p class="text-muted well well-sm no-shadow" style="margin-top: 10px;">
                    We do accept both, credit cards and Paypal.
                </p>
            </div>
        
		  <div class="row">
			<div class="col-12 text-end">

				<div>
					<p>Sub - Total amount  :  ${{$intTotal}}</p>
					<p>Tax (0%)  :  $0</p>
					<p>Shipping  :  $0</p>
				</div>
				<div class="total-payment">
					<h3><b>Total :</b> ${{$intTotal}}</h3>
				</div>

			</div>
			<!-- /.col -->
		  </div>
		  <div class="row no-print">
			<div class="col-12">
			
              <a href="/invoice/pdf/{{$arrOrderData->order->id}}" target="_blank" class="btn btn-primary pull-right"> <i class="fa fa-download"></i> Generate PDF</a>

			</div>
		  </div>
		</section>
		<!-- /.content -->
	  </div>
  </div>
            </div>
          </div>
        </div>
    
      </div>
      <!-- /.row -->



    </section>
        <!-- /.content -->

@endsection