@extends('Admin.AdminMaster')
@section('content')
          <div class="col-12">
              <h3 class="mb-2 page-title">Permisssions Information</h3>
              @can('Register-Permission')
              <button style="position: absolute; top: 4.5%; right: 1.7%;" type="button" class="btn mb-2 btn-primary" data-toggle="modal" data-target="#varyModal" data-whatever="@mdo">Register  Permissions</button>
              @endcan
          </div>
            <div class="col-6">
              <div class="modal fade" id="varyModal" tabindex="-1" role="dialog" aria-labelledby="varyModalLabel" aria-hidden="true">
                <div class="modal-dialog mw-50 w-50" role="document">
                  <div class="modal-content">
                    <div class="modal-header">
                      <h5 class="modal-title" id="varyModalLabel"> Permissions Registration</h5>
                      <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                      </button>
                    </div>
                    <div class="modal-body">
                      <form  action="{{route('regperm')}}" method="POST" >
                        @csrf

                        <div class="form-group">
                              <label for="slug" class="col-form-label">Permission Name:<span style="color:red">*</span></label>
                              <input type="text" class="form-control" name="slug" id="slug" placeholder="eg. admin" required>
                            <span style="color: red">
                                @error('slug')
                                    {{ $message }}
                                @enderror
                            </span>
                            </div>
                            <div class="form-group">
                              <label for="name" class="col-form-label">Permission Task:<span style="color:red">*</span></label>
                              <input class="form-control" name="name" id="name" required>
                                <span style="color: red">
                                @error('name')
                                    {{ $message }}
                                @enderror
                            </span>
                            </div>


                    <div class="modal-footer">
                      <button type="button" class="btn mb-2 btn-secondary" data-dismiss="modal">Close</button>
                      <button onclick="return confirm('Are You Sure You Want To Perform This Task ?');"  type="submit" value="upload" class="btn mb-2 btn-primary left">Submit</button>
                    </div>
                </form>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="wrapper wrapper-content animated fadeInRight">
            <div class="row">
                <div class="col-lg-12">
                <div class="ibox ">
                    <div class="ibox-title bg-success">
                      <h5>Permissions Details Table.</h5>
                       <div class="ibox-tools">
                            <a class="collapse-link">
                                <i class="fa fa-chevron-up"></i>
                            </a>
                            <a class="close-link">
                                <i class="fa fa-times"></i>
                            </a>
                        </div>
                    </div>
                    <div class="ibox-content">
                    <div class="table-responsive">
                    <table style="width:100%" class="table table-striped table-bordered table-hover dataTables-example" >
                    <thead>
                          <tr>  
                            <th>#</th>
                            <th>User Permission </th>
                            <th>Permission Name</th>
                            @can('Delete-Permission')
                            <th>Action</th>
                            @endcan
                          </tr>
                        </thead>
                        <tbody>  
                          @foreach ($perm as $key=> $perm)
                          <tr>
                            <td>{{ ++$key }}</td>
                            <td>{{ $perm->slug }}</td>
                            <td>{{ $perm->name }}</td>
                            @can('Delete-Permission')
                            <td>
                              <a class="fa fa-trash" style="color: red" href="{{ route('remvperm',encrypt([$perm->id]))}}"> Remove</a>
                            </td>
                            @endcan
                            </tr>
                          @endforeach
                        </tbody>

                      </table>
                       </div>
                    </div>
                </div>
            </div>
            </div>
        </div>
@endsection