@extends('layouts.app')
@section('content')
<div class="row page-titles">
    <div class="col-md-5 align-self-center">
        <h3 class="text-themecolor">{{ ($senddata->id != '') ? 'Edit' : 'Add' }} Role </h3>
    </div>
    <div class="col-md-7 align-self-center">
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="{{ action('HomeController@index') }}">Home</a></li>
            <li class="breadcrumb-item active">Role</li>
        </ol>
    </div>
  
</div>

<div class="container-fluid">
   

    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-body">  
                @if(count($errors) > 0)
                    <div role="alert" class="alert alert-danger fade show">
                        <div class="alert-icon">
                        </div>
                        <div class="alert-text">
                            @if($errors->has('permissions'))
                            {{ $errors->first('permissions') }}</br>
                            @endif
                        </div>
                        <div class="alert-close">
                            <button type="button" data-dismiss="alert" aria-label="Close" class="close">
                                <span aria-hidden="true"><i class="la la-close"></i></span>
                            </button>
                        </div>
                    </div>
                    @endif  
            {!! Form::model($senddata, ['route' => $route, 'method' => $method, 'id'=>'role_form' , 'files' => true,'class' => 'form']) !!}


                <div class="form-group row">
                    <label for="name" class="col-2 col-form-label">Role Name <span style="color:red;">*</span></label>
                    <div class="col-10">
                        {{ Form::text('name',($senddata->id != '') ? $senddata->name : old('name'),['class' => 'form-control','data-error' => 'Enter Role Name','placeholder'=>'Enter Role Name'] ) }}
                    </div>
                </div>

                @if ($senddata->id)
                <div class="form-group row">
                    <label for="example-tel-input" class="col-2 col-form-label">Status</label>
                    <div class="col-10">
                        {!! Form::select('status',['1'=>'Active','0'=>'In Active'],($senddata->id != '') ? $senddata->status : '',['class' => 'form-control']) !!}
                    </div>
                </div>
                @endif

                @foreach($all_permissions as $key=>$all_permission)
                <div class="col-md-3">
                      <h4>{{ $key }}</h4>
                    </div>
                <div >
                    
                    <div class="row">
                    @foreach($all_permission as $key=>$ls_permission)
                    
                    <div class="col-md-6" style="padding-left:50px; ">
                        <div class="checkbox">
                          <label class="custom-control custom-checkbox">
                            {!! Form::checkbox('permissions[]',  $ls_permission->name,  ($senddata->id != '') ? in_array($ls_permission->name, $role_permissions) : false, 
                            [ 'class' => 'custom-control-input input-icheck']); !!} 
                            <span class="custom-control-label">{{ $ls_permission->access_name  }}</span>
                          </label>
                        </div>
                      </div>
                    @endforeach
                    </div>
                  </div>
                  <hr>
                  @endforeach

                <div class="form-group row">
                    <label for="example-color-input" class="col-9 col-form-label">&nbsp;</label>
                    <div class="col-3">
                        <button type="submit" class="btn btn-success waves-effect waves-light m-r-10 submit_role_form">{{ ($senddata->id != '') ? 'Update' : 'Save' }}</button>
                        <a href="{{ action('RoleController@index') }}" class="btn btn-inverse waves-effect waves-light">Cancel</a>
                    </div>
                </div>
                

            {!! Form::close() !!}
                    
                </div>
            </div>
        </div>
    </div>
</div>
@endsection
@section('javascript')
<script type="text/javascript">
    $(document).ready(function () {

    $(document).on('click', '.submit_role_form', function (e) {
        e.preventDefault();
        $("form#role_form").validate({
            rules: {
                name: { required: true, },
            },
            messages: {
                name: { required: "Please enter role name",},
            },

            focusInvalid: true,
            invalidHandler: function () {
                $(this).find(":input.error:first").focus();
            }
        });
        if ($("form#role_form").valid()) {
            $("form#role_form").submit();
        }
    });
});
</script>
@endsection