@extends('dashboard.dashboard')
@section('title',ucfirst(trans('permissions')))
@section('main')
@section('page','permissions')

<div class="panel-header bg-primary-gradient">
    <div class="page-inner py-1">
        <div class="d-flex align-items-left align-items-md-center flex-column flex-md-row">
            <div>
            <h2 class="text-white pb-2 fw-bold text-capitalize">{{__('permissions')}} do grupo <i>{{$role->name}}</i></h2>
                <h5 class="text-white op-7 mb-2"> Administre as Permissões associadas</h5>
            </div>
            <div class="ml-md-auto py-2 py-md-0">
                {{-- <a href="#" class="btn btn-white btn-border btn-round mr-2">Manage</a> --}}
                <a href="{{ route('admin.permission.create') }}"
                    class="btn btn-secondary btn-round text-capitalize">{{ __('add') }} {{__('permission')}}</a>
            </div>
        </div>
    </div>


</div>

<div class="row">
    <div class="col-md-12">
        <div class="card">

            <div class="card-body">
                <div class="table-responsive">
                    <div id="table_wrapper" class="dataTables_wrapper container-fluid dt-bootstrap4">
                        <div class="row">
                            <div class="col-sm-12 col-md-6">
                                <div class="dataTables_length" id="table_length">
                                </div>
                            </div>
                            <div class="col-sm-12 col-md-6">
                                <div id="table_filter" class="dataTables_filter">
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-sm-12">
                                <table id="table" class="display table table-striped table-hover dataTable" role="grid"
                                    aria-describedby="table_info">
                                    <thead>
                                        <tr role="row" class="text-capitalize">
                                            <th class="sorting_asc" tabindex="0" aria-controls="table" rowspan="1"
                                                colspan="1" aria-sort="ascending" style="width: 130px;">
                                                {{ __('name')}}</th>
                                            <th class="sorting" tabindex="0" aria-controls="table" rowspan="1"
                                                colspan="1" style="width: 100px;">{{ __('route')}}</th>
                                            <th class="sorting" tabindex="0" aria-controls="table" rowspan="1"
                                                colspan="1" style="width: 100px;">{{ __('controller')}}</th>
                                            <th class="sorting" tabindex="0" aria-controls="table" rowspan="1"
                                                colspan="1" style="width: 100px;">{{ __('method')}}</th>
                                            <th class="sorting"  rowspan="1" colspan="1" style="width: 100px;">{{ __('actions')}}</th>
                                        </tr>
                                    </thead>
                                    <tfoot>

                                        <tr class="text-capitalize">
                                            <th rowspan="1" colspan="1">{{ __('name')}}</th>
                                            <th rowspan="1" colspan="1">{{ __('route')}}</th>
                                            <th rowspan="1" colspan="1">{{ __('controller')}}</th>
                                            <th rowspan="1" colspan="1">{{ __('method')}}</th>
                                            <th rowspan="1" colspan="1">{{ __('actions')}}</th>
                                        </tr>
                                    </tfoot>
                                    <tbody>
                                        @php
                                        $role_permission_ids = [];
                                        foreach ($role->permissions()->get() as $role_permissions) {
                                            $role_permission_ids[] = $role_permissions->id;
                                        }


                                        @endphp
                                        @foreach($permissions as $key => $permission)
                                        <tr role="row" class="@if (($key%2)==1) odd @else even @endif">
                                            <td class="sorting_1">{{$permission->name}}</td>
                                            <td class="sorting_2">{{$permission->route}}</td>
                                            <td class="sorting_3">{{$permission->controller}}</td>
                                            <td class="sorting_3">{{$permission->method}}</td>
                                            <td>
                                                <form method="POST"
                                                    action="{{route('admin.role.permission.update',[$role, $permission])}}"
                                                    novalidate style="all: unset;">
                                                    @csrf
                                                    @method('POST')
                                                    <input name="status" type="checkbox" 
                                                    @if (in_array($permission->id,$role_permission_ids,true)) checked @endif
                                                    data-toggle="toggle" data-on="{{__('active')}}"
                                                    data-off="{{__('inactive')}}" data-onstyle="success"
                                                    data-offstyle="danger" value="true" onchange="this.form.submit();">
                                                </form>
                                            </td>
                                        </tr>
                                        @endforeach

                                    </tbody>
                                </table>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-sm-12 col-md-5">
                                <div class="dataTables_info" id="table_info" role="status" aria-live="polite">
                                    {{-- Showing 1 to 10 of 57 entries --}}
                                </div>
                            </div>
                            <div class="col-sm-12 col-md-7">
                                <div class="dataTables_paginate paging_simple_numbers" id="table_paginate">
                                    {{-- {{ $permissions->links() }} --}}
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@push('scripts')
<script src="{{asset('admin/js/plugin/datatables/datatables.min.js')}}"></script>
<script src="{{asset('admin/js/plugin/sweetalert/sweetalert.min.js')}}"></script>
<script src="{{asset('admin/js/plugin/bootstrap-toggle/bootstrap-toggle.min.js')}}"> </script>
<script>
    $('#table').DataTable({
        "language": {
            "url": "{{ asset('admin/js/plugin/datatables/Portuguese-Brasil.json') }}"
        }
    });

    $("[data-action=delete]").click(function() {
        swal({
            title: "{{__('Are you sure?')}}"
            , text: "{{__('You wont be able to revert this!')}}"
            , type: 'warning'
            , buttons: {
                confirm: {
                    text: "{{__('Yes, delete it!')}}"
                    , className: 'btn btn-success'
                }
                , cancel: {
                    text: 'Desistir',
                    visible: true
                    , className: 'btn btn-danger'
                }
            }
        }).then((Delete) => {
            if (Delete) {
                $(this).closest('form').submit();
            } else {
                swal.close();
            }
        });
    });

</script>
@endpush