@extends('layouts.adminLayout.admin_design')

@section('content')
<div class="content-wrapper"> 
    <section class="content-header">
        <h1> {{ $title }}</h1>
        <ol class="breadcrumb">
            <li><a href="{{ route('dashboard') }}"><i class="fa fa-dashboard"></i> {{ __('lbl.home') }}</a></li>
            <li class="active">{{ $title }}</li>
        </ol>
    </section>
    {{ Form::open(['url' => route('webpermissions.store'), 'method'=>'POST', 'name' => 'permission', 'id' => 'permission']) }}
    <section class="content">
        <div class="box box-default">
            <div class="row">
                <div class="col-md-12">
                    <div class="box box-solid">
                        <div class="box-header with-border">
                            <h3 class="pull-left box-title">{{ __('lbl.permissions') }}</h3>
                            <div class="pull-right">
                                {{ Form::button('<i class="fa fa-save"></i> '.__('lbl.save'),["type"=>"submit","name"=>"submit","value"=>"submit","class"=>"clickbtncommon btn btn-primary btn-sm ".$add_edit_allowed.""]) }}
                                <a href="javascript:void(0)" id="select_all" class="clickbtncommon btn btn-primary btn-sm"><i class="fa fa-calendar-check-o"></i> {{ __('lbl.select_all') }}</a>
                                <a href="javascript:void(0)" id="unselect_all" class="clickbtncommon btn btn-primary btn-sm"><i class="fa fa-calendar-times-o"></i> {{ __('lbl.unselect_all') }}</a> 
                            </div>
                        </div>
                    </div>
                    <div class="box-body">
                        <div class="row" style="min-height:300px;">
                            <div class="col-md-12">
                                <div class="product-datatable permissions-box">
                                    <div class="table-area" >
                                        <table class="table table-fixed table-striped table-bordered list-header permissions-table-box">
                                            <thead>
                                                <tr style="height: 230px; vertical-align: bottom;">
                                                    <td width="300px" style="height: 230px; vertical-align: bottom;"> <div class="expander">&nbsp;</div></td>
                                                    @if(!empty($operations))
                                                    @foreach($operations as $operation)
                                                    <td style="height: 230px; vertical-align: bottom;">
                                                        <div class="rotated-container">
                                                            <div class="rotated-text">
                                                                <div class="rotated-text__inner">
                                                                    {{ $operation['label'] }}
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </td>
                                                    @endforeach
                                                    @endif
                                                </tr>
                                            </thead>
                                            <tbody>
                                                <input type="hidden" name="role" value="{{ $role_id }}">
                                                @if(!empty($permissions))
                                                @foreach($permissions as $key => $permission)
                                                <tr>
                                                    <td width="280px">
                                                        <div class="permission-name-col">
                                                            
                                                            {{ $permission['label'] }} <span><a href="#"><i class="fa fa-question-circle-o" aria-hidden="true"></i><div class="tooltip-box">{{ $permission['tooltip'] }}</div></a></span>
                                                        </div>
                                                    </td>
                                                    <td></td>
                                                    @if($permission['position_type'] == 0)