@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 Purchase Order </h2>
            </div>
            <div>
              <a href={{ route('purchaseorders.all') }} class="button is-primary is-small" >View All </a>
                            <a href={{ route('purchaseorders.convert', ['id' => $po->id]) }} class="button is-primary is-small" >Convert To Invoice </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 style="display:flex">
    <div >PO Number: {{$po->po_number}} </div>
    <div style="margin-left:50px" >PO Created Date: {{$po->po_created_date}} </div>
  </div>
</div>
</div>



<div  class="columns">

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


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

<div>{{$po->quotation->saddr1}} </div>
    <div>{{$po->quotation->saddr2}} </div>
    <div>{{$po->quotation->scity}} </div>
    <div>{{$po->quotation->sstate}} {{$po->quotation->spostal_code}}</div>
    <div>E: {{$po->quotation->customer->email}} </div>
    <div>P: {{$po->quotation->customer->phone}} </div>
</div>

<div class="column is-4">

<div>
 
  <table style="width:100%">
    <tr>
      <td>Quotation No</td>
      <td><a href="{{ route('quotations.show', ['id' => $po->quotation_id]) }}"> {{$po->quotation_number}} </a> </td>
    </tr>
    <tr>
      <td>Date</td>
      <td>{{$po->quotation_date}} </td>
    </tr>
    <tr>
      <td>Shipping Date</td>
      <td>{{$po->shipping_date}} </td>
    </tr>

    <tr>
      <td>Sales Rep</td>
      <td>
        <div>{{$po->salesrep_name}}</div>
        <div>{{$po->salesrep_email}}</div>
        <div>{{$po->salesrep_phone}}</div>
    </td>
    </tr>

</table>

</div>

</div>


</div>


<div  class="columns">
<div class="column is-4">
  Project : {{$po->project}}
</div>
<div class="column is-4">
  Designer :  {{$po->designer}}
</div>
<div class="column is-4">
  Specifier:  {{$po->specifier}}
</div>
</div>



<div  class="columns">
<div class="column is-12">
    
<table class="table  is-bordered">
  <tr> 
    <th>Image </th>
    <th>Model </th>
    <th>Description</th>
    <th>Dimention & Weight </th>
    <th>Finishes / Color </th>
    <th>Fabric No </th>
    <th>Side Marked / Tagged </th>
    <th>COM Total Yds</th>
    <th>Qty</th>
    <th>Net Price</th>
    <th>CAD Total</th>
    <th></th>
  </tr>
@foreach($po->products as $product)
<tr>
  
    <td></td>
    <td>{{$product->model}}</td>
    <td>{{$product->description}}</td>
    <td></td>
    <td>{{$product->frame_color}}</td>
    <td></td>
    <td></td>
    <td></td>
    <td>{{$product->qty}}</td>
    <td>{{$product->price}}</td>
    <td>{{$product->qty *($product->price)}}</td>
    <td><a href="{{route('quotations.removeproduct.get', ['id' => $po->id,'productrow_id'=>$product->id])}}">Delete</a> </td>

  
</tr>
@endforeach

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

<div  class="columns">
<div class="column is-12">


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



@endsection