@extends('layouts.main')

@section('content')
    <h4>{{$title}}</h4>
    @if(Auth::user()->canDo(['record_expenses']))
      <a class="btn btn-dark" href="{{route('expense.create')}}">Add Expense</a>
    @endif

    @if(Auth::user()->canDo(['view_expenses']))
        <a class="btn btn-dark" href="{{route('reports.create')}}">Generate Report</a>
    @endif
    <hr>
 
                  @if (session('status'))
                        <div class="alert alert-success">
                            {{ session('status') }}
                        </div>
                    @endif

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

                      <tbody>
                        @foreach($expense as $account)
                          <tr>
                              <td>{{$account->id}}</td>
                              <td> 

                                 {{
                                      is_numeric($account->date)
                                          ? \Carbon\Carbon::createFromTimestamp($account->date)->format('Y-m-d')
                                          : \Carbon\Carbon::parse($account->date)->format('Y-m-d')
                                  }}
                              </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>{{$account->size}}</td>
                              <td> <span style="float: right;"> {{number_format($account->amount)}} </span> </td>
                              <td> <span style="float: right;">{{ number_format($account->amount * $account->size) }}</span></td>
                              <td>   {{$account->user->name}}   </td>
                                                            <td>
                                 <form action="/expense/{{ $account->id }}" method="POST" onsubmit = 'return confirm("Are you sure you want to proceed?"); return false;'>
                                    {{method_field('DELETE')}}
                                    {{ csrf_field() }}

                                    @if(Auth::user()->canDo(['edit_expenses']))
                                    <a href="{{route('expense.edit',$account->id)}}" class="btn btn-info btn-sm">Edit</a>
                                    @endif

                                    @if(Auth::user()->canDo(['delete_expenses']))
                                     <input type="submit" class="btn btn-danger btn-sm" value="Delete"/>
                                     @endif
                                </form>
                              </td>
                          </tr>
                        @endforeach
                        <tr>
                            <th>Total</th> <th></th> <th></th> <th></th> <th></th> <th></th><th></th> <th></th>  <td></td> <th>0</th> <th></th> <th></th>
                        </tr>
                      </tbody>
                    </table> 
                    </div>         
           

               <br>
               <h5>Expense accounts</h5>
               <br>

         
                  @if(empty($from))
                                  
                       <h1></h1>
                       <div class="table-resposive">  
                       <table class="table table-hover table-striped" id="expenses_table">
                            <thead>
                              <th>#</th>  <th>Name</th> <th>Description</th> <th>Total amounts</th> <th>Action</th>
                            </thead>

                            <tbody>
                                @foreach($accounts as $account)