@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">Edit Invoice </h2>
            </div>
            <div>
                <a href="javascript:void(0)" onclick="document.getElementById('formx').submit()" class="button is-primary is-small" >Save </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" >

  <form id="formx" enctype="multipart/form-data" method="post" action="{{ route('invoices.update',['id'=>$invoice->id]) }}">
@csrf

<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 style="font-size:1.5rem;font-weight:bold">Invoice To </div>
    <div>{{$invoice->customer->firstname}} {{$invoice->customer->lastname}} </div>
    <div>{{$invoice->customer->bill_address}} </div>
    <div>{{$invoice->customer->bill_city}} </div>
    <div>{{$invoice->customer->bill_state}} {{$invoice->customer->bill_zip}}</div>
    <div>E: {{$invoice->customer->email}} </div>
    <div>P: {{$invoice->customer->phone}} </div>


</div>
<div class="column is-4">
<div style="font-size:1.5rem;font-weight:bold">Ship To </div>

<div>{{$invoice->customer->ship_address}} </div>
    <div>{{$invoice->customer->ship_city}} </div>
    <div>{{$invoice->customer->ship_state}} {{$invoice->customer->ship_zip}}</div>
    <div>E: {{$invoice->customer->email}} </div>
    <div>P: {{$invoice->customer->phone}} </div>
</div>

<div class="column is-4">

<div>
 
<table style="width:100%">
    <tr>
      <td>Status</td>
      <td>
        <select name="status"> 
            <option  value="Not Paid" >Not Paid </option>
            <option  value="Paid" >Paid </option>
        </select>
      </td>
    </tr>
   

</table>
</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->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>

</form>

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



@endsection