@extends('layouts.admin')


@push('styles')
<link rel="stylesheet" href="{{ asset('plugins/datatables-bs4/css/dataTables.bootstrap4.min.css') }}">
<link rel="stylesheet" href="{{ asset('plugins/datatables-responsive/css/responsive.bootstrap4.min.css') }}">
<link rel="stylesheet" href="{{ asset('plugins/datatables-buttons/css/buttons.bootstrap4.min.css') }}">


<link rel="stylesheet" href="{{ asset('plugins/select2/css/select2.min.css') }}">
<link rel="stylesheet" href="{{ asset('plugins/select2-bootstrap4-theme/select2-bootstrap4.min.css') }}">


<link rel="stylesheet" href="{{ asset('plugins/icheck-bootstrap/icheck-bootstrap.min.css') }}">


<style type="text/css">
    .btn_mt {
        margin-top: 31px;
    }
</style>
@endpush


@section('content')

    <!-- Main content -->
    <section class="content">
      <div class="container-fluid mt-4">
        <div class="row">
          <!-- left column -->
          <div class="col-md-12">
            <!-- jquery validation -->
            <div class="card card-info">
              <div class="card-header">
                <h3 class="card-title">Permissins assign to {{$role->name}}</h3>

                <h3 class="card-title" style="float: right;">Permissins assign to {{$role->name}}</h3>


              </div>
              <!-- /.card-header -->
              <!-- form start -->

                <form class="form-horizontal" action="{{ route('assign.permission') }}" method="POST">
                        @csrf

                        <input type="hidden" name="role_id" value="{{$role->id}}">

                        <div class="card-body">

                            <div class="row">

                                <div class="col-md-8 offset-md-2">

                                    <div class="tile">
                                        <div class="tile-body">
                                            <table id="example1" class="table table-hover table-bordered">
                                                <thead>
                                                <tr>
                                                    <th style="text-align:right;width: 25px;">
                                                        <input type="checkbox" name="" id="top_check_permission">
                                                        All
                                                    </th>

                                                    <th> Name </th>
                                                </tr>
                                                </thead>

                                                <tbody>

                                                @php

                                                $menus = [
                                                    'Dashboard',
                                                    'Sale',
                                                    'Inventory',
                                                    'Report',
                                                    'Purchase',
                                                    'Product',
                                                    'Master Settings',
                                                    'Settings',
                                                    'invoice_cancel',
                                                    'Control Panel'
                                                ];


                                                @endphp

                                                @foreach($permissionList as $permission)
                                                    <tr>
                                                        <td style="text-align:right;">
                                                            @if($permission->role_id == $role->id)
                                                            <input type="checkbox" value="{{ $permission->id }}" name="permission_id[]" class="check_permission" checked>

                                                            @else

                                                            <input type="checkbox" value="{{ $permission->id }}" name="permission_id[]" class="check_permission">

                                                            @endif


                                                        </td>
                                                        <td>

                                                            @if(in_array($permission->name, $menus, true))

                                                           <b style="margin:0;padding: 0;color:#28a745">{{ $permission->name }}</b>

                                                           @else

                                                            <p style="margin:0;padding: 0 0 0 55px;">{{ $permission->name }}</p>

                                                            @endif


                                                            @php

                                                            $role_id = $role->id;
                                                            $id = $permission->id;

                                                            $parent_id = $permission->parent_id;

                                                            $permList = Helper::permiAssign($role_id,$id);


                                                            @endphp

                                                            @if( isset($permList) && ( count($permList->toArray()) > 0 ))

                                                            <table class="table table-borderless">

                                                                @foreach($permList as $perms)

                                                                @php

                                                                    $rol = Helper::findRole($role_id,$perms->id);

                                                                    if($rol){

                                                                        $rolId = $rol->role_id;

                                                                    }else{

                                                                        $rolId = '';
                                                                    }

                                                                @endphp


                                                                <tr>
                                                                    <td style="text-align:right;">
                                                                        @if( $rolId == $role_id )
                                                                        <input type="checkbox" value="{{ $perms->id }}" name="permission_id[]" class="check_permission" checked>

                                                                        @else

                                                                        <input type="checkbox" value="{{ $perms->id }}" name="permission_id[]" class="check_permission">

                                                                        @endif

                                                                    </td>

                                                                    <td> {{ $perms->name }} </td>

                                                                </tr>


                                                                @endforeach


                                                            </table>

                                                            @endif


                                                        </td>

                                                    </tr>
                                                @endforeach
                                                </tbody>
                                            </table>

                                        </div>

                                        <div class="tile-footer text-right">
                                            <button class="btn btn-primary" type="submit">
                                                <i class="fa fa-fw fa-lg fa-check-circle"></i>
                                                Save
                                            </button>
                                            &nbsp;&nbsp;&nbsp;
                                            <a class="btn btn-secondary" href="{{ route('admin.role') }}">
                                                <i class="fa fa-fw fa-lg fa-times-circle"></i>
                                                Cancel
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </form>

            </div>
            <!-- /.card -->
            </div>
          <!--/.col (left) -->
          <!-- right column -->
          <div class="col-md-6">

          </div>
          <!--/.col (right) -->
        </div>
        <!-- /.row -->
      </div><!-- /.container-fluid -->
    </section>
    <!-- /.content -->

@endsection


@push('scripts')


<script src="{{ asset('plugins/datatables/jquery.dataTables.min.js') }}"></script>
<script src="{{ asset('plugins/datatables-bs4/js/dataTables.bootstrap4.min.js') }}"></script>
<script src="{{ asset('plugins/datatables-responsive/js/dataTables.responsive.min.js') }}"></script>

<script src="{{ asset('plugins/datatables-responsive/js/responsive.bootstrap4.min.js') }}"></script>
<script src="{{ asset('plugins/datatables-buttons/js/dataTables.buttons.min.js') }}"></script>
<script src="{{ asset('plugins/datatables-buttons/js/buttons.bootstrap4.min.js') }}"></script>
<script src="{{ asset('plugins/jszip/jszip.min.js') }}"></script>
<script src="{{ asset('plugins/pdfmake/pdfmake.min.js') }}"></script>
<script src="{{ asset('plugins/pdfmake/vfs_fonts.js') }}"></script>
<script src="{{ asset('plugins/datatables-buttons/js/buttons.html5.min.js') }}"></script>
<script src="{{ asset('plugins/datatables-buttons/js/buttons.print.min.js') }}"></script>

<script src="{{ asset('plugins/datatables-buttons/js/buttons.colVis.min.js') }}"></script>


<script src="{{ asset('plugins/select2/js/select2.full.min.js') }}"></script>



    <script>
        $(function () {

            $('#top_check_permission').click(function () {
                if ($(this).is(':checked')){
                    $('.check_permission').prop("checked",true);
                }else {
                    $('.check_permission').prop("checked",false);
                }
            });

        $("#example1").DataTable({
            "pageLength": 1000,
            "responsive": true,
            "lengthChange": false,
            "autoWidth": false,
            buttons: [{
                    extend: 'excel',
                    title: 'Permission List'
                }
            ]

        }).buttons().container().appendTo('#example1_wrapper .col-md-6:eq(0)');




        });
    </script>
@endpush