@extends('layouts.app')
<!-- BEGIN CONTENT -->
@section('content')
<div class="page-content-wrapper">
    <!-- BEGIN CONTENT BODY -->
    <div class="top_bar page-content">
        <div class="top_status_bar">
            <div id="top_progress_bar" class="progress_bar">
            </div>
        </div>
        <div class="breadcrumbs">
            <ul>
                <li><a  href="{{ route('admin.dashboard') }}">Home</a></li>
                <li><a href="{{route('admin.settings.index')}}">Settings</a></li>
                <li><a href="#">Role</a></li>
            </ul>
            <button class="btn btn-large pull-right help theme_btn help_btn">?</button>
        </div>
    </div>
    <div class="page-content">
        <div class="portlet">
            <!-- BEGIN PAGE HEADER-->
            <div class="portlet-title page_heading">
                <div class="row">
                    <div class="col-md-9">
                        <div class="caption">
                            <h2 style="font-weight: 600; margin-top: 0;"> Roles</h2>
                            <span class="subtitle"> Setup previleges for a group or a member in your organization. You can define and control their access levels anytime from this screen</span>
                        </div>
                    </div>
                </div>
            </div>
            <!-- BEGIN PAGE BAR -->

            <div class="row each_row">
                <div class="col-md-12">
                    <div class="col-md-4">




                    </div>
                    <div class="col-md-1"></div>
                    <div class="col-md-6">
                            <div id="role-lists" style="margin-bottom: 30px;">
                                    <!--Backoffice permissions-->
                                    <div class="row">
                                        <div class="portlet-body">
                                            <div class="products box member">
                                                <div class="header_tbl">
                                                    <div class="row">
                                                        <div class="col-md-12 row_header">
                                                            <div class="col-md-12">Roles</div>
                                                        </div>

                                                    </div>
                                                </div>
                                                <div class="row_wrap">
                                                    <div class="row_inner_wrap">
                                                        <div class="row">
                                                            <div class="col-md-12 role-lists-show">
                                                                 @foreach($data["roles"] as $key => $value)
                                                                <div class="col-md-12 inner_row">
                                                                    <input type="text" value="{{str_replace('_', '-', ucfirst($value))}}" class="form-control role_screen_name_{{$key}}" readonly="readonly" style="width: 80%">

                                                                   <div class="del_icon edit_department" id="select-role" data-customvalue="{{$key}}"  style="right:50px;">
                                                                       <i class="fa fa-pencil-square-o" aria-hidden="true" style="visibility: visible"></i>
                                                                   </div>
                                                                   <div class="del_icon delete_role" data-url="{{route('admin.roles.destroy', encrypt($key)) }}">
                                                                       <i class="fa fa-trash" aria-hidden="true" style="visibility: visible"></i>
                                                                   </div>
                                                                </div>



                                                            @endforeach
                                                            </div>
                                                        </div>
                                                    </div>

                                                </div>
                                            </div>
                                        </div>
                                    </div>




                                    </div>

                        <form id="form_role_permission">
                            <input type="hidden" class="update-input-action">
                           <input type="hidden" name="_token" value="{{csrf_token()}}">                                                    <!--TEAM AND MANAGER SELECTOR-->
                            <div class="row" style="margin-bottom: 10px;">
                                <div class="col-md-12 pl_pr_0 variable_column">
                                    <!--<label class="col-md-12">Select a role</label>-->
