@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">Invoices </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>Customer / Invoice Number </th>
    <th>Description</th>
    <th>Issued Date / Due Date </th>
    <th>Amount / Status </th>
    <th></th>
   
  </tr>
@foreach($invoices as $invoice)
<tr>
  
    <td>{{$invoice->customer->FirstName}} {{$invoice->customer->LastName}}
      <div ><a href="{{route('invoices.show',["id"=>$invoice->id])}}">{{$invoice->invoice_number}}</a></div>
    </td>
    <td>{{$invoice->issued_date}}</td>
    <td></td>
    <td>{{$invoice->amount}}
    <div class="small-text">{{$invoice->status}}</div>
    </td>
    <td>
      <div style="display:flex">
      <!-- <div style="margin-right:5px"><a href="{{url('/invoices/edit/'.$invoice->id)}}"> edit </a></div> | -->
       <div style="margin-left:5px"><a onclick="return confirm('Are You Sure?')" href="{{url('/invoices/delete/'.$invoice->id)}}" > delete </a> </div>
    </div>
  
  
</tr>
@endforeach

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

@endsection