@extends('layouts.main')

@section('title')
System Matrix | Permissions
@endsection

@section('menu')
{!! $menu !!}
@endsection

@section('content')
<ol class="breadcrumb">
    <li class="breadcrumb-item"><a href="{{URL('/')}}">Home</a></li>
    <li class="breadcrumb-item"><a href="{{URL('/permissions')}}">Permissions</a></li>
    <li class="breadcrumb-item active">{{$label}}</li>
</ol>
<div class="row">
    <div class="col-lg-12 sm-no-padding">
        <div class="card card-transparent">
            <div class="card-body no-padding">
                <div id="card-advance" class="card card-default">
                    <div class="card-body">
                        <div class="row">
                            <div class="col-lg-8 sm-no-padding">
                                <form id="form-project" role="form" enctype="multipart/form-data" action="{{URL('/')}}/permissions{{$permission_id != '' ? '/'.$permission_id : ''}}" method="POST">
                                    @if($permission_id != "")
                                    <input type="hidden" name="_method" value="PUT"/>
                                    @endif
                                    @csrf
                                    <div class="form-group-attached">
                                        <div class="form-group form-group-default required"
                                            aria-required="true">
                                            <label>Code</label>
                                            <input type="text" class="form-control" name="code"
                                                value="{{Request::old('code') == "" ? $code : Request::old('code')}}"
                                                placeholder="" required="reqiured"
                                                aria-required="true" aria-invalid="true"
                                                aria-describedby="popover144430">
                                        </div>
                                        <div class="form-group form-group-default required"
                                            aria-required="true">
                                            <label>Permissions</label>
                                            <input type="text" class="form-control" name="permission"
                                                value="{{Request::old('permission') == "" ? $value : Request::old('permission')}}"
                                                placeholder="" required="reqiured"
                                                aria-required="true" aria-invalid="true"
                                                aria-describedby="popover144430">
                                        </div>
                                        <div class="row clearfix">
                                            <div class="col-md-12">
                                                <div class="form-group form-group-default"
                                                    aria-required="true">
                                                    <label>Description</label>
                                                    <textarea class="form-control" name="description" 
                                                        aria-required="true" aria-invalid="true"
                                                        aria-describedby="popover538167"
                                                        row="4" cols="50" style="height: 20vh">{{Request::old('description') == "" ? $description : Request::old('description')}}</textarea>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row clearfix">
                                            <div class="col-md-12">
                                                <label>Functions</label>
                                                <input id="functions_ids" type="hidden" name="functions_ids" value="{{$functions_ids}}"/>
                                                <div style="margin-auto" id="transfer1" class="transfer-demo"></div>
                                            </div>
                                        </div>
                                        <br>
                                        <div class="row">
                                            <div class="col-8">
                                                <div class="form-check primary m-t-0">
                                                    <div class="form-check form-check-inline switch">
                                                        <input type="checkbox" name="status" id="pagesSwitch" @if($status == 'A') checked="checked" @endif>
                                                        <label for="pagesSwitch">Active?</label>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-4">
                                                <button aria-label="" class="btn btn-primary pull-right"
                                                    type="submit"><i class="fas fa-save"></i>&nbsp;{{$label1}} Permission</button>
                                            </div>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

@endsection

@section('page-script')
<script>
$(function() {
    $("#masterData").addClass('open');
    $("#masterData").addClass('active');
    $("#masterDataArrow").addClass('open');
    $("#masterDataArrow").addClass('active');
    $("#settings").addClass('open');
    $("#settings").addClass('active');
    $("#settingsArrow").addClass('open');
    $("#settingsArrow").addClass('active');
    $("#settingsList").css('display', 'block');
    $("#permissions").addClass('active');
});
</script>

<script type="text/javascript">
    var array = [];

    var dataArray1 = {!! json_encode($functions) !!};

    var settings1 = {
        "dataArray": dataArray1,
        "itemName": "title",
        "valueName": "id",
        "callable": function (items) {
            console.log(items)

            array = [];

            items.forEach(myFunction);

            $("#functions_ids").val(array.join(','));
        }
    };

    function myFunction(item, index){

        array.push(item.id);
    }

    $("#transfer1").transfer(settings1);
</script>
@endsection