@extends('settings.accounts.includes.accounts_tabs')
@section('accounts')

    {{--<a class="btn" id="add_new_account">ADD</a>--}}
    <div class="pull-right">
<form class="form form-inline" id="add_accounts">
    <input name="name" class="input-xlarge" value="" placeholder="Ledger Name" required>
    <select name="account_group_id" data-placeholder="Select Ledger Group..." style="width:250px" required>
        <option>Select Account Group...</option>
        @foreach($account_groups as $group)
            <option value="{{$group->id}}">{{$group->name}}</option>
        @endforeach
    </select>
    <select name="sub_account_id" data-placeholder="" style="width:250px" required>
        <option>Select Sub Account</option>
        @foreach($sub_accounts as $sub_account)
            <option value="{{$sub_account->id}}">{{$sub_account->name}}</option>
        @endforeach
    </select>
    <input class="btn " type="submit" value="ADD ACCOUNT">
</form>
    </div>
    <br>
    <br>
    <br>
    <br>
    <table class="table table-striped table-condensed" id="dyntable">
        <thead>
        <tr>
            <td style="width: 20px;">S/N</td>
            <th class="head0">Code</th>
            <th class="head0">Name</th>
            <th class="head1">Group</th>
            <th class="head1">Type</th>
            <th class="head1">Action</th>
        </tr>
        </thead>
        <tbody id="accounts_body">
        @foreach($accounts as $index=> $account)
            <tr>
                <td>{{$index+1}}</td>
                <td></td>
                <td>{{$account->name}}</td>
                <td>{{$account->group}}</td>
                <td>{{$account->type}}</td>
                <td></td>
            </tr>
        @endforeach
        </tbody>
    </table>

    <table class="hide">
        <tbody id="added_account">
        <tr>
            <td></td>
            <td><input name="account" value=""></td>
            <td>
                <select name="account_group">
                    <option></option>
                    @foreach($account_groups as $group)
                        <option value="{{$group->id}}">{{$group->name}}</option>
                    @endforeach
                </select>
            </td>
            <td>

            </td>
        </tr>
        </tbody>
    </table>

    <script>
        jQuery("#add_accounts").on('submit', function (e) {
            e.preventDefault();
            jQuery.ajax({
                url: '{{ route('accounts.store') }}',
                type: 'post',
                data: jQuery("#add_accounts").serialize(),
                cache: false,
                success: function (html) {
                    location.reload();
                }
            });
        });
    </script>
@stop