@extends('layouts.master')
@section('title')
    {{translate('permission')}}
@endsection
@section('content')

    <div class="panel panel-white">
        <div class="panel-heading">
            <h6 class="panel-title">{{translate('permission')}}</h6>

            <div class="heading-elements">
                <a href="{{ url('user/permission/create') }}" class="btn btn-info btn-xs">
                    <i class="fa fa-plus"></i>
                </a>
            </div>
        </div>
        <div class="panel-body">
            <table class="table   table-hover table-striped" id="">
                <thead>
                <tr>
                    <th>{{translate('name')}}</th>
                    <th>{{translate('parent')}}</th>
                    <th>{{translate('slug')}}</th>
                    <th>{{translate('action')}}</th>
                </tr>
                </thead>

                <tbody>
                @foreach($data as $key)
                    <tr>
                        <td>
                            @if($key->parent_id!=0)
                                |___
                            @endif
                            {{ $key->name }}
                        </td>
                        <td>
                            @if(count($key->parent)>0)
                                {{ $key->parent->name }}
                            @else
                                {{translate('no_parent')}}
                            @endif
                        </td>
                        <td>{{ $key->slug}}</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('user/permission/'.$key->id.'/edit') }}"><i
                                                        class="fa fa-edit"></i>
                                                {{ translate('edit') }}</a>
                                        </li>

                                        <li>
                                            <a href="{{ url('user/permission/'.$key->id.'/delete') }}"
                                               data-toggle="confirmation"><i
                                                        class="fa fa-trash"></i>
                                                {{ translate('delete') }}</a>
                                        </li>
                                    </ul>
                                </li>
                            </ul>
                        </td>
                    </tr>
                @endforeach
                </tbody>
            </table>
        </div>
    </div>
@endsection
@section('footer-scripts')

    <script>
        $('#data-table').DataTable({
            "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') }}"
                },
                "columnDefs": [
                    {"orderable": false, "targets": 0}
                ]
            },
            responsive: true,
        });
    </script>
@endsection