@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">Quotations </h2>
            </div>
            <div>
    <a href={{ route('quotations.all') }} class="button is-primary is-small" >View All </a>
        <a href={{ route('quotations.convert',['id'=>$quotation->id]) }} class="button is-primary is-small" >Convert To PO </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 >Quotation Number: {{$quotation->quotation_number}} </div>
</div>
</div>



<div  class="columns">


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


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

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

<div class="column is-4">

<div>
 
  <table style="width:100%">
    <tr>
      <td>Quotation No</td>
      <td> {{$quotation->quotation_number}} </td>
    </tr>
    <tr>
      <td>Date</td>
      <td>{{$quotation->quotation_date}} </td>
    </tr>
    <tr>
      <td>Shipping Date</td>
      <td>{{$quotation->shipping_date}} </td>
    </tr>

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

</table>

</div>

</div>


</div>


<div  class="columns">
<div class="column is-4">
  Project : {{$quotation->project}}
</div>
<div class="column is-4">
  Designer : {{$quotation->designer}}
</div>
<div class="column is-4">
  Specifier: {{$quotation->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($quotation->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' => $quotation->id,'productrow_id'=>$product->id])}}">Delete</a> </td>

  
</tr>
@endforeach

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

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

<a href={{ route('quotations.addproducts', ['id' => $quotation->id]) }} class="button is-primary is-small" >Add Product </a>
</div>
</div>

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



@endsection