@extends('layouts.admin.app')
@section('page_title') الأدوار @endsection
@section('content')
    <x-list.card>
        <x-list.card-header name="الأدوار" :add_button="false" :delete_button="true">
            @if(hasRole('roles.add'))
                <a href="{{route('roles.create')}}" class="btn btn-primary btn-icon text-white">
                    <span>
                        <i class="fe fe-plus"></i>
                    </span>اضافة جديد
                </a>
            @endif
        </x-list.card-header>
        <x-list.card-body :responsive="true">
{{--            <th class="text-white"><input type="checkbox" id="master"></th>--}}
            <th class="text-white">#</th>
            <th class="text-white">الدور</th>
            <th class="text-white">تحكم</th>
        </x-list.card-body>
    </x-list.card>

    <x-list.modal name="الأدوار" :save_button="true" ></x-list.modal>

@endsection
@push('admin_js')

    <script>
        var  columns =[
            // {data: 'checkbox', name: 'checkbox', orderable: false, searchable: false},
            {data: 'id', name: 'id'},
            {data: 'name', name: 'name'},
            {data: 'action', name: 'action', orderable: false, searchable: false},
        ];
    </script>
    @include('layouts.admin.inc.ajax',['url'=>'roles'])

@endpush