@extends('admin.layout.master')
@section('title')
{{ $current_route->{'name_' . trans('admin.lang')} }}
@stop
@section('page-breadcrumb')
@include('admin.layout.breadcrumb_view')
@stop
@section('css')
<link rel="stylesheet" href="{{ url('default/style.min.css') }}">
<style>
    .jstree-icon {
        font-family: 'Font Awesome 5 Free';
    }
    .jstree-open > .jstree-anchor > .fa-folder::before {
        margin-left: 2px;
        content: "\f07c";
    }
    #html {
        border: 1px solid #ddd;
        margin-top: 6px;
        padding-top: 5px;
    }
</style>
@stop
@section('page-content')
<div class="table-rep-plugin">
    @include('admin.layout.error')
    <div class="row">
        <div class="col-sm-12 table-responsive">
            <table id="accounts_table" class="table table-striped">
                <thead>
                    <tr>
                        <th>@Lang('admin.code')</th>
                        <th>@Lang('admin.name_ar')</th>
                        <th>@Lang('admin.name_en')</th>
                        <th>@Lang('admin.financial_list')</th>
                    </tr>
                </thead>
                <tbody></tbody>
            </table>
        </div>
    </div>
</div>
@stop
@section('js')
<script src="{{ asset('assets/lexa/libs/datatables.net-buttons/js/dataTables.buttons.min.js') }}" type="text/javascript"></script>
<script src="{{ asset('assets/lexa/libs/datatables.net-buttons-bs4/js/buttons.bootstrap4.min.js') }}" type="text/javascript"></script>
<script src="{{ asset('assets/lexa/libs/jszip/jszip.min.js') }}" type="text/javascript"></script>
<script src="{{ asset('assets/lexa/libs/datatables.net-buttons/js/buttons.html5.min.js') }}" type="text/javascript"></script>
<script src="{{ asset('assets/lexa/libs/datatables.net-buttons/js/buttons.print.min.js') }}" type="text/javascript"></script>

<script type="text/javascript">
$(document).ready(function () {
    $('#accounts_table').DataTable({
        "processing": true,
        "serverSide": true,
        "responsive": true,
        "autoWidth": false,
        "searching": false,
        "ajax": {
            url: "{{ route('accounts.listtree') }}"
        },
        "columnDefs": [{
                "targets": "_all",
                "defaultContent": ""
            }],
        "columns": [{
                "data": "account_code"
            },
            {
                "data": "account_name_ar"
            },
            {
                "data": "account_name_en"
            },
            {
                "data": "account_type"
            }
        ],
        "dom": 'Bfrtip',
        buttons: [
            'print',
            'excelHtml5'
        ],
        paging: false, // Hide pagination
        sorting: false
    });
});
</script>
@stop