@extends('layouts.app')
@section('content')
<style>
   
    </style>



<div class="columns" style="padding-top: 0px;margin-bottom: 0px;">
        <div class="toolbar">
            <div class="tool_strip">
                <h2 class="title is-6">View Invoice </h2>
            </div>
            <div>
    <a href={{ route("invoices.delete",['id'=>$invoice->id]) }} class="button is-primary is-small" >Delete </a>
    <a href={{ route('invoices.all') }} class="button is-primary is-small" >View All </a>
   </div>
        </div>
</div>

<div  class="columns" style="padding-top:0px">
<div class="column is-12"  style="padding-left:0px">
  <div class="right_panel" >

<div  class="columns">
<div class="column is-4">
<div >Invoice Number: {{$invoice->invoice_number}} </div>
</div>
</div>



<div  class="columns">


<div class="column is-4">
    <div><b>Customer</b> </div>
    <div>{{$invoice->customer->FirstName}} {{$invoice->customer->LastName}} </div>
    <div>{{$invoice->baddr1==0?'':$invoice->baddr1}} </div>
    <div>{{$invoice->baddr2==0?'':$invoice->baddr2}} </div>
    <div>{{$invoice->bcity}} </div>
    <div>{{$invoice->bstate}} {{$invoice->bpostal_code}}</div>
    <div>E: {{$invoice->customer->Email}} </div>
    <div>P: {{$invoice->customer->Phone}} </div>


</div>
<div class="column is-4">
<div><b>Shipping Address</b> </div>

<div>{{$invoice->saddr1}} </div>
<div>{{$invoice->saddr2==0?'':$invoice->saddr2}} </div>
    <div>{{$invoice->scity}} </div>
    <div>{{$invoice->sstate}} {{$invoice->spostal_code}}</div>
    <div>E: {{$invoice->customer->email}} </div>
    <div>P: {{$invoice->customer->phone}} </div>
</div>

<div class="column is-4">

<div>
 
 
</div>

</div>


</div>




<div  class="columns">
<div class="column is-12">
    
<table class="table  is-bordered" style="width:90%">
 
<tr>
  <td style="font-weight:bold">Sales Rep</td>
  <td style="font-weight:bold">PO Nmuber</td>
  <td style="font-weight:bold">Terms</td>
  <td style="font-weight:bold">Ship Date</td>
  <td style="font-weight:bold">Project</td>
  <td style="font-weight:bold">Inside Sale</td>
  <td style="font-weight:bold">Remarks</td>
</tr>
<tr>
  <td>{{$invoice->salesrep_name}}</td>
  <td>{{$invoice->purchaseorder->po_number}}</td>
  <td>{{$invoice->terms}}</td>
  <td>{{$invoice->shipping_date}}</td>
  <td>{{$invoice->purchaseorder->project}}</td>
  <td>{{$invoice->inside_sale}}</td>
  <td>{{$invoice->remarks}}</td>
</tr>

<tr> 
    <th>Qty </th>
    <th>Item </th>
    <th colspan="3">Description</th>
    <th>Unit Price </th>
    <th>Amount / Color </th>
    
  </tr>

@foreach($invoice->products as $product)
<tr>
  
<td>{{$product->qty}}</td>
    <td>{{$product->model}}</td>
    <td colspan="3">{{$product->description}}</td>
    <td>{{$product->price}}</td>
    <td>{{$product->qty *($product->price)}}</td>
</tr>
@endforeach

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

</div>
</div>
</div>



@endsection