@extends('layouts.app')

    @section('breadcrumb')
      <ul class="breadcrumb">
        <li><a href="/home">{!! trans('messages.home') !!}</a></li>
        <li class="active">{!! trans('messages.permission') !!}</li>
  		</ul>
    @stop

    {{-- @section('css')
      <style>
        /* thead { background: #555; color: #f1f1f1; } */
        .sticky {position: fixed; top: 0; width: 100%}
        .sticky + tbody {padding-top: 102px;}
      </style>
    @stop --}}

    @section('content')
      <div class="row">
      	<div class="col-sm-12">
  				<div class="box-info" style="overflow:auto;">
            <h2>
              <b>{!! trans('messages.permission') !!}</b> {!! trans('messages.configuration') !!}
              {{-- Reserve for future permission CRUD --}}
              <div class="additional-btn"></div>
            </h2>

            @if (!isPremium())
              {{-- Switch Tenant --}}
              <div class="row">
                <div class="col-md-12">
                  {!! Form::label('tenant_id',trans('messages.current').' '.trans('messages.tenant'),[]) !!}
                </div>
                <div class="col-md-4">
                  <div class="form-group">
                    {!! Form::select('tenant_id',$companies,Request::filled('tenant_id') ? Request::input('tenant_id') : masterTenantId(),['id' => 'tenant_id', 'class' => 'form-control input-xlarge show-tick', 'title' => trans('messages.select_one')]) !!}
                  </div>
                </div>
                <div class="col-md-8">
                  <div class="form-group">
                    {!! Form::button('<i class="fa fa-window-restore"></i> '.trans('messages.switch').' '.trans('messages.tenant'),['class' => 'btn btn-success', 'type' => 'submit', 'onclick' => 'switchTenant();']) !!}
                  </div>
                </div>
              </div>
            @endif

            {!! Form::open(['route' => 'permission.save-permission', 'role' => 'form', 'class' => 'permission-form', 'id' => 'permission-form', 'data-no-form-clear' => 1]) !!}
              <table class="table table-hover table-striped">
                {{-- <thead id="stickyHeader">
  					  		<tr>
  					  			<th>{!! trans('messages.permission') !!}</th>
  					  			@foreach($roles as $role)
    					  			<th>{!! toWord($role->name) !!}</th>
  					  			@endforeach
  					  		</tr>
  					  	</thead> --}}
                <tbody>

                  @foreach ($permissions as $module => $module_permissions)
                    <tr style="background-color:#3498DB; color:#ffffff;">
                      <th style="width:18%;">{!! toWord($module).' '.trans('messages.module') !!}</th>
                      @foreach ($roles as $role)
                        <th>{!! toWord($role->name) !!}</th>
                      @endforeach
                    </tr>

                    @foreach ($module_permissions as $permission)
                      <tr>
                        <th>{!! toWordTranslate($permission->name) !!}</th>
                        @foreach ($roles as $role)
                          <th>
                            <input class="icheck" type="checkbox" name="permission[{!! $role->id !!}][{!! $permission->id !!}]" value='1' {!! (in_array($role->id.'-'.$permission->id, $permission_role)) ? 'checked' : '' !!} @if($role->id == 1) disabled @endif>
                          </th>
                        @endforeach
                      </tr>
                    @endforeach
                  @endforeach

                  @php /*
  					  		@foreach($permissions as $permission)
                    {{-- Section Header --}}
  					  			@if ($permission->category != $category)
    					  			<tr style="background-color:#3498DB; color:#ffffff;">
                        {{-- <td colspan="{!! count(\App\Role::all())+1 !!} "><strong>{!! toWord($permission->category).' '.trans('messages.module') !!}</strong></td> --}}
                        <th style="width:18%;">{!! toWord($permission->category).' '.trans('messages.module') !!}</th>
                        @foreach($roles as $role)
        					  			<th>{!! toWord($role->name) !!}</th>
      					  			@endforeach
                      </tr>
    					  			  					  			@endif

  					  			<tr>
  					  				<td>{!! toWordTranslate($permission->name) !!}</td>
  						  			@foreach($roles as $role)
    						  			<th>
                          {{-- <input class="icheck" type="checkbox" name="permission[{!!$role->id!!}][{!!$permission->id!!}]" value='1' {!! (in_array($role->id.'-'.$permission->id, $permission_role)) ? 'checked' : '' !!} @if($role->is_hidden) disabled @endif> --}}
                        </th>
  						  			@endforeach
  					  			</tr>
  					  		@endforeach
                  */ @endphp

  					  	</tbody>
  					  </table>

              @if (!isPremium())
        				{!! Form::hidden('tenant_id',(Request::filled('tenant_id') ? Request::input('tenant_id') : Laratrust::user()->tenant_id)) !!}
        			@endif

  					  {!! Form::submit(isset($buttonText) ? $buttonText : trans('messages.save'),['class' => 'btn btn-primary pull-right', 'style' => 'margin:10px;']) !!}
            {!! Form::close() !!}
          </div>
  			</div>
      </div>
    @stop

    @section('js')
      <script>
        // var body = document.getElementsByClassName("body")[1];
        // body.onscroll = function() {
        //   if (window.pageYOffset >= sticky) {
        //     // console.log(window.pageYOffset);
        //     header.classList.add("sticky");
        //   } else {
        //     header.classList.remove("sticky");
        //   }
        // };
        // // Get the header
        // var header = document.getElementById("stickyHeader");
        // // Get the offset position of the navbar
        // var sticky = header.offsetTop;

        function switchTenant() {
          var tenantId = document.getElementById("tenant_id").value;
          var masterTenantId = {{masterTenantId()}}

          if (tenantId == masterTenantId)
            window.location.href = "/permission";
          else
            window.location.href = "/permission?tenant_id=" + tenantId;
        };
      </script>
    @stop