@extends('dashboard.layouts.master')
@section('css')
@section('title')
    الادوار
@stop
@endsection
@section('content')
<!-- Start Page header -->
<div class="content-header">
    <div class="container-fluid">
        <div class="row mb-2">
            <div class="col-sm-12">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item">
                        <a href="{{ route('admin.home') }}">نظام
                            ادارة وتطوير الملاك
                        </a>
                    </li>
                    <li class="breadcrumb-item">
                        <span>الادوار </span>
                    </li>
                </ol>
            </div>

        </div>
    </div>
</div>
<!-- End Page header -->
<div class="row">
    @admin('المشرف العام للنظام')
        @include('dashboard/layouts.statistics')
    @endadmin

    <div class="col-12">
        <div class="card text-right card-primary mb-0 card-outline  p-sticky t-15">
            <div class="card-header">
                <h3 class="card-title"> الادوار</h3>
                <div class="card-tools">
                    @permitTo('إضافة دور')
                        <button class="btn btn-primary departments" data-toggle="modal" data-target="#addRole"><i
                                class="fa fa-plus"></i> اضافة
                        </button>
                    @endpermitTo

                    <button type="button" class="btn btn-tool" data-card-widget="maximize"><i
                            class="fas fa-expand"></i></button>
                </div>
            </div>
            <div class="card-body">
                <table id="example1" class="table table-bordered table-striped">
                    <thead>
                        <tr>
                            <th> #</th>
                            <th> الدور </th>
                            <th>تاريخ الاضافة </th>
                            <th> المدراء</th>
                            <th> الصلاحيات</th>

                            <th> خيارات </th>
                        </tr>
                    </thead>
                    <tbody>
                                                @foreach ($roles as $role)
                                                        <tr>
                                <td>{{ $i }}</td>
                                <td> {{ $role->name }} </td>
                                <td> {{ $role->created_at->format('Y-m-d') }}
                                </td>
                                <td>
                                    <span class="badge badge-primary badge-pill">{{ $role->admins->count() }}
                                        {{ ucfirst(config('multiauth.prefix')) }}</span>
                                </td>

                                <td>
                                    @permitTo('تعديل دور')
                                        <a href="{{ route('admin.role.edit', $role->id) }}"
                                            class="btn btn-primary departments">
                                            <i class="fa fa-eye"> </i>
                                            صلاحيات
                                            ({{ $role->permissions->count() }})
                                        </a>
                                    @endpermitTo
                                </td>
                                <td class="text-center">


                                    <div class="dropdown d-inline-block">
                                        <button class="btn btn-default btn-xs dropdown-toggle" type="button"
                                            data-toggle="dropdown" aria-expanded="false">
                                            <span>المزيد</span>
                                            <span class="caret"></span>
                                        </button>
                                        <div class="dropdown-menu" style="">
                                            @permitTo('تعديل دور')
                                                <a href="{{ route('admin.role.edit', $role->id) }}">
                                                    <button class="dropdown-item text-warning">
                                                        <i class="fa fa-edit"></i>
                                                        <span>تعديل</span>
                                                    </button></a>
                                            @endpermitTo



                                            @permitTo('حذف دور')
                                                <a href="" class="dropdown-item delete text-danger"
                                                    onclick="event.preventDefault(); document.getElementById('delete-form-{{ $role->id }}').submit();">
                                                    <i class="fa fa-trash"></i>
                                                    <span>حذف</span>
                                                </a>
                                                <form id="delete-form-{{ $role->id }}"
                                                    action="{{ route('admin.role.delete', $role->id) }}" method="POST"
                                                    style="display: none;">
                                                    @csrf @method('delete')
                                                </form>
                                            @endpermitTo
                                        </div>
                                    </div>
                                </td>

                            </tr>
                        @endforeach


                    </tbody>

                </table>
            </div>
        </div>
        <!-- /.card-body -->
    </div>
</div>

{{-- Start Add Role Modal --}}
<div class="modal fade modeel" id="addRole">
    <div class="modal-dialog modal-xl">
        <div class="modal-content">
            <form action="{{ route('admin.role.store') }}" method="post">
                @csrf
                <div class="modal-header">
                    <h4 class="modal-title"> إضافة دور


                    </h4>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="col-12">
                    <div class="form-group">
                        <label for="name" class="mr-2">
                            اسم الدور </label>
                        <input type="text" name="name" id="name" class="form-control"
                            placeholder="ادخل اسم المستخدام" required>


                    </div>

                </div>
                <div class="card-body">
                    <table id="example1" class="table table-bordered table-striped">
                        <thead>
                            <tr>
                                <th> # </th>
                                <th> الصلاحية </th>
                                <th> عرض </th>
                                <th> اضافة </th>
                                <th> تعديل </th>
                                <th> حذف </th>


                            </tr>
                        </thead>
                        <tbody id="permissions_tbody">
                                                        @foreach ($permissions as $key => $value)
                                                                <tr>
                                    <td class="text-center">{{ $i }}</td>
                                    <td class="text-center"><span id="rollPermissions"
                                            class="categoryPermission_1">{{ $key }}</span>
                                    </td>
                                    @foreach ($value as $permission)
                                        <td class="text-center">
                                            <div class="form-check">
                                                <input type="checkbox" name="permissions[]" class="form-check-input"
                                                    value="{{ $permission->id }}" id="{{ $permission->id }}">
                                                <label class="form-check-label mr-3"
                                                    for="{{ $permission->id }}">{{ $permission->name }}</label>


                                            </div>
                                        </td>
                                    @endforeach
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
                <div class="modal-footer justify-content-between">
                    <button type="button" class="btn btn-default" data-dismiss="modal">الاغلاق</button>
                    <input id="submit" type="submit" class="btn btn-success" value="حفظ">

                </div>
            </form>
        </div>
    </div>
</div>
{{-- End Add Role Modal --}}
@endsection