@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('permissions.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>
                            @if(Helper::checkAccess('pos_permissions_edit') )
                            <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 "]) }}
                                <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>
                            @endif
                        </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>
                                                    @foreach($roles as $role)
                                                    <td style="height: 230px; vertical-align: bottom;">
                                                        <div class="rotated-container">
                                                            <div class="rotated-text">
                                                                <div class="rotated-text__inner">
                                                                    {{ $role['name'] }}
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </td>
                                                    @endforeach
                                                </tr>
                                            </thead>
                                            <tbody>