@extends('layouts.backend')
  @section('mainContentArea')

<div class="card card-default">
    <div class="card-header">
       
    </div>
    <div class="card-body">
        <div class="alert alert-default table-responsive">            
            
            <table class="table" >
                <tr>
                    <th>S.No</th>
                    <th>Name</th>
                    <th>CustomerID</th>
                    <th>Mobile</th>
                    <th>Credit</th>
                    <th>Debit</th>                                       
                </tr>
                                        @foreach($customer as $c)
                    <tr>
                        <td>{{ $count }}</td>
                        <td>{{ !empty($c->customerInfo) ? $c->customerInfo["firstname"] : ''}}</td> 
                        <td>{{ !empty($c->customerInfo) ? $c->customerInfo['customer_id'] : '' }}</td> 
                        <td>{{ !empty($c->customerInfo) ? $c->customerInfo['telephone'] : ''}}</td> 
                        <td>{{ $c->total_credit }}</td>
                        <td>{{ $c->total_debit }}</td>
                                          
                    </tr>
                                     @endforeach
            </table>
            

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


@endsection

@section('extraJs')


@endsection