@extends('layouts.'.$namespaceName.'.master')
@section('title')
{{$title}}
@endsection
@section('content')
<div class="page-wrapper">
    <div class="page-content m-2">
        @include('message')
        @include('breadcrumb')
        <h6 class="mb-3 text-uppercase main_title_page">{{$title}}</h6>
        <div class="card main_card">
            <div class="card-body card_body">
                <div class="d-flex align-items-center justify-content-between mb-3">
                    <h6 class="text-uppercase sub_title">{{$title}}</h6>
                    <a href="{{route($modelName.'.create')}}" class="btn primary">{{trans($namespaceName.'/'.$modelName.'.'.'Create')}}</a>
                </div>
                <div class="line mb-3"></div>
                <div class="table-responsive">
                    <table id="roles" class="table table-striped table-bordered text-center">
                        <thead>
                            <tr>
                                <th>#</th>
                                <th>{{trans($namespaceName.'/'.$modelName.'.'.'name')}}</th>
                                <th>{{trans($namespaceName.'/'.$modelName.'.'.'users_count')}}</th>
                                <th>{{trans($namespaceName.'/'.$modelName.'.'.'action')}}</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($data as $row)
                            <tr id="row_{{$row->id}}">
                                <td>{{$loop->iteration}}</td>
                                <td>{{$row->display_name}}</td>
                                <td>{{$row->users_count}}</td>
                                <td>
                                    @if($row->name != "super_operator")
                                        @if(auth()->user()->isAbleTo('update_'.$modelName))
                                            <a href="{{route($modelName.'.edit',$row->id)}}" title="{{ trans('labels.edit') }}" class="">
                                                <img src="{{ asset('admin/assets/images/main_img/edit.svg') }}" width="30px" height="30px" >
                                            </a>
                                        @endif
                                    @endif
                                    <a href="{{route($modelName.'.view',$row->id)}}" title="{{ trans('labels.show') }}" class="">
                                        <img src="{{ asset('admin/assets/images/main_img/view.svg') }}" width="30px" height="30px" >
                                    </a>
                                    @if(auth()->user()->isAbleTo('delete_'.$modelName))
                                        @if($row->built_type != 1 )
                                            <button type="button" class="btn btn-danger waves-effect waves-light btn-sm bg-transparent border-0"
                                                onclick="delete_alert({{$row->id}},'roles',`{{ trans('messages.are you sure!') }}`,`{{ trans('messages.this action may cause removing permession from associated users!') }}`)">
                                                <img src="{{ asset('admin/assets/images/main_img/delete.svg') }}" width="30px" height="30px" >
                                            </button>
                                         @endif
                                     @endif
                                </td>
                                @endforeach
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@push('js')
    <script>
        $(document).ready(function() {
            $('#roles').DataTable( {
                dom: 'frtip',
                "language":{
                    "url": "{{asset('assets/datatable-lang/'.app()->getLocale().'.json')}}"
                },
            } );
        } );
    </script>
@endpush