@extends('admin.layouts.auth.master')

@include('admin.components.datatable.datatable')

@section('content')
    <div class="content-header row">
        <div class="content-header-left col-md-6 col-12 mb-2">
            <div class="row breadcrumbs-top">
                <div class="breadcrumb-wrapper col-12">
                    {!! admin_breadcrumb(['الصفحة الرئيسية' => route('admin.dashboard'), $title => null]) !!}
                </div>
            </div>
        </div>
    </div>
    <div class="content-body">
        <section class="row">
            <div class="col-12">
                <div class="card">
                    @include('flash::message')

                    <div class="card-head">
                        <div class="card-header">
                            <div class="row">
                                <div class="col-md-12">
                                    <div class="btn-group">
                                        @permission('create-roles')<a href="{{ route('admin.roles.create') }}" class="btn btn-success">انشاء صلاحية جديدة <i class="fa fa-plus"></i></a>@endpermission
                                        @permission('delete-roles')
                                        <a href="#" class="bulk_delete_confirmation btn btn-danger" id="sample_editable_1_new" data-toggle="modal" data-target="#bulkDeleteModal" data-action="{{ route('admin.roles.bulk-delete') }}">
                                            حذف متعدد
                                            <i class="icon-trash"></i>
                                        </a>
                                        @endpermission
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="card-content">
                        <div class="card-body">
                            <div class="box">
                                <!-- /.box-header -->
                                <div class="box-body table-responsive datatable-table">
                                    {!!
                                        $dataTable->table([
                                            'class' => 'dataTable table table-striped table-bordered table-hover w-100 dataTables_wrapper ',
                                        ], true)
                                    !!}
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </div>

    @include('admin.components.modals.delete_modal')
    @include('admin.components.modals.bulk_delete_modal')
@endsection