@extends('layouts.app')

@section('content')
    <section id="dom">
        <div class="row">
            <div class="col-12">
                <div class="card">
                    <div class="card-header d-flex justify-content-between">
                        <div class="card-title-wrap bar-teal">
                            <h4 class="card-title">Chart Of Account</h4>
                            <p class="card-text">Here you can see the list of existing Chart Of Accounts.</p>
                        </div>
                        <a class="float-right" data-toggle="modal" data-keyboard="false" data-target="#addExpense">
                            {{-- <button type="button" class="btn btn-success mr-1">
                                <i class="icon-plus"></i> Create
                            </button> --}}
                        </a>
                    </div>
                    <input type="hidden" id="sizeOf" value="{{ sizeof($accounts) }}">
                    <div class="card-body collapse show">
                        <div class="card-block card-dashboard table-responsive">
                            <table class="table table-striped table-bordered" id="dTable">
                            <thead>
                                <tr>
                                    <th>Serial #</th>
                                    <th>Account Name</th>
                                    <th>Category</th>
                                    <th>Sub Account Of</th>
                                    <th>Description</th>
                                    <th>Note</th>
                                    <th>Balance</th>
                                    <th>Actions</th>
                                </tr>
                            </thead>
                            <tbody>
                                @forelse ($accounts as $c)
                               
                                                                <tr>
                                    <td>{{$c->id}}</td>
                                    <td><a href="{{url('child_accounts')}}/{{$c->id}}">{{$c->name}}</a></td>
                                    <td>{{$c->category}}</td>
                                    <td>{{$c->sub_account==null ?  'None' : $c->sub_account}}</td>
                                    <td>{{$c->desc}}</td>
                                    <td>{{$c->note}}</td>