<!--                                    <select datalist id="role_select" class="select2 role_select validate select2-hidden-accessible" name="role_select" tabindex="-1" aria-hidden="true">
                                        <option value=""></option>

                                    </select>-->
                                    <label class="col-md-12" style="padding: 0px">Role</label>
                                    <input id="role-name" name="role" autocomplete="off" class="form-control col-md-12 validate">
                                    <p class="text-danger role hidden"></p>


                                    <!--<input type="submit">-->

                                </div>
                            </div>
                           <div id="access_details">
                            <!--Backoffice permissions-->
                            <div class="row">
                                <h4>Backoffice Permission</h4>
                                <div class="portlet-body">
                                    <div class="products box member">
                                        <div class="header_tbl">
                                            <div class="row">
                                                <div class="col-md-12">
                                                    <div class="col-md-6 row_header">Screens</div>
                                                    <div class="col-md-6 row_header">Permissions</div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row_wrap" >
                                            <div class="row_inner_wrap">
                                                <div class="row">
                                                    <div class="col-md-12">
                                                         @foreach($data["backoffice_screens"] as $key => $value)
                                                        <div class="col-md-6 inner_row">
                                                            <input type="text" value="{{str_replace('_', '-', ucfirst($value))}}" class="form-control screen_name" readonly="readonly">
                                                        </div>
                                                        <div class="col-md-6 inner_row">
                                                            <select class="select2 mode validate select2-hidden-accessible" name="permissions[][{{$key}}]" tabindex="-1" aria-hidden="true">
                                                               @foreach($data["permissions"] as $id => $title)
                                                               <option value="{{$id}}">{{ucfirst($title)}}</option>
                                                              @endforeach
                                                            </select>
                                                        </div>
                                                    @endforeach
                                                    </div>
                                                </div>
                                            </div>

                                        </div>
                                    </div>
                                </div>
                            </div>


                            <!--POS permissions-->
                            <div class="row">
                                <h4>POS Permission</h4>
                                <div class="portlet-body">
                                    <div class="products box member">
                                        <div class="header_tbl">
                                            <div class="row">
                                                <div class="col-md-12">
                                                    <div class="col-md-6 row_header">Screens</div>
                                                    <div class="col-md-6 row_header">Permissions</div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row_wrap" id="access_details">
                                            <div class="row_inner_wrap">
                                                <div class="row">
                                                    <div class="col-md-12">
                                                         @foreach($data["pos_screens"] as $key => $value)

                                                        <div class="col-md-6 inner_row">
                                                            <input type="text"  value="{{str_replace('_', '-', ucfirst($value))}}" class="form-control screen_name" readonly="readonly">
                                                        </div>
                                                        <div class="col-md-6 inner_row">
                                                            <select class="select2 mode validate select2-hidden-accessible" name="pos_permissions[][{{$key}}]" tabindex="-1" aria-hidden="true">
                                                               @foreach($data["pos_permissions"] as $id => $title)
                                                               <option value="{{$id}}">{{ucfirst($title)}}</option>
                                                              @endforeach
                                                            </select>
                                                        </div>
                                                    @endforeach
                                                    </div>
                                                </div>
                                            </div>

                                        </div>
                                    </div>
                                </div>
                            </div>
                            </div>
                              </form>
                        @php
                        $get_permission = permission('role','full-permission');
                        @endphp
                            <div class="row top15" style="float: right">
                                 @if($get_permission)
                                <div class="col-md-12 pl_pr_0">
                                    <input type="submit" value="Save" class="btn theme_btn_round save_role_permission">
                                    <a href="" class="btn theme_btn_round cancel-redirect float_btn">Cancel</a>
                                </div>
                                  @endif
                            </div>

                    </div>
                </div>
            </div>

        </div>
    </div>
</div>
<!-- //SWEET_ALERT START// -->
<div id="sweetalert_wrap" class="sweet_alert_wrap">
    <!-- Sweet alert -->
    <div class="sweet-alert showSweetAlert" data-custom-class="" data-has-cancel-button="true" data-has-confirm-button="true" data-allow-outside-click="false" data-has-done-function="true" data-animation="pop" data-timer="null" >
        <div class="sa-icon sa-warning pulseWarning" style="display: block;">
            <span class="sa-body pulseWarningIns"></span>
            <span class="sa-dot pulseWarningIns"></span>
        </div>
       <h2>Do you want to delete?</h2>
        <div class="sa-button-container">
            <button class="cancel" tabindex="2">Cancel</button>
            <div class="sa-confirm-button-container">
                <button class="confirm" tabindex="1">Confirm</button>
            </div>
        </div>
    </div>
</div>
<!-- //SWEET_ALERT END// -->
@endsection
@section('admin_css')
<link href="{{asset('assets/global/plugins/select2/css/select2.min.css')}}" rel="stylesheet" type="text/css" />
<link href="{{asset('assets/global/plugins/select2/css/select2-bootstrap.min.css')}}" rel="stylesheet"
      type="text/css" />
<link href="{{ asset('css/custom.css') }}" rel="stylesheet" type="text/css"/>
<link href="{{asset('css/sweetalert.css')}}" rel="stylesheet" type="text/css"/>
<style>
    span.select2-selection__clear{
  display: none;
}
</style>
@stop
@section('admin_js')
<script src="{{asset('js/general.js')}}"></script>
<script src="{{asset('assets/global/plugins/select2/js/select2.min.js')}}" type="text/javascript"></script>

@include('admin.js.role')
@stop