@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">Purchase Orders </h2>
            </div>
        </div>
</div>


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

<table class="table  is-bordered"  style="width:100%">
  <tr> 
    <th>PO Number </th>
    <th>PO Date </th>
    <th>Customer / Phone </th>
    <th>Project </th>
    <th>Designer </th>
    <th>Specifier </th>
    <th>Sales Rep </th>
    <th>Status </th>
    <th> </th>
  </tr>
@foreach($pos as $po)
<tr>
    <td><a href="{{url('/purchaseorders/view/'.$po->id)}}"> {{$po->po_number}}</a></td>
    <td>{{$po->po_created_date}}</td>
    <td>{{$po->customer->firstname}} {{$po->customer->lastname}}
      <div class="small-text">{{$po->customer->phone}}</div>
    </td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td>{{$po->status}}</td>
    <td>
      <div style="display:flex">
       <div style="margin-right:5px"><a href="{{url('/purchaseorders/'.$po->id.'/edit')}}"> edit </a></div> |
       <div style="margin-left:5px"><a onclick="return confirm('Are You Sure?')" href="{{url('/purchaseorders/delete/'.$po->id)}}" > delete </a> </div>
    </div>
</tr>
@endforeach

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

@endsection