@extends('layouts.main_without_top_button', ['title' => 'CHART OF ACCOUNTS | ' . config('app.name')])
@section('title') CHART OF ACCOUNTS @stop
@section('navigation')
    <ul class="breadcrumb">
        <li><a href="{{route('home')}}">Dashboard</a> <span class="divider">/</span></li>
        <li><a href="">Finance</a> <span class="divider">/</span></li>
        <li><a href="">Settings</a> <span class="divider">/</span></li>
        <li class="active">Chart Of Accounts</li>
    </ul>
@stop
@section('contentinner')
    <style>

        .modal-body .tabs {
            padding: 5px;
            border-top: 1px solid #bbb;
            border-left: 1px solid #bbb;
            border-right: 1px solid #bbb;
            border-bottom: 0;
            border-top: 0;
            background: #f5f5f5;
        }

        .modal-body .tabs li {
            border-top: 1px solid #bbb;
            border-left: 1px solid #bbb;
            border-right: 1px solid #bbb;
            border-bottom: 0;
            color: #0e0e0e;
        }

        .modal-body .tabs li a {
            color: #0e0e0e;
        }

        .modal-body .tabs li a:active {
            color: #51a7c6;
            background-color: #eeeeee;
        }
    </style>

    <div class="tabbable">
        @include('financial_accounts.settings.includes.profile')
        <div class="tab-content">
            <div class="tab-pane active">
                <div class="row-fluid" style="margin-bottom: 8px;">
                    <div class="span12  profile-left">

                        <div class="msghead" style="margin-top: -20px;margin-bottom: 5px">
                            <ul class="msghead_menu">
                                <li class="right btn-group">
                                    <a class="btn" onclick="create('{{route('financial_management.settings.accounts.create')}}')"><span
                                                class="icon icon-plus"></span>NEW ACCOUNT</a>
                                </li>
                            </ul>
                            <span class="clearall"></span>
                        </div><!--msghead-->

                        <table class="table table-striped table-condensed table-bordered logistics_table"
                               id="account_index_datatable">
                            <thead>
                            <tr>
                                {{--<td style="width: 20px;">S/N</td>--}}
                                <th>Name</th>
                                <th>Group</th>
                                <th>Currency</th>
                                <th>Closed Balance</th>
                                <th>Action</th>
                            </tr>
                            </thead>
                        </table>

                        {{--@if($account->currency != 'NOT_AVAILABLE')--}}
                        {{--{{$account->currency}}--}}
                        {{--@endif--}}

                        {{--@if($account->currency == 'NOT_AVAILABLE')--}}
                        {{--*/ $amount = 0 /*--}}
                        {{--@else--}}
                        {{--*/ $amount = 0 /*--}}
                        {{--@endif--}}
                        {{--@if($amount >= 0)--}}
                        {{--{{number_format($amount,2)}}--}}
                        {{--@else--}}
                        {{--( {{number_format(-1*$amount,2)}} )--}}
                        {{--@endif--}}

                        {{--<td style="text-align: right;width: 40px">--}}
                        {{--<div class="btn-group">--}}


                        {{--<div aria-hidden="false" aria-labelledby="myModalLabel"--}}
                        {{--role="dialog" tabindex="-1"--}}
                        {{--class="modal hide fade in modal-1 account_open_balance_modal"--}}
                        {{--id="account_open_balance{{$account->id}}">--}}
                        {{--<!-- Modal content-->--}}
                        {{--{!! Form::open(array('route' => 'accounts.open-balances.store', 'class' => 'stdform open_balance_form','method'=>'post')) !!}--}}
                        {{--<div class="modal-header" style="background: #50A6C6">--}}
                        {{--<button type="button" class="close" data-dismiss="modal">--}}
                        {{--&times;--}}
                        {{--</button>--}}
                        {{--<h4> CREATE OPEN BALANCE</h4>--}}
                        {{--</div>--}}
                        {{--<div class="modal-body">--}}
                        {{--<div class="row-fluid">--}}
                        {{--<div class="span12">--}}
                        {{--<div class="par control-group">--}}
                        {{--<label class="span4" style="text-align: right">Account--}}
                        {{--Name</label>--}}

                        {{--<div class="controls span8">--}}
                        {{--<input type="text" name="name"--}}
                        {{--class="input-large "--}}
                        {{--value="{{$account->name}}"--}}
                        {{--readonly/>--}}
                        {{--<input type="hidden" name="account_id"--}}
                        {{--value="{{$account->id}}"/>--}}
                        {{--</div>--}}
                        {{--</div>--}}
                        {{--</div>--}}
                        {{--</div>--}}
                        {{--<div class="row-fluid">--}}
                        {{--<div class="span12">--}}
                        {{--<div class="par control-group">--}}
                        {{--<label class="span4" style="text-align: right">Date--}}
                        {{--Before</label>--}}

                        {{--<div class="controls span8">--}}
                        {{--<input type="text" name="date_before"--}}
                        {{--class="input-large account_open_balance_date_picker"--}}
                        {{--autocomplete="off"--}}
                        {{--@if(!empty($account->openBalance)) value="{{$account->openBalance->date}}" @endif/>--}}
                        {{--</div>--}}
                        {{--</div>--}}
                        {{--</div>--}}
                        {{--</div>--}}
                        {{--<div class="row-fluid">--}}
                        {{--<div class="span12">--}}
                        {{--<div class="par control-group">--}}
                        {{--<label class="span4" style="text-align: right">Amount</label>--}}

                        {{--<div class="controls span8">--}}
                        {{--<input type="text" name="amount"--}}
                        {{--class="input-large number"--}}
                        {{--@if(!empty($account->openBalance)) value="{{number_format($account->openBalance->amount,2)}}"--}}
                        {{--@endif--}}
                        {{--autocomplete="off"/>--}}
                        {{--</div>--}}
                        {{--</div>--}}
                        {{--</div>--}}
                        {{--</div>--}}
                        {{--<div class="row-fluid">--}}
                        {{--<div class="span12">--}}
                        {{--<div class="par control-group">--}}
                        {{--<label class="span4" style="text-align: right">Currency</label>--}}

                        {{--<div class="controls span8">--}}
                        {{--<select tabindex="2" class="chzn-1 span7"--}}
                        {{--name="currency"--}}
                        {{--required>--}}
                        {{--<option value="USD"--}}
                        {{--@if(!empty($account->openBalance))--}}
                        {{--@if($account->openBalance->currency == 'USD') selected @endif--}}
                        {{--@endif--}}
                        {{-->USD--}}
                        {{--</option>--}}
                        {{--<option value="TSH"--}}
                        {{--@if(!empty($account->openBalance))--}}
                        {{--@if($account->openBalance->currency == 'TSH') selected @endif--}}
                        {{--@endif--}}
                        {{-->TSH--}}
                        {{--</option>--}}
                        {{--</select>--}}
                        {{--</div>--}}
                        {{--</div>--}}
                        {{--</div>--}}
                        {{--</div>--}}

                        {{--<div class="row-fluid">--}}
                        {{--<div class="span12">--}}
                        {{--<div class="par control-group">--}}
                        {{--<label class="span4" style="text-align: right">Exchange--}}
                        {{--Rate</label>--}}

                        {{--<div class="controls span8">--}}
                        {{--<input type="text" name="exchange_rate"--}}
                        {{--class="input-large number"--}}
                        {{--@if(!empty($account->openBalance)) value="{{$account->openBalance->exchange_rate}}"--}}
                        {{--@endif--}}
                        {{--autocomplete="off"/>--}}
                        {{--</div>--}}
                        {{--</div>--}}
                        {{--</div>--}}
                        {{--</div>--}}
                        {{--<div class="row-fluid">--}}
                        {{--<div class="span12">--}}
                        {{--<div class="par control-group">--}}
                        {{--<label class="span4" style="text-align: right">Remark</label>--}}

                        {{--<div class="controls span8">--}}
                        {{--<span class="field">--}}
                        {{--<textarea cols="80" name="remark" rows="5" class="span9">--}}
                        {{--@if(!empty($account->openBalance)) {{$account->openBalance->remark}} @endif--}}
                        {{--</textarea>--}}
                        {{--</span>--}}
                        {{--</div>--}}
                        {{--</div>--}}
                        {{--</div>--}}
                        {{--</div>--}}
                        {{--</div><!--#tabs-->--}}
                        {{--<div class="modal-footer">--}}
                        {{--<div class="row">--}}
                        {{--<div class="form-group">--}}
                        {{--<button class="btn btn-primary" type="submit">--}}
                        {{--SUBMIT--}}
                        {{--</button>--}}
                        {{--<button type="reset" class="btn"--}}
                        {{--data-dismiss="modal">Close--}}
                        {{--</button>--}}
                        {{--</div>--}}
                        {{--</div>--}}
                        {{--</div>--}}
                        {{--</form>--}}
                        {{--</div>--}}
                        {{--@endif--}}
                        {{--<a class="btn btn btn-mini edit_vendor" style="margin-left: 4px;"--}}
                        {{--onclick="modelShow('account_edit{{$account->id}}')">--}}
                        {{--<i class="icon-pencil icon"></i>--}}
                        {{--</a>--}}

                        {{--<div aria-hidden="false" aria-labelledby="myModalLabel" role="dialog"--}}
                        {{--tabindex="-1"--}}
                        {{--class="modal hide fade in modal-1 "--}}
                        {{--id="account_edit{{$account->id}}">--}}
                        {{--<!-- Modal content-->--}}
                        {{--{!! Form::open(array('route' => array('account.update'), 'class' => 'stdform','method'=>'post')) !!}--}}
                        {{--<div class="modal-header">--}}
                        {{--<button type="button" class="close" data-dismiss="modal">--}}
                        {{--&times;--}}
                        {{--</button>--}}
                        {{--<h4> EDIT ACCOUNT</h4>--}}
                        {{--</div>--}}
                        {{--<div class="modal-body">--}}
                        {{--<div class="row-fluid" style="margin-bottom: 20px">--}}
                        {{--<div class="span2">--}}
                        {{--<label class="span12">Account Name:</label>--}}
                        {{--</div>--}}
                        {{--<div class="span10">--}}
                        {{--<input name="name" class="span12"--}}
                        {{--value="{{$account->name}}"--}}
                        {{--placeholder="Ledger Name"--}}
                        {{--style="width: 80%" required>--}}
                        {{--<input type="hidden" value="{{$account->id}}"--}}
                        {{--name="account_id">--}}
                        {{--</div>--}}
                        {{--</div>--}}
                        {{--<div class="row-fluid" style="margin-bottom: 10px">--}}
                        {{--<div class="span2">--}}
                        {{--<label for="sub_account_id" class="span12">Sub--}}
                        {{--Account</label>--}}
                        {{--</div>--}}
                        {{--<div class="span10">--}}
                        {{--<select name="sub_account_id" class=" searchable"--}}
                        {{--id="sub_account_id" required--}}
                        {{--style="width: 80%">--}}
                        {{--<option value="">Select Sub Account</option>--}}
                        {{--@foreach($account_groups as $account_group)--}}
                        {{--<optgroup label="{{$account_group->name}}">--}}
                        {{--@foreach($account_group->subGroups as $subGroup)--}}
                        {{--<option value="{{$subGroup->id}}"--}}
                        {{--{{$subGroup->id==$account->sub_account_id?'selected':''}}--}}
                        {{-->{{$subGroup->name}}</option>--}}
                        {{--@endforeach--}}
                        {{--</optgroup>--}}
                        {{--@endforeach--}}
                        {{--</select>--}}
                        {{--</div>--}}
                        {{--</div>--}}
                        {{--@if($account->currency!='NOT_AVAILABLE'||$account->sub_account_id==1||$account->sub_account_id==2)--}}
                        {{--@if(!$account->payment_type && $account->currency!='NOT_AVAILABLE'||$account->account_group_id==1||$account->account_group_id==2)--}}
                        {{--<div class="row-fluid" id="edit_account_exchange_currency"--}}
                        {{--style="margin-bottom: 20px;">--}}
                        {{--<div class="span2">--}}
                        {{--<label class="span12">Currency</label>--}}
                        {{--</div>--}}
                        {{--<div class="span10">--}}
                        {{--<select class="searchable span8" style="width: 80%"--}}
                        {{--name="currency">--}}
                        {{--<option value="">Select Currency</option>--}}
                        {{--<option value="TSH" {{$account->currency=='TSH'?'selected':''}}>--}}
                        {{--TSH--}}
                        {{--</option>--}}
                        {{--<option value="USD" {{$account->currency=='USD'?'selected':''}}>--}}
                        {{--USD--}}
                        {{--</option>--}}
                        {{--</select>--}}
                        {{--</div>--}}
                        {{--</div>--}}
                        {{--@endif--}}

                        {{--@if($account->payment_type||$account->account_group_id==12)--}}
                        {{--<div class="row-fluid" style="margin-bottom: 20px;"--}}
                        {{--id="edit_account_payment_type">--}}
                        {{--<div class="span2">--}}
                        {{--<label for="payment_type" class="span12">Payment--}}
                        {{--Type</label>--}}
                        {{--</div>--}}
                        {{--<div class="span10">--}}
                        {{--<select id="payment_type" class="searchable span8"--}}
                        {{--style="width: 80%"--}}
                        {{--name="payment_type">--}}
                        {{--<option value="">Select Payment Type</option>--}}
                        {{--<option value="ONE TIME" {{$account->payment_type=='ONE TIME'?'selected':''}}>--}}
                        {{--ONE TIME--}}
                        {{--</option>--}}
                        {{--<option value="PERIODIC" {{$account->payment_type=='PERIODIC'?'selected':''}}>--}}
                        {{--PERIODIC--}}
                        {{--</option>--}}
                        {{--</select>--}}
                        {{--</div>--}}
                        {{--</div>--}}
                        {{--@endif--}}


                        {{--</div>--}}
                        {{--<div class="modal-footer">--}}
                        {{--<div class="row">--}}
                        {{--<div class="form-group">--}}
                        {{--<button class="btn btn-primary" type="submit">Save--}}
                        {{--Changes--}}
                        {{--</button>--}}
                        {{--<button type="reset" class="btn" data-dismiss="modal">--}}
                        {{--Close--}}
                        {{--</button>--}}
                        {{--</div>--}}
                        {{--</div>--}}
                        {{--</div>--}}
                        {{--{!! Form::close() !!}--}}
                        {{--</div>--}}

                        {{--@if((($account->is_default == 0) AND ($account->account_group_id != 3) AND ($account->account_group_id != 4)) AND ($account->getIsDeleted()))--}}
                        {{--<button class="btn btn btn-mini btn-danger delete_account"--}}
                        {{--style="margin-left: 4px;">--}}
                        {{--<i class="icon-trash icon"></i>--}}
                        {{--</button>--}}
                        {{--@endif--}}
                        {{--<input type="hidden" value="{{$account->id}}" class="account_id">--}}
                        {{--</div>--}}
                        {{--</td>--}}


                    </div><!--span6-->
                </div><!--row-fluid-->
            </div><!--tab-pane-->
        </div><!--tabcontent-->
    </div><!--tabbable-->
    <script>
        var oTable = jQuery('#account_index_datatable').on('error.dt', function (e, settings, techNote, message) {
            console.log('An error has been reported by DataTables: ', message);
            $.jGrowl("ERROR LOADING DATA!", {header: 'Important'});
            stopSpinner();
        })
            .DataTable({
                "oLanguage": {
                    "sLoadingRecords": startSpinner(),
                    "sZeroRecords": "No Route records to display.",
                    "sProcessing": "Please wait - loading records...",
                    "sInfoEmpty": "No entries to display."
                },
                "initComplete": function (settings, json) {
                    stopSpinner();
                },
                ajax: {
                    url: '{{ route('financial_management.accounts.datatable.index') }}',
                    data: function (d) {
//                                            d.client_id = jQuery('#name').val();
                    }
                },
                scrollCollapse: true,
                "sPaginationType": "full_numbers",
                processing: true,
                serverSide: true,
                "order":[[0,'asc']],
                "columns": [
                    {"class": "link", data: 'name'},
                    {"class": "link", data: 'group'},
                    {"class": "link", data: 'currency'},
                    {"class": "link", data: 'closed_balance'},
                    {"class": "link", data: 'action'}
                ],
                "bStateSave": true
            });


        jQuery("#add_accounts").on('submit', function (e) {
            e.preventDefault();

            jQuery.ajax({
                url: '{{ route('financial_management.settings.accounts.store') }}',
                type: 'post',
                data: jQuery("#add_accounts").serialize(),
                cache: false,
                beforeSend: function () {
                    startSpinner();
                },
                success: function (data) {
                    location.reload();
                },
                error: function (xhr, textStatus, error) {
                    onAjaxError(xhr, textStatus, error);
                },
                complete: function () {
                    stopSpinner();
                }
            });
        });

        jQuery(".delete_account").on('click', function (e) {
            e.preventDefault();
            var conf = confirm('Are you sure?');
            if (conf)
                var tr_p = jQuery(this).parents('tr');

            var account_id = tr_p.find('.account_id').val();

            jQuery.ajax({
                url: '{{ route('accounts.delete') }}',
                type: 'post',
                data: {
                    account_id: account_id
                },
                cache: false,
                success: function (html) {
                    location.reload();
                }
            });
        });

        jQuery('.open_balance_form').on('submit', function (e) {
            jQuery.ajaxSetup({
                header: jQuery('meta[name="_token"]').attr('content')
            })
            e.preventDefault(e);
            jQuery.ajax({
                type: "post",
                url: "{{route('accounts.open-balances.store')}}",
                data: jQuery(this).serialize(),
                success: function (data) {
                    if (data == 'DONE') {
                        jQuery(this).closest('.account_open_balance_modal').modal('toggle');
                        jQuery.jGrowl('{!! HTML::image('img/truck.png') !!} OPEN BALANCE UPDATED SUCCESSFUL ', {
                            theme: 'contrastBorder',
                            sticky: true
                        });
                    } else {
                        alert("FAIL TO UPDATE OPEN BALANCE");
                    }

                },
                error: function (data) {

                }
            })
        });
    </script>
@endsection