@extends('layouts.master')
@section('title')
    {{translate('saving product')}}
@endsection
@section('content')
    <div class="panel panel-white">
        <div class="panel-heading">
            <h6 class="panel-title">{{translate('saving product')}}</h6>

            <div class="heading-elements">
                @if(Sentinel::hasAccess('savings.products'))
                    <a href="{{ url('saving/savings_product/create') }}"
                       class="btn btn-info btn-sm">{{translate('add saving product')}}</a>
                @endif
            </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('product')}}</th>
                        <th>{{translate('interest_rate_per_annum')}}</th>
                        <th>{{translate('interest_posting_frequency')}}</th>
                        <th>{{translate('minimum balance')}}</th>
                        <th>{{ translate('action') }}</th>
                    </tr>
                    </thead>
                    <tbody>
                    @foreach($data as $key)
                        <tr>
                            <td>{{ $key->name }}</td>
                            <td>{{ $key->interest_rate }}</td>
                            <td>
                                @if($key->interest_posting==1)
                                    {{translate('every_1_month')}}
                                @endif
                                @if($key->interest_posting==2)
                                    {{translate('every_2_month')}}
                                @endif
                                @if($key->interest_posting==3)
                                    {{translate('every_3_month')}}
                                @endif
                                @if($key->interest_posting==4)
                                    {{translate('every_4_month')}}
                                @endif
                                @if($key->interest_posting==5)
                                    {{translate('every_6_month')}}
                                @endif
                                @if($key->interest_posting==6)
                                    {{translate('every_12_month')}}

                                @endif
                            </td>
                            <td>{{ $key->minimum_balance }}</td>
                            <td>
                                <ul class="icons-list">
                                    <li class="dropdown">
                                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                                            <i class="icon-menu9"></i>
                                        </a>
                                        <ul class="dropdown-menu dropdown-menu-right">
                                            @if(Sentinel::hasAccess('savings.products'))
                                                <li><a href="{{ url('saving/savings_product/'.$key->id.'/edit') }}"><i
                                                                class="fa fa-edit"></i> {{ translate('edit') }} </a>
                                                </li>
                                            @endif
                                            @if(Sentinel::hasAccess('savings.products'))
                                                <li><a href="{{ url('saving/savings_product/'.$key->id.'/delete') }}"
                                                       class="delete"><i
                                                                class="fa fa-trash"></i> {{ translate('delete') }}
                                                    </a>
                                                </li>
                                            @endif
                                        </ul>
                                    </li>
                                </ul>
                            </td>
                        </tr>
                    @endforeach
                    </tbody>
                </table>
            </div>
        </div>
        <!-- /.panel-body -->
    </div>
    <!-- /.box -->
@endsection
@section('footer-scripts')

    <script>

        $('#data-table').DataTable({
            dom: '<"datatable-header"fl><"datatable-scroll"t><"datatable-footer"ip>',
            autoWidth: false,
            columnDefs: [{
                orderable: false,
                width: '100px',
                targets: [4]
            }],
            "order": [[0, "desc"]],
            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') }}"
                }
            },
        });
    </script>
@endsection