@extends('client.layout')
@section('title')
    {{translate('saving account')}}
@endsection
@section('content')
    <div class="panel panel-white">
        <div class="panel-heading">
            <h6 class="panel-title">{{translate('saving account')}}</h6>
            <div class="heading-elements">

            </div>
        </div>
        <div class="panel-body ">
            <div class="table-responsive">
                <table id="data-table" class="table table-striped table-condensed table-hover">
                    <thead>
                    <tr>
                        <th>{{translate('account')}}</th>
                        <th>{{translate('product')}}</th>
                        <th>{{translate('balance')}}</th>
                        <th>{{ translate('action') }}</th>
                    </tr>
                    </thead>
                    <tbody>
                    @foreach($data as $key)
                        <tr>
                            <td><a href="{{ url('saving/'.$key->id.'/show') }}">{{ $key->id }}</a></td>

                            <td>
                                @if(!empty($key->savings_product))
                                    {{ $key->savings_product->name }}
                                @endif
                            </td>
                            <td>{{ currency_converter(\App\Helpers\GeneralHelper::savings_account_balance($key->id)) }}</td>
                            <td>
                                <a href="{{ url('client/saving/'.$key->id.'/show') }}" class="btn btn-info btn-xs"  data-toggle="tooltip"
                                   data-title="{{ translate('detail') }}"><i
                                            class="fa fa-search"></i>
                                </a>


                            </td>
                        </tr>
                    @endforeach
                    </tbody>
                </table>
            </div>
        </div>
        <!-- /.panel-body -->
    </div>
    <!-- /.box -->
@endsection
@section('footer-scripts')
    <script>
        $('#data-table').DataTable({
            "order": [[0, "asc"]],
            "columnDefs": [
                {"orderable": false, "targets": [3]}
            ],
            "language": {
                "lengthMenu": "{{ translate('lengthMenu') }}",
                "zeroRecords": "{{ translate('zeroRecords') }}",
                "info": "{{ translate('info') }}",
                "infoEmpty": "{{ translate('infoEmpty') }}",
                "search": "{{ translate('search') }}",
                "infoFiltered": "{{ translate('infoFiltered') }}",
                "paginate": {
                    "first": "{{ translate('first') }}",
                    "last": "{{ translate('last') }}",
                    "next": "{{ translate('next') }}",
                    "previous": "{{ translate('previous') }}"
                }
            },
            responsive: false
        });
    </script>
@endsection