@extends('layouts.main')

@section('content')
  <h4>{{$title}}</h4>
 
  <div class="card-box">    
    <div class="card-body">
        <a class="btn btn-dark"  href="{{route('expense.create')}}">Add Expense</a>
        
          @if (session('status'))
              <div class="alert alert-success">
                  {{ session('status') }}
              </div>
          @endif

          <hr>

                    <div class="table-responsive">  
          <table class="table table-hover table-striped" id="example">
            <thead>
              <th>Transaction date</th> <th>Voucher number</th> <th>Particular</th> <th>Expense account</th> <th>Name</th> <th>Phone</th> <th>Amount</th> <th>By</th>
            </thead>

            <tbody>
              @foreach($expense as $account)
                <tr>
                    <td>{{$account->date}}</td>
                    <td>{{$account->voucher_number}}</td>
                    <td>{{$account->particular}}</td>
                    <td>{{$account->expenseaccount->name}}</td>
                    <td>{{$account->person_name}}</td>
                    <td>{{$account->phone_number}}</td>
                    <td>{{number_format($account->amount * $account->size)}}</td>
                    <td>{{ $account->user->name }}</td>

                                    </tr>
              @endforeach
              <tr>
                  <th>Total</th> <th></th> <th></th> <th></th> <th></th> <th></th> <th>0</th> <th></th>
              </tr>
            </tbody>
          </table> 
          </div>
        </div>
      </div>
@endsection