@extends('layouts.app')



@section('content')
<style>
    th {
        font-size:11px;
    }
    </style>

<div class="columns" style="padding-top: 0px;margin-bottom: 0px;">
        <div class="toolbar">
            <div class="tool_strip">
                <h2 class="title is-6">Customers </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">
  <tr> 
    <th>Name </th>
    <th>Contact </th>
    <th>Email </th>
    <th>Phone </th>
    <th>Status </th>
    <td>Bill Address </th>
    <td>Ship Address </th>
    <th>Total Balance </th>
    <th>Credit Limit </th>
  </tr>
 

@foreach($customers as $customer)
<tr>
    <td><a href="{{ route('customers.show',['id'=>$customer->id]) }}">{{ $customer->Salutation }} {{$customer->FirstName}} {{$customer->LastName}}</a></td>
    <td>{{$customer->Contact}}</td>
    <td>{{$customer->Email}}</td>
    <td>{{$customer->Phone}}</td>
    <td>{{ $customer->IsActive }}</td>
              
    <td>{{ $customer->BillAddress['Addr1'] }} {{ $customer->BillAddress['Addr2'] }}, {{ $customer->BillAddress['City'] }}, {{ $customer->BillAddress['State'] }} {{ $customer->BillAddress['PostalCode'] }}</td>
    <td>{{ $customer->ShipAddress['Addr1'] }} {{ $customer->ShipAddress['Addr2'] }}, {{ $customer->ShipAddress['City'] }}, {{ $customer->ShipAddress['State'] }} {{ $customer->ShipAddress['PostalCode'] }}</td>
  
    <td>{{ $customer->TotalBalance }}</td>
    <td>{{ $customer->CreditLimit }}</td>
  </tr>
@endforeach

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

@endsection