@extends('layouts.app')

@section('content')
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-md-12">
                <div class="card">
                    <div class="card-header">{{ __('Customers') }}</div>

                    <div class="card-body">
                        @if (session('status'))
                            <div class="alert alert-success" role="alert">
                                {{ session('status') }}
                            </div>
                        @endif

                        @if(isset($customers))

                            <table class="table table-striped table-hover">
                                <thead>
                                <tr>
                                    <th scope="col">Company Name</th>
                                    <th scope="col">Internal Name</th>
                                    <th scope="col">Shipping Address</th>
                                    <th scope="col">Billing Address</th>
                                    <th scope="col">Phone</th>
                                </tr>
                                </thead>

                                <tbody>

                                @foreach($customers as $customer)
                                    <tr>
                                        <td> {{$customer->company_name}} </td>
                                        <td> {{$customer->internal_name}} </td>
                                        <td> {{$customer->shipping_address}} </td>
                                        <td> {{$customer->billing_address}} </td>
                                        <td class="text-nowrap"> {{$customer->phone}} </td>
                                    </tr>
                                @endforeach

                                </tbody>
                            </table>

                        @else()
                            No customer data.
                        @endif

                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection