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

            <div class="heading-elements">
                <a href="{{ url('expense/type/create') }}"
                   class="btn btn-info btn-sm">{{translate('add type')}}</a>
            </div>
        </div>
        <div class="panel-body">
            <table id="" class="table table-bordered table-hover">
                <thead>
                <tr>
                    <th>{{translate('name')}}</th>
                    <th>{{translate('account')}}</th>
                    <th>{{ translate('action') }}</th>
                </tr>
                </thead>
                <tbody>
                @forelse($data as $key)
                    <tr>
                        <td>{{ $key->name }}</td>
                        <td>
                            @if(!empty($key->chart))
                                {{ $key->chart->name }}
                            @endif
                        </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">
                                        <li><a href="{{ url('expense/type/'.$key->id.'/edit') }}"><i
                                                    class="fa fa-edit"></i> {{ translate('edit') }} </a></li>
                                        <li><a href="{{ url('expense/type/'.$key->id.'/delete') }}"
                                               class="delete"><i
                                                    class="fa fa-trash"></i> {{ translate('delete') }} </a></li>
                                    </ul>
                                </li>
                            </ul>
                        </td>
                    </tr>
                @empty
                    <tr class="odd text-center">
                        <td colspan="5" class="dataTables_empty">{{ translate('zeroRecords') }}</td>
                    </tr>
                @endforelse
                </tbody>
            </table>
            {{ $data->withQueryString()->links() }}

        </div>
        <!-- /.panel-body -->
    </div>
    <!-- /.box -->
@endsection
@section('footer-scripts')
    <script>
        $(document).ready(function () {
            $('.deleteType').on('click', function (e) {
                e.preventDefault();
                var href = $(this).attr('href');
                swal({
                    title: 'Are you sure?',
                    text: '',
                    type: 'warning',
                    showCancelButton: true,
                    confirmButtonColor: '#3085d6',
                    cancelButtonColor: '#d33',
                    confirmButtonText: 'Ok',
                    cancelButtonText: 'Cancel'
                }).then(function () {
                    window.location = href;
                })
            });
        });
    </script>
@endsection