@extends('body')
@section('title')
    Users Details
@endsection
@section('breadcrumbs')
  <li><a href="{{ url('/') }}">Home</a></li>
  <li><a href="{{ route('roles.index') }}">Roles</a></li>
  <li>{{ $role->name }}</li>
@endsection

@section('pageScripts')
<style>
    .buttonsmall {
  padding: 5px 5px;
  font-size: 9px;

}
</style>
@endsection

@section('content')
    <section id="pricing" class="pricing">
        <div class="container" data-aos="fade-up">
            <div class="section-title">
                <h2>Role Rights</h2>
                <div class="card">
                    <div class="card-body">
                      <b> {{ $role->name }} </b>
                    </div>
                  </div>
            </div>

            <div class="row">

                <div class="col-lg-6 col-md-9" data-aos="zoom-im" data-aos-delay="100">
                    <div class="box">
                      <h3>Rights Enabled</h3>
                      {{-- <h4><sup>$</sup>0<span> / month</span></h4> --}}
                      <ul>

                        @foreach ($enabledPermissions as $enabledPermission)
                        <li>
                            <form lass="form-inline" action="{!! route('rights.update') !!}" method="POST" role="form">
                                @csrf
                                @method('PATCH')
                                <div class="form-check form-switch">
                                    <input type="text" id="role_id" name="role_id" hidden value="{{ $roleID }}">
                                    <input class="form-check-input" type="checkbox" id="object" name="object" required value="{{ $enabledPermission->object }}">
                                    <input type="text" id="operation" name="operation" hidden value="{{ $enabledPermission->operation }}">
                                    <label class="form-check-label" for="flexSwitchCheckChecked">{{ $enabledPermission->operation}}</label>

                                    @if (Auth::user()->isAuthorized('rights.update') == true)
                                      <button type="submit" class="btn btn-primary btn-sm buttonsmall">REMOVE</button> 
                                    @endif

                                </div>
                            </form>
                        </li>                          
                        @endforeach  

                      </ul>
                    </div>
                </div>
                
                @if (Auth::user()->isAuthorized('rights.store') == true)
                <div class="col-lg-6 col-md-6 mt-4 mt-md-0" data-aos="zoom-in" data-aos-delay="100">
                    <div class="box">
                      <h3> Rights </h3>
                      <ul>
                        @foreach ($availablePermissions as $availablePermission)
                        <li>
                            <form lass="form-inline" action="{!! route('rights.store') !!}" method="POST" role="form">
                                @csrf
                                
                                <div class="form-check form-switch">
                                    <input type="text" id="role_id" name="role_id" hidden value="{{ $roleID }}">
                                    <input class="form-check-input" type="checkbox" id="object" name="object" required value="{{ $availablePermission->object }}">
                                    <input type="text" id="operation" name="operation" hidden value="{{ $availablePermission->operation }}">
                                    <label class="form-check-label" for="flexSwitchCheckChecked">{{ $availablePermission->operation}}</label>
                                    <button type="submit" class="btn btn-primary btn-sm buttonsmall">ADD</button> 
                                </div>
                            </form>
                        </li>                           
                        @endforeach
                      </ul>
                    </div>
                  </div>
                  @endif

            </div>
        </div>
    </section>
@endsection